@import '_content/BlazorColorPicker/BlazorColorPicker.bundle.scp.css';

/* _content/GameNCode.Frontend/Components/Pages/Authentication/ForgotPassword.razor.rz.scp.css */
/* _content/GameNCode.Frontend/Components/Pages/Authentication/ResetPassword.razor.rz.scp.css */
/* _content/GameNCode.Frontend/Components/Pages/Authentication/Signin.razor.rz.scp.css */
.gnc-google-button-row[b-dzs4iel39w] {
    width: 100%;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    display: block;
    overflow: hidden;
    text-align: center;
}

.gnc-google-button[b-dzs4iel39w] {
    width: 100%;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    display: block;
    overflow: hidden;
    position: relative;
    contain: layout size paint;
    text-align: center;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding-left: 12px !important;
}

.gnc-google-button > div[b-dzs4iel39w] {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    display: block !important;
    overflow: hidden !important;
    margin: 0 auto !important;
    text-align: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.gnc-google-button iframe[b-dzs4iel39w] {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    display: block !important;
    margin: 0 auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: translateX(12px) translateZ(0);
    backface-visibility: hidden;
}
/* _content/GameNCode.Frontend/Components/Pages/Authentication/Signup.razor.rz.scp.css */
.gnc-google-button-row[b-rz6qjv55sk] {
    width: 100%;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    display: block;
    overflow: hidden;
    text-align: center;
}

.gnc-google-button[b-rz6qjv55sk] {
    width: 100%;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    display: block;
    overflow: hidden;
    position: relative;
    contain: layout size paint;
    text-align: center;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding-left: 12px !important;
}

.gnc-google-button > div[b-rz6qjv55sk] {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    display: block !important;
    overflow: hidden !important;
    margin: 0 auto !important;
    text-align: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.gnc-google-button iframe[b-rz6qjv55sk] {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    display: block !important;
    margin: 0 auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: translateX(12px) translateZ(0);
    backface-visibility: hidden;
}
/* _content/GameNCode.Frontend/Components/Pages/Authentication/TwoFactor.razor.rz.scp.css */
.gnc-two-factor-code-group[b-9jg00dnqwo] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.75rem;
}

.gnc-two-factor-code-input[b-9jg00dnqwo] {
    display: block;
    height: 4.25rem;
    min-height: 4.25rem;
    padding: 0 !important;
    border-radius: 0.5rem;
    font-size: 1.65rem;
    font-weight: 600;
    line-height: 4.25rem !important;
    text-align: center !important;
    appearance: textfield;
}

.gnc-two-factor-code-input[b-9jg00dnqwo]::-webkit-outer-spin-button,
.gnc-two-factor-code-input[b-9jg00dnqwo]::-webkit-inner-spin-button {
    margin: 0;
    appearance: none;
}

.gnc-two-factor-code-input:focus[b-9jg00dnqwo] {
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.15);
}

@media (max-width: 420px) {
    .gnc-two-factor-code-group[b-9jg00dnqwo] {
        gap: 0.45rem;
    }

    .gnc-two-factor-code-input[b-9jg00dnqwo] {
        height: 3.35rem;
        min-height: 3.35rem;
        padding: 0 !important;
        border-radius: 0.5rem;
        font-size: 1.35rem;
        line-height: 3.35rem !important;
        text-align: center !important;
    }
}
/* _content/GameNCode.Frontend/Components/Pages/HomeLanding.razor.rz.scp.css */
/* ========================================================================================== */

.gnc-hero[b-0c5o4o88ym] {
    position: relative;
    min-height: min(100vh, 920px);
    overflow: hidden;
    background: #020711;
    color: #fff;
    padding: 18px 24px 96px;
    font-family: "Space Grotesk", system-ui, sans-serif;
}

.gnc-hero__bg[b-0c5o4o88ym] {
    position: absolute;
    inset: 0;
    background-image: url("assets/images/landing/hero-bg.jpg");
    background-size: clamp(1320px, 112vw, 1720px) auto;
    background-position: center top -46px;
    background-repeat: no-repeat;
    opacity: .74;
    transform: none;
    filter: saturate(1.08) contrast(1.04);
    mask-image: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
}

.gnc-hero__grid[b-0c5o4o88ym] {
    position: absolute;
    inset: 0;
    background-image:
            linear-gradient(rgba(64, 180, 255, .16) 1px, transparent 1px),
            linear-gradient(90deg, rgba(64, 180, 255, .16) 1px, transparent 1px);
    background-size: 72px 72px;
    opacity: .88;
    mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.98) 58%, rgba(0,0,0,.28) 100%);
}

.gnc-hero__fog[b-0c5o4o88ym] {
    position: absolute;
    top: -285px;
    left: 50%;
    width: 1900px;
    height: 820px;
    transform: translateX(-50%);
    background:
            radial-gradient(ellipse at center, rgba(0, 178, 255, .54) 0%, rgba(0, 112, 220, .32) 34%, rgba(0, 64, 150, .18) 58%, transparent 78%);
    filter: blur(50px);
    opacity: 1;
}

.gnc-hero__overlay[b-0c5o4o88ym] {
    position: absolute;
    inset: 0;
    background:
            radial-gradient(ellipse at 50% 8%, rgba(0, 144, 255, .20) 0%, rgba(0, 88, 180, .13) 32%, transparent 62%),
            linear-gradient(90deg, rgba(2, 7, 17, .94) 0%, rgba(2, 7, 17, .32) 35%, rgba(2, 7, 17, .32) 65%, rgba(2, 7, 17, .94) 100%),
            linear-gradient(180deg, rgba(2, 7, 17, .08) 0%, rgba(2, 7, 17, .24) 42%, rgba(2, 7, 17, .88) 100%);
}

.gnc-header[b-0c5o4o88ym] {
    position: fixed;
    top: 18px;
    left: 50%;
    z-index: 20;
    width: min(1160px, calc(100% - 48px));
    height: 58px;
    padding: 0 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translateX(-50%);
    border: 1px solid rgba(125, 205, 255, .13);
    border-radius: 18px;
    background: rgba(4, 22, 42, .36);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 18px 70px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255, 255, 255, .04);
}

.gnc-header__logo[b-0c5o4o88ym] {
    display: inline-flex;
    align-items: center;
    min-width: 190px;
    text-decoration: none;
}

.gnc-header__logo img[b-0c5o4o88ym] {
    height: 28px;
    width: auto;
    display: block;
}

.gnc-header__nav[b-0c5o4o88ym] {
    position: absolute;
    left: 50%;
    display: flex;
    align-items: center;
    gap: 32px;
    transform: translateX(-50%);
}

.gnc-header__nav a[b-0c5o4o88ym],
.gnc-header__login[b-0c5o4o88ym] {
    color: rgba(225, 238, 255, .66);
    font-size: 14px;
    font-weight: 450;
    text-decoration: none;
    transition: color .2s ease;
}

.gnc-header__nav a:hover[b-0c5o4o88ym],
.gnc-header__login:hover[b-0c5o4o88ym] {
    color: #ffffff;
    text-shadow: 0 0 14px rgba(255,255,255,.12);
}

.gnc-header__actions[b-0c5o4o88ym] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.gnc-header__start[b-0c5o4o88ym] {
    padding: 10px 18px;
    border-radius: 11px;
    background: linear-gradient(135deg, oklch(68% .26 252), oklch(80% .22 240));
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: none;
}

.gnc-header__start:hover[b-0c5o4o88ym] {
    background: linear-gradient(135deg, oklch(72% .27 252), oklch(84% .23 240));
}

.gnc-hero__content[b-0c5o4o88ym] {
    position: relative;
    z-index: 4;
    width: min(760px, 100%);
    margin: clamp(165px, 18vh, 200px) auto 0;
    text-align: center;
}

.gnc-hero__badge[b-0c5o4o88ym] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 7px 14px;
    margin-bottom: 28px;
    border: 1px solid rgba(90, 190, 255, .22);
    border-radius: 999px;
    background: rgba(4, 20, 38, .58);
    color: rgba(225, 238, 255, .68);
    font-size: 13px;
    font-weight: 500;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.gnc-hero__badge span[b-0c5o4o88ym] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #00aaff;
    box-shadow: 0 0 14px #00aaff;
}

.gnc-hero__content h1[b-0c5o4o88ym] {
    margin: 0;
    font-size: 4.5rem;
    line-height: 1;
    letter-spacing: -0.04em;
    font-weight: 700;
    color: rgba(255, 255, 255, .98);
    text-shadow: 0 16px 60px rgba(0, 0, 0, .58);
}

.gnc-hero__content h1 strong[b-0c5o4o88ym] {
    color: #14adff;
    font-weight: 800;
    text-shadow:
            0 0 18px rgba(20, 173, 255, .18),
            0 0 34px rgba(20, 173, 255, .10);
}

.gnc-hero__content h1 span[b-0c5o4o88ym] {
    color: rgba(255, 255, 255, .43);
    font-weight: 800;
}

.gnc-hero__content p[b-0c5o4o88ym] {
    max-width: 720px;
    margin: 30px auto 0;
    color: rgba(226, 236, 249, .66);
    font-size: 20px;
    line-height: 1.52;
    font-weight: 400;
}

.gnc-hero__buttons[b-0c5o4o88ym] {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    gap: 14px;
}

.gnc-button[b-0c5o4o88ym] {
    min-height: 56px;
    padding: 0 34px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.gnc-button--primary[b-0c5o4o88ym] {
    background: linear-gradient(135deg, oklch(68% .26 252), oklch(80% .22 240));
    color: #fff;
    box-shadow: none;
}

.gnc-button--primary:hover[b-0c5o4o88ym] {
    background: linear-gradient(135deg, oklch(72% .27 252), oklch(84% .23 240));
}

.gnc-button--secondary[b-0c5o4o88ym] {
    background: rgba(3, 8, 18, .84);
    border: 1px solid rgba(255, 255, 255, .14);
    color: #fff;
    backdrop-filter: blur(10px);
}

.gnc-button:hover[b-0c5o4o88ym] {
    transform: translateY(-2px);
}

@media (max-width: 900px) {
    .gnc-hero__content h1[b-0c5o4o88ym] {
        font-size: 3.6rem;
    }

    .gnc-header__nav[b-0c5o4o88ym] {
        display: none;
    }

    .gnc-header[b-0c5o4o88ym] {
        width: min(1180px, calc(100% - 32px));
    }

    .gnc-hero__content[b-0c5o4o88ym] {
        margin-top: 150px;
    }

    .gnc-hero__content p[b-0c5o4o88ym] {
        font-size: 18px;
    }

    .gnc-hero__bg[b-0c5o4o88ym] {
        background-size: 1320px auto;
        background-position: center top 76px;
    }
}

@media (max-width: 640px) {
    .gnc-hero__content h1[b-0c5o4o88ym] {
        font-size: 2.8rem;
    }

    .gnc-hero[b-0c5o4o88ym] {
        padding: 16px 16px 70px;
    }

    .gnc-header[b-0c5o4o88ym] {
        top: 14px;
        height: 54px;
        border-radius: 20px;
    }

    .gnc-header__logo[b-0c5o4o88ym] {
        min-width: auto;
    }

    .gnc-header__logo img[b-0c5o4o88ym] {
        height: 26px;
    }

    .gnc-header__login[b-0c5o4o88ym] {
        display: none;
    }

    .gnc-hero__buttons[b-0c5o4o88ym] {
        flex-direction: column;
    }

    .gnc-button[b-0c5o4o88ym] {
        width: 100%;
    }
}

/* ==========================================================================================
   SHARED SECTION TYPOGRAPHY
========================================================================================== */

.gnc-section-title[b-0c5o4o88ym] {
    color: oklch(97% .005 250);
    font-family: "Space Grotesk", system-ui, sans-serif;
    font-size: 2.25rem;
    line-height: 1.25;
    letter-spacing: -0.02em;
    font-weight: 700;
}

.gnc-gradient-text[b-0c5o4o88ym],
.gnc-architecture-number[b-0c5o4o88ym],
.gnc-architecture-stat strong[b-0c5o4o88ym] {
    background: linear-gradient(135deg, oklch(68% .26 252), oklch(80% .22 240));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

@media (min-width: 48rem) {
    .gnc-section-title[b-0c5o4o88ym] {
        font-size: 3rem;
        line-height: 1.25;
    }
}

/* ========================================================================================== */

.gnc-compatibility[b-0c5o4o88ym] {
    position: relative;
    overflow: hidden;
    padding: 42px 0 44px;
    border-top: 1px solid oklch(100% 0 0 / .08);
    border-bottom: 1px solid oklch(100% 0 0 / .08);
    background: oklch(14% .018 260);
    color: oklch(97% .005 250);
    font-family: "Space Grotesk", system-ui, sans-serif;
}

.gnc-compatibility__label[b-0c5o4o88ym] {
    margin-bottom: 28px;
    text-align: center;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: oklch(97% .005 250 / .48);
}

.gnc-compatibility__mask[b-0c5o4o88ym] {
    position: relative;
    overflow: hidden;
    width: 100%;
    mask-image: linear-gradient(
            90deg,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
    );
}

.gnc-compatibility__track[b-0c5o4o88ym] {
    display: flex;
    width: max-content;
    gap: 48px;
    white-space: nowrap;
    animation: gnc-marquee-b-0c5o4o88ym 42s linear infinite;
}

.gnc-compatibility__track span[b-0c5o4o88ym] {
    color: oklch(97% .005 250 / .46);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    transition: color .2s ease;
}

.gnc-compatibility__track span:hover[b-0c5o4o88ym] {
    color: oklch(97% .005 250 / .88);
}

@keyframes gnc-marquee-b-0c5o4o88ym {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@media (max-width: 640px) {
    .gnc-compatibility[b-0c5o4o88ym] {
        padding: 34px 0 36px;
    }

    .gnc-compatibility__track[b-0c5o4o88ym] {
        gap: 34px;
        animation-duration: 34s;
    }

    .gnc-compatibility__track span[b-0c5o4o88ym] {
        font-size: 16px;
    }
}

/* ========================================================================================== */

.gnc-defense-section[b-0c5o4o88ym] {
    position: relative;
    padding: 128px 24px;
    background: oklch(14% .018 260);
    color: oklch(97% .005 250);
    font-family: "Space Grotesk", system-ui, sans-serif;
}

.gnc-defense-container[b-0c5o4o88ym] {
    width: min(1120px, 100%);
    margin: 0 auto;
}

.gnc-defense-header[b-0c5o4o88ym] {
    max-width: 760px;
}

.gnc-defense-eyebrow[b-0c5o4o88ym] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: oklch(76% .22 240);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.gnc-defense-eyebrow span[b-0c5o4o88ym] {
    color: oklch(97% .005 250 / .38);
}

.gnc-defense-header h2[b-0c5o4o88ym] {
    margin: 22px 0 0;
    max-width: 820px;
}

.gnc-defense-header p[b-0c5o4o88ym] {
    max-width: 760px;
    margin: 24px 0 0;
    color: oklch(97% .005 250 / .58);
    font-size: 18px;
    line-height: 1.62;
}

.gnc-defense-grid[b-0c5o4o88ym] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 64px;
}

.gnc-defense-card[b-0c5o4o88ym] {
    position: relative;
    min-height: 226px;
    padding: 28px;
    overflow: hidden;
    border: 1px solid oklch(100% 0 0 / .08);
    border-radius: 20px;
    background:
            linear-gradient(180deg, oklch(100% 0 0 / .035), oklch(100% 0 0 / .012)),
            oklch(14% .018 260 / .78);
    box-shadow: inset 0 1px 0 oklch(100% 0 0 / .025);
    transition: transform .3s ease, border-color .3s ease, background .3s ease, box-shadow .3s ease;
}

.gnc-defense-card:hover[b-0c5o4o88ym] {
    transform: translateY(-4px);
    border-color: oklch(68% .26 252 / .40);
    box-shadow:
            inset 0 1px 0 oklch(100% 0 0 / .04),
            0 18px 46px rgba(0, 0, 0, .22);
}

.gnc-defense-icon[b-0c5o4o88ym] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    border-radius: 14px;
    background: oklch(24% .045 260);
    color: oklch(97% .005 250);
    font-size: 20px;
    transition: background .3s ease, color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.gnc-defense-card:hover .gnc-defense-icon[b-0c5o4o88ym] {
    background: linear-gradient(135deg, oklch(68% .26 252), oklch(80% .22 240));
    color: #ffffff;
    box-shadow: 0 0 34px oklch(68% .26 252 / .30);
    transform: translateY(-1px);
}

.gnc-defense-card h3[b-0c5o4o88ym] {
    margin: 0;
    color: oklch(97% .005 250);
    font-size: 18px;
    line-height: 1.25;
    font-weight: 650;
    letter-spacing: -0.015em;
}

.gnc-defense-card p[b-0c5o4o88ym] {
    margin: 14px 0 0;
    color: oklch(97% .005 250 / .55);
    font-size: 15px;
    line-height: 1.58;
}

@media (max-width: 980px) {
    .gnc-defense-grid[b-0c5o4o88ym] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .gnc-defense-section[b-0c5o4o88ym] {
        padding: 84px 18px;
    }

    .gnc-defense-grid[b-0c5o4o88ym] {
        grid-template-columns: 1fr;
        margin-top: 44px;
    }

    .gnc-defense-card[b-0c5o4o88ym] {
        min-height: auto;
    }
}

/* ========================================================================================== */

.gnc-architecture-section[b-0c5o4o88ym] {
    position: relative;
    overflow: hidden;
    padding: 128px 24px;
    border-top: 1px solid oklch(100% 0 0 / .08);
    background: oklch(14% .018 260);
    color: oklch(97% .005 250);
    font-family: "Space Grotesk", system-ui, sans-serif;
}

.gnc-architecture-glow[b-0c5o4o88ym] {
    position: absolute;
    inset: 0;
    background:
            radial-gradient(circle at 50% 0%, oklch(68% .26 252 / .13), transparent 42%);
    opacity: .40;
    pointer-events: none;
}

.gnc-architecture-container[b-0c5o4o88ym] {
    position: relative;
    width: min(1120px, 100%);
    margin: 0 auto;
}

.gnc-architecture-header[b-0c5o4o88ym] {
    max-width: 760px;
}

.gnc-architecture-eyebrow[b-0c5o4o88ym] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: oklch(76% .22 240);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.gnc-architecture-eyebrow span[b-0c5o4o88ym] {
    color: oklch(97% .005 250 / .38);
}

.gnc-architecture-header h2[b-0c5o4o88ym] {
    margin: 22px 0 0;
    max-width: 820px;
}

.gnc-architecture-steps[b-0c5o4o88ym] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 64px;
}

.gnc-architecture-card[b-0c5o4o88ym] {
    min-height: 250px;
    padding: 32px;
    border: 1px solid oklch(100% 0 0 / .08);
    border-radius: 20px;
    background:
            linear-gradient(180deg, oklch(100% 0 0 / .035), oklch(100% 0 0 / .012)),
            oklch(14% .018 260 / .80);
    box-shadow: inset 0 1px 0 oklch(100% 0 0 / .025);
}

.gnc-architecture-card-top[b-0c5o4o88ym] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.gnc-architecture-number[b-0c5o4o88ym] {
    font-family: "JetBrains Mono", ui-monospace, monospace;
    font-size: 3rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0;
}

.gnc-architecture-icon[b-0c5o4o88ym] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: linear-gradient(135deg, oklch(68% .26 252), oklch(80% .22 240));
    color: #fff;
    font-size: 20px;
    box-shadow: 0 0 34px oklch(68% .26 252 / .26);
}

.gnc-architecture-card h3[b-0c5o4o88ym] {
    margin: 40px 0 0;
    color: oklch(97% .005 250);
    font-size: 20px;
    line-height: 1.25;
    font-weight: 650;
}

.gnc-architecture-card p[b-0c5o4o88ym] {
    margin: 12px 0 0;
    color: oklch(97% .005 250 / .55);
    font-size: 15px;
    line-height: 1.58;
}

.gnc-architecture-stats[b-0c5o4o88ym] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-top: 80px;
    padding: 40px 36px;
    border: 1px solid oklch(100% 0 0 / .08);
    border-radius: 24px;
    background:
            linear-gradient(180deg, oklch(100% 0 0 / .035), oklch(100% 0 0 / .012)),
            oklch(14% .018 260 / .82);
    box-shadow: inset 0 1px 0 oklch(100% 0 0 / .025);
}

.gnc-architecture-stat[b-0c5o4o88ym] {
    padding-left: 28px;
    border-left: 1px solid oklch(100% 0 0 / .08);
}

.gnc-architecture-stat:first-child[b-0c5o4o88ym] {
    border-left: 0;
    padding-left: 0;
}

.gnc-architecture-stat strong[b-0c5o4o88ym] {
    display: block;
    font-family: "Inter", system-ui, sans-serif;
    font-feature-settings: "ss01", "cv11";
    font-size: 36px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0;
}

.gnc-architecture-stat span[b-0c5o4o88ym] {
    display: block;
    margin-top: 14px;
    color: oklch(97% .005 250 / .48);
    font-family: "Space Grotesk", system-ui, sans-serif;
    font-size: 12px;
    line-height: 1.35;
    letter-spacing: .12em;
    text-transform: uppercase;
}

@media (max-width: 980px) {
    .gnc-architecture-steps[b-0c5o4o88ym],
    .gnc-architecture-stats[b-0c5o4o88ym] {
        grid-template-columns: 1fr;
    }

    .gnc-architecture-stat[b-0c5o4o88ym] {
        padding: 24px 0 0;
        border-left: 0;
        border-top: 1px solid oklch(100% 0 0 / .08);
    }

    .gnc-architecture-stat:first-child[b-0c5o4o88ym] {
        padding-top: 0;
        border-top: 0;
    }
}

@media (max-width: 640px) {
    .gnc-architecture-section[b-0c5o4o88ym] {
        padding: 84px 18px;
    }

    .gnc-architecture-stats[b-0c5o4o88ym] {
        padding: 32px 28px;
    }
}

/* ========================================================================================== */

.gnc-plans-section[b-0c5o4o88ym] {
    position: relative;
    padding: 128px 24px;
    border-top: 1px solid oklch(100% 0 0 / .08);
    background: oklch(14% .018 260);
    color: oklch(97% .005 250);
    font-family: "Inter", system-ui, sans-serif;
}

.gnc-plans-container[b-0c5o4o88ym] {
    width: min(1120px, 100%);
    margin: 0 auto;
}

.gnc-plans-header[b-0c5o4o88ym] {
    max-width: 760px;
}

.gnc-plans-eyebrow[b-0c5o4o88ym] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: oklch(76% .22 240);
    font-family: "JetBrains Mono", ui-monospace, monospace;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.gnc-plans-eyebrow span[b-0c5o4o88ym] {
    color: oklch(97% .005 250 / .38);
}

.gnc-plans-header h2[b-0c5o4o88ym] {
    margin: 22px 0 0;
    max-width: 820px;
}

.gnc-plans-header p[b-0c5o4o88ym] {
    margin: 28px 0 0;
    color: oklch(97% .005 250 / .58);
    font-size: 18px;
    line-height: 1.62;
}

.gnc-plans-grid[b-0c5o4o88ym] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 64px;
}

.gnc-plan-card[b-0c5o4o88ym] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 520px;
    padding: 32px;
    border: 1px solid oklch(100% 0 0 / .08);
    border-radius: 20px;
    background:
            linear-gradient(180deg, oklch(100% 0 0 / .035), oklch(100% 0 0 / .012)),
            oklch(14% .018 260 / .80);
    box-shadow: inset 0 1px 0 oklch(100% 0 0 / .025);
}

.gnc-plan-card--featured[b-0c5o4o88ym] {
    border-color: oklch(68% .26 252 / .40);
    background:
            linear-gradient(180deg, oklch(62% .22 256 / .10), oklch(18% .02 260 / .50)),
            oklch(14% .018 260 / .82);
    box-shadow:
            0 0 45px oklch(68% .26 252 / .16),
            inset 0 1px 0 oklch(100% 0 0 / .035);
}

.gnc-plan-badge[b-0c5o4o88ym] {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 14px;
    border-radius: 999px;
    background: linear-gradient(135deg, oklch(68% .26 252), oklch(80% .22 240));
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.gnc-plan-card h3[b-0c5o4o88ym] {
    margin: 0;
    color: oklch(97% .005 250);
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
}

.gnc-plan-description[b-0c5o4o88ym] {
    min-height: 48px;
    margin: 14px 0 0;
    color: oklch(97% .005 250 / .55);
    font-size: 15px;
    line-height: 1.5;
}

.gnc-plan-price[b-0c5o4o88ym] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-top: 34px;
}

.gnc-plan-price strong[b-0c5o4o88ym] {
    color: oklch(97% .005 250);
    font-size: 36px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.gnc-plan-price span[b-0c5o4o88ym] {
    color: oklch(97% .005 250 / .50);
    font-size: 14px;
}

.gnc-plan-divider[b-0c5o4o88ym] {
    height: 1px;
    margin: 32px 0 24px;
    background: oklch(100% 0 0 / .08);
}

.gnc-plans-note[b-0c5o4o88ym] {
    margin-top: 1.35rem;
    text-align: center;
    color: oklch(97% .005 250 / .50);
    font-size: 0.78rem;
    font-style: italic;
}

.gnc-plan-card ul[b-0c5o4o88ym] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gnc-plan-card li[b-0c5o4o88ym] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: oklch(97% .005 250 / .58);
    font-size: 15px;
    line-height: 1.35;
}

.gnc-plan-card li span[b-0c5o4o88ym] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-top: 1px;
    border: 1px solid oklch(76% .22 240);
    border-radius: 50%;
    color: oklch(76% .22 240);
    font-size: 10px;
    line-height: 1;
    flex-shrink: 0;
}

.gnc-plan-button[b-0c5o4o88ym] {
    height: 44px;
    width: 100%;
    margin-top: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.gnc-plan-button:hover[b-0c5o4o88ym] {
    transform: translateY(-1px);
}

.gnc-plan-button--secondary[b-0c5o4o88ym] {
    border: 1px solid oklch(100% 0 0 / .12);
    background: oklch(14% .018 260);
    color: oklch(97% .005 250);
}

.gnc-plan-button--secondary:hover[b-0c5o4o88ym] {
    background: oklch(24% .045 260);
}

.gnc-plan-button--primary[b-0c5o4o88ym] {
    border: 1px solid transparent;
    background: linear-gradient(135deg, oklch(68% .26 252), oklch(80% .22 240));
    color: #fff;
}

.gnc-plan-button--primary:hover[b-0c5o4o88ym] {
    filter: brightness(1.08);
}

@media (max-width: 980px) {
    .gnc-plans-grid[b-0c5o4o88ym] {
        grid-template-columns: 1fr;
    }

    .gnc-plan-card[b-0c5o4o88ym] {
        min-height: auto;
    }
}

@media (max-width: 640px) {
    .gnc-plans-section[b-0c5o4o88ym] {
        padding: 84px 18px;
    }
}

/* ========================================================================================== */

.gnc-faq-section[b-0c5o4o88ym] {
    position: relative;
    padding: 128px 24px;
    border-top: 1px solid oklch(100% 0 0 / .08);
    background: oklch(14% .018 260);
    color: oklch(97% .005 250);
    font-family: "Inter", system-ui, sans-serif;
}

.gnc-faq-container[b-0c5o4o88ym] {
    width: min(768px, 100%);
    margin: 0 auto;
}

.gnc-faq-eyebrow[b-0c5o4o88ym] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: oklch(76% .22 240);
    font-family: "JetBrains Mono", ui-monospace, monospace;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.gnc-faq-eyebrow span[b-0c5o4o88ym] {
    color: oklch(97% .005 250 / .38);
}

.gnc-faq-section h2[b-0c5o4o88ym] {
    margin: 22px 0 0;
}

.gnc-faq-list[b-0c5o4o88ym] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 48px;
}

.gnc-faq-item[b-0c5o4o88ym] {
    border: 1px solid oklch(100% 0 0 / .08);
    border-radius: 14px;
    background:
            linear-gradient(180deg, oklch(100% 0 0 / .035), oklch(100% 0 0 / .012)),
            oklch(14% .018 260 / .80);
    box-shadow: inset 0 1px 0 oklch(100% 0 0 / .025);
}

.gnc-faq-item summary[b-0c5o4o88ym] {
    min-height: 78px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    cursor: pointer;
    list-style: none;
    color: oklch(97% .005 250);
    font-size: 16px;
    font-weight: 500;
}

.gnc-faq-item summary[b-0c5o4o88ym]::-webkit-details-marker {
    display: none;
}

.gnc-faq-plus[b-0c5o4o88ym] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 999px;
    background: oklch(24% .045 260);
    color: oklch(76% .22 240);
    font-size: 20px;
    line-height: 1;
    transition: transform .25s ease;
}

.gnc-faq-item[open] .gnc-faq-plus[b-0c5o4o88ym] {
    transform: rotate(45deg);
}

.gnc-faq-item p[b-0c5o4o88ym] {
    margin: -6px 24px 24px;
    color: oklch(97% .005 250 / .55);
    font-size: 14px;
    line-height: 1.65;
}

@media (max-width: 640px) {
    .gnc-faq-section[b-0c5o4o88ym] {
        padding: 84px 18px;
    }

    .gnc-faq-item summary[b-0c5o4o88ym] {
        padding: 0 20px;
    }

    .gnc-faq-item p[b-0c5o4o88ym] {
        margin: -6px 20px 22px;
    }
}

/* ========================================================================================== */

.gnc-contact-section[b-0c5o4o88ym] {
    position: relative;
    padding: 128px 24px;
    border-top: 1px solid oklch(100% 0 0 / .08);
    background: oklch(14% .018 260);
    color: oklch(97% .005 250);
}

.gnc-contact-container[b-0c5o4o88ym] {
    width: min(976px, 100%);
    margin: 0 auto;
}

.gnc-contact-card[b-0c5o4o88ym] {
    position: relative;
    overflow: hidden;
    padding: 84px 32px;
    border: 1px solid oklch(100% 0 0 / .08);
    border-radius: 32px;
    background:
            linear-gradient(180deg, oklch(100% 0 0 / .035), oklch(100% 0 0 / .012)),
            oklch(14% .018 260 / .82);
    box-shadow: inset 0 1px 0 oklch(100% 0 0 / .025);
}

.gnc-contact-glow[b-0c5o4o88ym] {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 0%, oklch(68% .26 252 / .22), transparent 56%);
}

.gnc-contact-background[b-0c5o4o88ym] {
    position: absolute;
    inset: 0;
    opacity: .20;
    pointer-events: none;
    background-image: url("assets/images/landing/hero-bg.jpg");
    background-size: cover;
    background-position: center;
}

.gnc-contact-content[b-0c5o4o88ym] {
    position: relative;
    text-align: center;
}

.gnc-contact-logo[b-0c5o4o88ym] {
    width: auto;
    height: 155px;
    margin: 0 auto -30px;
    display: block;
    filter: drop-shadow(0 0 30px oklch(62% .22 256 / .60));
    animation: gnc-contact-float-b-0c5o4o88ym 4s ease-in-out infinite;
}

.gnc-contact-content h2[b-0c5o4o88ym] {
    max-width: 980px;
    margin: 0 auto;
    font-family: "Space Grotesk", system-ui, sans-serif;
    font-size: 2.15rem;
    line-height: 1.25;
    letter-spacing: -0.025em;
}

@media (min-width: 48rem) {
    .gnc-contact-content h2[b-0c5o4o88ym] {
        font-size: 3.5rem;
        line-height: 1.25;
    }
}

.gnc-contact-content p[b-0c5o4o88ym] {
    max-width: 720px;
    margin: 26px auto 0;
    color: oklch(97% .005 250 / .58);
    font-size: 20px;
    line-height: 1.65;
}

.gnc-contact-actions[b-0c5o4o88ym] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin-top: 42px;
}

.gnc-contact-button[b-0c5o4o88ym] {
    min-height: 54px;
    padding: 0 32px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: transform .2s ease, background .2s ease, border-color .2s ease, filter .2s ease;
}

.gnc-contact-button:hover[b-0c5o4o88ym] {
    transform: translateY(-2px);
}

.gnc-contact-button--primary[b-0c5o4o88ym] {
    border: 1px solid transparent;
    background: linear-gradient(135deg, oklch(68% .26 252), oklch(80% .22 240));
    color: #ffffff;
}

.gnc-contact-button--primary:hover[b-0c5o4o88ym] {
    filter: brightness(1.08);
}

.gnc-contact-button--secondary[b-0c5o4o88ym] {
    border: 1px solid oklch(100% 0 0 / .12);
    background: oklch(14% .018 260);
    color: oklch(97% .005 250);
}

.gnc-contact-button--secondary:hover[b-0c5o4o88ym] {
    background: oklch(24% .045 260);
}

@keyframes gnc-contact-float-b-0c5o4o88ym {
    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-8px);
    }
}

@media (max-width: 640px) {
    .gnc-contact-section[b-0c5o4o88ym] {
        padding: 84px 18px;
    }

    .gnc-contact-card[b-0c5o4o88ym] {
        padding: 64px 24px;
        border-radius: 26px;
    }

    .gnc-contact-content p[b-0c5o4o88ym] {
        font-size: 17px;
    }

    .gnc-contact-actions[b-0c5o4o88ym] {
        flex-direction: column;
    }

    .gnc-contact-button[b-0c5o4o88ym] {
        width: 100%;
    }
}

/* ========================================================================================== */

.gnc-footer[b-0c5o4o88ym] {
    padding: 64px 24px 0;
    padding-top: 104px;
    border-top: 1px solid oklch(100% 0 0 / .06);
    background: oklch(14% .018 260);
    color: oklch(97% .005 250);
    font-family: "Space Grotesk", system-ui, sans-serif;
}

.gnc-footer-container[b-0c5o4o88ym] {
    width: min(1120px, 100%);
    margin: 0 auto;
}

.gnc-footer-main[b-0c5o4o88ym] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 40px;
}

.gnc-footer-brand img[b-0c5o4o88ym] {
    width: auto;
    height: 36px;
    display: block;
}

.gnc-footer-brand p[b-0c5o4o88ym] {
    max-width: 380px;
    margin: 24px 0 0;
    color: oklch(97% .005 250 / .55);
    font-size: 14px;
    line-height: 1.7;
}

.gnc-footer-title[b-0c5o4o88ym] {
    margin-bottom: 16px;
    color: oklch(97% .005 250 / .48);
    font-family: "JetBrains Mono", ui-monospace, monospace;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.gnc-footer-column ul[b-0c5o4o88ym] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gnc-footer-column a[b-0c5o4o88ym] {
    color: oklch(97% .005 250 / .55);
    font-size: 14px;
    text-decoration: none;
    transition: color .2s ease;
}

.gnc-footer-column a:hover[b-0c5o4o88ym] {
    color: oklch(97% .005 250);
}

.gnc-footer-bottom[b-0c5o4o88ym] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 16px;
    margin-top: 48px;
    padding: 32px 0;
    border-top: 1px solid oklch(100% 0 0 / .06);
    color: oklch(97% .005 250 / .48);
    font-size: 12px;
}

.gnc-footer-bottom span:last-child[b-0c5o4o88ym] {
    font-family: "JetBrains Mono", ui-monospace, monospace;
}

@media (max-width: 768px) {
    .gnc-footer-main[b-0c5o4o88ym] {
        grid-template-columns: 1fr;
    }

    .gnc-footer-bottom[b-0c5o4o88ym] {
        flex-direction: column;
        align-items: center;
    }
}
/* _content/GameNCode.Frontend/Components/Pages/Legal/PrivacyPolicy.razor.rz.scp.css */
.legal-page[b-opzbxgeo7v] {
    min-height: 100vh;
    background:
            radial-gradient(circle at top left, rgba(var(--custom-primary-rgb), 0.08), transparent 30rem),
            linear-gradient(180deg, #f3f7fc 0%, #eef4fb 42%, #f8fbff 100%);
    padding-bottom: 4rem;
}

.legal-hero[b-opzbxgeo7v] {
    position: relative;
    overflow: hidden;
    padding: 4.5rem 1rem 7rem;
    background-image: var(--custom-grad-secondary);
    color: #fff;
}

.legal-hero[b-opzbxgeo7v]::before {
    content: "";
    position: absolute;
    width: 32rem;
    height: 32rem;
    right: -10rem;
    top: -14rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.075);
}

.legal-hero[b-opzbxgeo7v]::after {
    content: "";
    position: absolute;
    width: 20rem;
    height: 20rem;
    left: -8rem;
    bottom: -11rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.055);
}

.legal-hero__content[b-opzbxgeo7v] {
    position: relative;
    z-index: 1;
    max-width: 1040px;
    margin: 0 auto;
}

.legal-title-row[b-opzbxgeo7v] {
    display: flex;
    align-items: center;
    gap: 1.15rem;
    margin-bottom: 1rem;
}

.legal-title-symbol[b-opzbxgeo7v] {
    width: 72px;
    height: 72px;
    object-fit: contain;
    flex-shrink: 0;
    filter: drop-shadow(0 0.45rem 0.9rem rgba(0, 0, 0, 0.16));
}

.legal-title-row h1[b-opzbxgeo7v] {
    margin-bottom: 0;
}

.legal-hero h1[b-opzbxgeo7v] {
    font-size: clamp(2.3rem, 4.6vw, 4rem);
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.035em;
}

.legal-hero p[b-opzbxgeo7v] {
    max-width: 860px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1.04rem;
    line-height: 1.78;
    margin-bottom: 1.35rem;
}

.legal-meta[b-opzbxgeo7v] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.legal-meta span[b-opzbxgeo7v] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.8rem;
    border-radius: 0.55rem;
    background: rgba(255, 255, 255, 0.13);
    font-size: 0.86rem;
    color: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(6px);
}

.legal-container[b-opzbxgeo7v] {
    max-width: 1180px;
    margin: -4rem auto 0;
    padding: 0 1rem;
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 1.25rem;
    position: relative;
    z-index: 2;
}

.legal-sidebar[b-opzbxgeo7v] {
    position: sticky;
    top: 1rem;
    height: fit-content;
}

.legal-sidebar__card[b-opzbxgeo7v] {
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1rem;
    padding: 1.25rem;
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.08);
}

.legal-sidebar__title[b-opzbxgeo7v] {
    font-weight: 800;
    margin-bottom: 0.9rem;
    color: #1f2937;
}

.legal-sidebar__card a[b-opzbxgeo7v] {
    display: block;
    padding: 0.62rem 0;
    color: #64748b;
    font-size: 0.9rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
    transition: color 0.16s ease, padding-left 0.16s ease;
}

.legal-sidebar__card a:hover[b-opzbxgeo7v] {
    color: rgb(var(--custom-primary-rgb));
    padding-left: 0.25rem;
}

.legal-content[b-opzbxgeo7v] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.legal-section[b-opzbxgeo7v] {
    display: grid;
    grid-template-columns: 3.15rem 1fr;
    gap: 1rem;
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1rem;
    padding: 1.45rem;
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.055);
    scroll-margin-top: 1.5rem;
}

.legal-section__icon[b-opzbxgeo7v] {
    width: 3.15rem;
    height: 3.15rem;
    border-radius: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--custom-primary-rgb), 0.10);
    color: rgb(var(--custom-primary-rgb));
    font-size: 1.28rem;
}

.legal-section h2[b-opzbxgeo7v] {
    font-size: 1.18rem;
    font-weight: 800;
    margin-bottom: 0.75rem;
    color: #1f2937;
}

.legal-section p[b-opzbxgeo7v] {
    color: #64748b;
    line-height: 1.78;
    margin-bottom: 0.78rem;
}

.legal-note[b-opzbxgeo7v] {
    margin-top: 1rem;
    border-radius: 0.75rem;
    padding: 1rem;
    background: rgba(var(--custom-primary-rgb), 0.075);
    color: rgb(var(--custom-primary-rgb));
    line-height: 1.65;
    border: 1px solid rgba(var(--custom-primary-rgb), 0.12);
}

.legal-actions[b-opzbxgeo7v] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.legal-disclaimer[b-opzbxgeo7v] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.15rem;
    border-radius: 1rem;
    background: rgba(var(--custom-primary-rgb), 0.075);
    color: rgb(var(--custom-primary-rgb));
    border: 1px solid rgba(var(--custom-primary-rgb), 0.14);
    line-height: 1.65;
}

.legal-disclaimer i[b-opzbxgeo7v] {
    font-size: 1.25rem;
    margin-top: 0.1rem;
}

@media (max-width: 991.98px) {
    .legal-hero[b-opzbxgeo7v] {
        padding-bottom: 5.5rem;
    }

    .legal-container[b-opzbxgeo7v] {
        grid-template-columns: 1fr;
        margin-top: -3rem;
    }

    .legal-sidebar[b-opzbxgeo7v] {
        position: static;
    }

    .legal-sidebar__card[b-opzbxgeo7v] {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .legal-hero[b-opzbxgeo7v] {
        padding: 3rem 1rem 4.75rem;
    }

    .legal-title-row[b-opzbxgeo7v] {
        align-items: flex-start;
        gap: 0.85rem;
    }

    .legal-title-symbol[b-opzbxgeo7v] {
        width: 52px;
        height: 52px;
    }

    .legal-section[b-opzbxgeo7v] {
        grid-template-columns: 1fr;
        padding: 1.15rem;
    }

    .legal-meta span[b-opzbxgeo7v] {
        width: 100%;
    }
}
/* _content/GameNCode.Frontend/Components/Pages/Legal/TermsConditions.razor.rz.scp.css */
.legal-page[b-caroejwbl3] {
    min-height: 100vh;
    background:
            radial-gradient(circle at top left, rgba(var(--custom-primary-rgb), 0.08), transparent 30rem),
            linear-gradient(180deg, #f3f7fc 0%, #eef4fb 42%, #f8fbff 100%);
    padding-bottom: 4rem;
}

.legal-hero[b-caroejwbl3] {
    position: relative;
    overflow: hidden;
    padding: 4.5rem 1rem 7rem;
    background-image: var(--custom-grad-secondary);
    color: #fff;
}

.legal-hero[b-caroejwbl3]::before {
    content: "";
    position: absolute;
    width: 32rem;
    height: 32rem;
    right: -10rem;
    top: -14rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.075);
}

.legal-hero[b-caroejwbl3]::after {
    content: "";
    position: absolute;
    width: 20rem;
    height: 20rem;
    left: -8rem;
    bottom: -11rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.055);
}

.legal-hero__content[b-caroejwbl3] {
    position: relative;
    z-index: 1;
    max-width: 1040px;
    margin: 0 auto;
}

.legal-title-row[b-caroejwbl3] {
    display: flex;
    align-items: center;
    gap: 1.15rem;
    margin-bottom: 1rem;
}

.legal-title-symbol[b-caroejwbl3] {
    width: 72px;
    height: 72px;
    object-fit: contain;
    flex-shrink: 0;
    filter: drop-shadow(0 0.45rem 0.9rem rgba(0, 0, 0, 0.16));
}

.legal-title-row h1[b-caroejwbl3] {
    margin-bottom: 0;
}

.legal-hero h1[b-caroejwbl3] {
    font-size: clamp(2.3rem, 4.6vw, 4rem);
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.035em;
}

.legal-hero p[b-caroejwbl3] {
    max-width: 860px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1.04rem;
    line-height: 1.78;
    margin-bottom: 1.35rem;
}

.legal-meta[b-caroejwbl3] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.legal-meta span[b-caroejwbl3] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.8rem;
    border-radius: 0.55rem;
    background: rgba(255, 255, 255, 0.13);
    font-size: 0.86rem;
    color: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(6px);
}

.legal-container[b-caroejwbl3] {
    max-width: 1180px;
    margin: -4rem auto 0;
    padding: 0 1rem;
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 1.25rem;
    position: relative;
    z-index: 2;
}

.legal-sidebar[b-caroejwbl3] {
    position: sticky;
    top: 1rem;
    height: fit-content;
}

.legal-sidebar__card[b-caroejwbl3] {
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1rem;
    padding: 1.25rem;
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.08);
}

.legal-sidebar__title[b-caroejwbl3] {
    font-weight: 800;
    margin-bottom: 0.9rem;
    color: #1f2937;
}

.legal-sidebar__card a[b-caroejwbl3] {
    display: block;
    padding: 0.62rem 0;
    color: #64748b;
    font-size: 0.9rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
    transition: color 0.16s ease, padding-left 0.16s ease;
}

.legal-sidebar__card a:hover[b-caroejwbl3] {
    color: rgb(var(--custom-primary-rgb));
    padding-left: 0.25rem;
}

.legal-content[b-caroejwbl3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.legal-section[b-caroejwbl3] {
    display: grid;
    grid-template-columns: 3.15rem 1fr;
    gap: 1rem;
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1rem;
    padding: 1.45rem;
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.055);
    scroll-margin-top: 1.5rem;
}

.legal-section__icon[b-caroejwbl3] {
    width: 3.15rem;
    height: 3.15rem;
    border-radius: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--custom-primary-rgb), 0.10);
    color: rgb(var(--custom-primary-rgb));
    font-size: 1.28rem;
}

.legal-section h2[b-caroejwbl3] {
    font-size: 1.18rem;
    font-weight: 800;
    margin-bottom: 0.75rem;
    color: #1f2937;
}

.legal-section p[b-caroejwbl3] {
    color: #64748b;
    line-height: 1.78;
    margin-bottom: 0.78rem;
}

.legal-note[b-caroejwbl3] {
    margin-top: 1rem;
    border-radius: 0.75rem;
    padding: 1rem;
    background: rgba(var(--custom-primary-rgb), 0.075);
    color: rgb(var(--custom-primary-rgb));
    line-height: 1.65;
    border: 1px solid rgba(var(--custom-primary-rgb), 0.12);
}

.legal-actions[b-caroejwbl3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.legal-disclaimer[b-caroejwbl3] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.15rem;
    border-radius: 1rem;
    background: rgba(var(--custom-primary-rgb), 0.075);
    color: rgb(var(--custom-primary-rgb));
    border: 1px solid rgba(var(--custom-primary-rgb), 0.14);
    line-height: 1.65;
}

.legal-disclaimer i[b-caroejwbl3] {
    font-size: 1.25rem;
    margin-top: 0.1rem;
}

@media (max-width: 991.98px) {
    .legal-hero[b-caroejwbl3] {
        padding-bottom: 5.5rem;
    }

    .legal-container[b-caroejwbl3] {
        grid-template-columns: 1fr;
        margin-top: -3rem;
    }

    .legal-sidebar[b-caroejwbl3] {
        position: static;
    }

    .legal-sidebar__card[b-caroejwbl3] {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .legal-hero[b-caroejwbl3] {
        padding: 3rem 1rem 4.75rem;
    }

    .legal-title-row[b-caroejwbl3] {
        align-items: flex-start;
        gap: 0.85rem;
    }

    .legal-title-symbol[b-caroejwbl3] {
        width: 52px;
        height: 52px;
    }

    .legal-section[b-caroejwbl3] {
        grid-template-columns: 1fr;
        padding: 1.15rem;
    }

    .legal-meta span[b-caroejwbl3] {
        width: 100%;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Audit/AdminAudit.razor.rz.scp.css */
.admin-audit-page[b-yyr5uf6fhi] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.admin-audit-page .custom-card[b-yyr5uf6fhi] {
    margin-bottom: 0;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
}

.admin-audit-page .row[b-yyr5uf6fhi] {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}

.audit-reading-card[b-yyr5uf6fhi] {
    background: var(--gnc-neutral-panel-gradient);
}

.audit-reading-item[b-yyr5uf6fhi] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    height: 100%;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.85rem;
    background: rgba(255, 255, 255, 0.72);
}

.audit-reading-item i[b-yyr5uf6fhi] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 0.5rem;
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
}

.audit-reading-item strong[b-yyr5uf6fhi] {
    display: block;
    font-size: 0.86rem;
    line-height: 1.15;
}

.audit-reading-item span[b-yyr5uf6fhi] {
    display: block;
    color: var(--text-muted);
    font-size: 0.78rem;
    line-height: 1.3;
    margin-top: 0.12rem;
}

.audit-stat-card[b-yyr5uf6fhi] {
    min-height: 126px;
}

.audit-list-group[b-yyr5uf6fhi] {
    border-radius: 0.5rem;
    overflow: hidden;
}

.audit-day-header[b-yyr5uf6fhi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.85);
}

.audit-list-item-sensitive[b-yyr5uf6fhi] {
    border-left: 3px solid rgb(245, 158, 11);
    background: rgba(245, 158, 11, 0.04);
}

.audit-icon[b-yyr5uf6fhi] {
    flex: 0 0 auto;
}

.audit-info-box[b-yyr5uf6fhi] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.65rem 0.75rem;
    min-height: 64px;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.72);
}

.audit-info-box span[b-yyr5uf6fhi] {
    display: block;
    color: var(--text-muted);
    font-size: 0.72rem;
    margin-bottom: 0.15rem;
}

.audit-info-box strong[b-yyr5uf6fhi] {
    display: block;
    color: var(--default-text-color);
    font-size: 0.8rem;
    word-break: break-word;
}

.audit-details-summary[b-yyr5uf6fhi] {
    cursor: pointer;
}

.audit-details-summary:hover[b-yyr5uf6fhi] {
    color: var(--primary-color) !important;
}

.audit-technical-table td[b-yyr5uf6fhi] {
    font-size: 0.76rem;
    vertical-align: middle;
}

.audit-technical-table code[b-yyr5uf6fhi] {
    color: var(--default-text-color);
    background: transparent;
    padding: 0;
    overflow-wrap: anywhere;
    white-space: normal;
}

.audit-pagination[b-yyr5uf6fhi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.audit-pagination .btn-group .btn[b-yyr5uf6fhi] {
    min-width: 2.25rem;
}

@media (max-width: 575.98px) {
    .audit-pagination[b-yyr5uf6fhi] {
        align-items: stretch;
    }

    .audit-pagination .btn-toolbar[b-yyr5uf6fhi],
    .audit-pagination .btn-group[b-yyr5uf6fhi] {
        width: 100%;
    }

    .audit-pagination .btn-group .btn[b-yyr5uf6fhi] {
        flex: 1 1 auto;
        min-width: 0;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Billing/Billing.razor.rz.scp.css */
.billing-admin-page .custom-card[b-7n06yjbclg] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
}

.billing-tabs-toolbar[b-7n06yjbclg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.billing-tabs[b-7n06yjbclg] {
    margin-bottom: 0;
}

.billing-tabs .nav-link[b-7n06yjbclg] {
    border: 1px solid transparent;
    color: var(--text-muted);
    font-weight: 600;
}

.billing-tabs .nav-link.active[b-7n06yjbclg] {
    color: var(--primary-color);
    background: rgba(var(--primary-rgb), 0.08);
    border-color: rgba(var(--primary-rgb), 0.18);
}

.billing-tab-actions[b-7n06yjbclg] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 2.45rem;
}

.billing-tab-actions .btn[b-7n06yjbclg] {
    white-space: nowrap;
}

.billing-tab-content[b-7n06yjbclg] {
    min-height: 320px;
}

.customer-card[b-7n06yjbclg] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.8);
}

.customer-avatar[b-7n06yjbclg] {
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--primary-color);
    background: rgba(var(--primary-rgb), 0.12);
}

.billing-summary-grid[b-7n06yjbclg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.billing-summary-item[b-7n06yjbclg] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.85rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.8);
}

.billing-summary-item span[b-7n06yjbclg] {
    display: block;
    color: var(--text-muted);
    font-size: 0.78rem;
    margin-bottom: 0.25rem;
}

.billing-summary-item strong[b-7n06yjbclg] {
    display: block;
    font-size: 1.35rem;
    line-height: 1;
}

.empty-state[b-7n06yjbclg] {
    border: 1px dashed rgba(var(--gnc-neutral-ink-rgb), 0.16);
    border-radius: 0.5rem;
    padding: 2rem;
    text-align: center;
    color: var(--text-muted);
    background: rgba(var(--gnc-neutral-surface-rgb), 0.7);
}

.empty-state.compact[b-7n06yjbclg] {
    padding: 1rem;
}

@media (max-width: 991.98px) {
    .billing-tabs-toolbar[b-7n06yjbclg] {
        align-items: stretch;
        flex-direction: column;
    }

    .billing-tab-actions[b-7n06yjbclg] {
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    .billing-summary-grid[b-7n06yjbclg] {
        grid-template-columns: 1fr;
    }

    .billing-tabs[b-7n06yjbclg] {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .billing-tabs .nav-item[b-7n06yjbclg] {
        white-space: nowrap;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Billing/Modals/CreateAgreementModal.razor.rz.scp.css */
.billing-modal-customer[b-xazxc1icfx] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.9rem 1rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.8);
}

.billing-modal-customer span[b-xazxc1icfx],
.billing-modal-customer small[b-xazxc1icfx] {
    display: block;
    color: var(--text-muted);
    font-size: 0.78rem;
}

.billing-modal-customer strong[b-xazxc1icfx] {
    display: block;
    color: var(--default-text-color);
    font-size: 0.98rem;
}

.agreement-rules-header[b-xazxc1icfx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.65rem;
}

.agreement-rules-header span[b-xazxc1icfx] {
    display: block;
    color: var(--text-muted);
    font-size: 0.78rem;
    margin-top: 0.15rem;
}

.empty-rules-state[b-xazxc1icfx] {
    border: 1px dashed rgba(var(--gnc-neutral-ink-rgb), 0.16);
    border-radius: 0.5rem;
    padding: 1rem;
    color: var(--text-muted);
    background: rgba(var(--gnc-neutral-surface-rgb), 0.72);
    text-align: center;
}

.agreement-rules-list[b-xazxc1icfx] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.agreement-rule-row[b-xazxc1icfx] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(8rem, 0.45fr) minmax(10rem, 0.8fr);
    gap: 0.75rem;
    align-items: center;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.82);
}

.agreement-rule-key strong[b-xazxc1icfx] {
    display: block;
    font-size: 0.86rem;
    color: var(--default-text-color);
}

.agreement-rule-key span[b-xazxc1icfx],
.agreement-rule-type span[b-xazxc1icfx] {
    display: block;
    color: var(--text-muted);
    font-size: 0.74rem;
}

.agreement-rule-type span[b-xazxc1icfx] {
    border-radius: 999px;
    padding: 0.25rem 0.55rem;
    background: rgba(var(--gnc-neutral-ink-rgb), 0.06);
    width: fit-content;
}

@media (max-width: 767.98px) {
    .agreement-rule-row[b-xazxc1icfx] {
        grid-template-columns: 1fr;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Billing/Modals/CreateSubscriptionModal.razor.rz.scp.css */
.billing-modal-customer[b-hgo8lo0j6k] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.9rem 1rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.8);
}

.billing-modal-customer span[b-hgo8lo0j6k],
.billing-modal-customer small[b-hgo8lo0j6k] {
    display: block;
    color: var(--text-muted);
    font-size: 0.78rem;
}

.billing-modal-customer strong[b-hgo8lo0j6k] {
    display: block;
    color: var(--default-text-color);
    font-size: 0.98rem;
}

.subscription-form-card .card-body[b-hgo8lo0j6k] {
    padding: 1rem;
}

.subscription-source-card .tab-content[b-hgo8lo0j6k] {
    min-height: auto;
}

.subscription-source-card[b-hgo8lo0j6k] {
    width: 100%;
}

.subscription-source-content[b-hgo8lo0j6k] {
    color: var(--text-muted);
    font-size: 0.82rem;
}

.subscription-source-card .nav-link:disabled[b-hgo8lo0j6k] {
    opacity: 0.65;
    cursor: not-allowed;
}

.subscription-context-card[b-hgo8lo0j6k] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.9rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.76);
}

.subscription-context-card span[b-hgo8lo0j6k] {
    display: block;
    color: var(--text-muted);
    font-size: 0.74rem;
    margin-bottom: 0.15rem;
}

.subscription-context-card strong[b-hgo8lo0j6k] {
    display: block;
    color: var(--default-text-color);
    font-size: 0.86rem;
}

.subscription-entitlements-list[b-hgo8lo0j6k] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.subscription-entitlements-list span[b-hgo8lo0j6k] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 1px solid rgba(var(--primary-rgb), 0.16);
    border-radius: 999px;
    padding: 0.28rem 0.65rem;
    background: rgba(var(--primary-rgb), 0.06);
    color: var(--default-text-color);
    font-size: 0.74rem;
}

.subscription-entitlements-list strong[b-hgo8lo0j6k] {
    font-weight: 700;
}

.subscription-entitlements-list small[b-hgo8lo0j6k] {
    color: var(--text-muted);
    font-size: 0.72rem;
}

@media (max-width: 767.98px) {
    .subscription-context-card[b-hgo8lo0j6k] {
        grid-template-columns: 1fr;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Billing/Modals/EditAgreementModal.razor.rz.scp.css */
.billing-modal-customer[b-nki6my3sgc] {
    border: 1px solid var(--default-border);
    border-radius: 0.5rem;
    padding: 0.9rem 1rem;
    background: rgba(var(--primary-rgb), 0.04);
}

.billing-modal-customer span[b-nki6my3sgc],
.billing-modal-customer small[b-nki6my3sgc] {
    display: block;
    color: var(--text-muted);
    font-size: 0.75rem;
}

.billing-modal-customer strong[b-nki6my3sgc] {
    display: block;
    color: var(--default-text-color);
    font-size: 0.95rem;
}

.agreement-rules-header[b-nki6my3sgc] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 0.75rem;
}

.agreement-rules-header span[b-nki6my3sgc] {
    color: var(--text-muted);
    font-size: 0.78rem;
}

.agreement-rules-list[b-nki6my3sgc] {
    display: grid;
    gap: 0.65rem;
}

.agreement-rule-row[b-nki6my3sgc] {
    display: grid;
    grid-template-columns: minmax(12rem, 1fr) 9rem minmax(10rem, 0.8fr);
    gap: 0.75rem;
    align-items: center;
    border: 1px solid var(--default-border);
    border-radius: 0.5rem;
    padding: 0.75rem;
    background: var(--custom-white);
}

.agreement-rule-key strong[b-nki6my3sgc],
.agreement-rule-key span[b-nki6my3sgc],
.agreement-rule-type span[b-nki6my3sgc] {
    display: block;
}

.agreement-rule-key strong[b-nki6my3sgc] {
    color: var(--default-text-color);
    font-size: 0.84rem;
}

.agreement-rule-key span[b-nki6my3sgc],
.agreement-rule-type span[b-nki6my3sgc] {
    color: var(--text-muted);
    font-size: 0.72rem;
}

.empty-rules-state[b-nki6my3sgc] {
    border: 1px dashed var(--default-border);
    border-radius: 0.5rem;
    color: var(--text-muted);
    padding: 1rem;
    text-align: center;
}

@media (max-width: 767.98px) {
    .agreement-rule-row[b-nki6my3sgc] {
        grid-template-columns: 1fr;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Billing/Modals/SubscriptionActionModal.razor.rz.scp.css */
.billing-modal-customer[b-4thva46pub] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.9rem 1rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.8);
}

.billing-modal-customer span[b-4thva46pub],
.billing-modal-customer small[b-4thva46pub] {
    display: block;
    color: var(--text-muted);
    font-size: 0.78rem;
}

.billing-modal-customer strong[b-4thva46pub] {
    display: block;
    color: var(--default-text-color);
    font-size: 0.98rem;
}

.subscription-action-summary[b-4thva46pub] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.subscription-action-summary > div[b-4thva46pub] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.75rem 0.85rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.74);
}

.subscription-action-summary span[b-4thva46pub] {
    display: block;
    color: var(--text-muted);
    font-size: 0.72rem;
    margin-bottom: 0.18rem;
}

.subscription-action-summary strong[b-4thva46pub] {
    display: block;
    color: var(--default-text-color);
    font-size: 0.84rem;
    word-break: break-word;
}

.subscription-action-period-card[b-4thva46pub] {
    grid-column: span 2;
}

.subscription-impact-card[b-4thva46pub] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    border-radius: 0.5rem;
    padding: 0.9rem 1rem;
}

.subscription-impact-card i[b-4thva46pub] {
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

.subscription-impact-card strong[b-4thva46pub] {
    display: block;
    color: var(--default-text-color);
    font-size: 0.9rem;
    margin-bottom: 0.2rem;
}

.subscription-impact-card span[b-4thva46pub] {
    display: block;
    color: var(--text-muted);
    font-size: 0.8rem;
    line-height: 1.35;
}

.subscription-impact-warning[b-4thva46pub] {
    border: 1px solid rgba(245, 158, 11, 0.24);
    background: rgba(245, 158, 11, 0.08);
}

.subscription-impact-warning i[b-4thva46pub] {
    color: rgb(245, 158, 11);
    background: rgba(245, 158, 11, 0.12);
}

.subscription-impact-danger[b-4thva46pub] {
    border: 1px solid rgba(220, 53, 69, 0.22);
    background: rgba(220, 53, 69, 0.07);
}

.subscription-impact-danger i[b-4thva46pub] {
    color: rgb(220, 53, 69);
    background: rgba(220, 53, 69, 0.1);
}

.subscription-impact-info[b-4thva46pub] {
    border: 1px solid rgba(var(--primary-rgb), 0.18);
    background: rgba(var(--primary-rgb), 0.06);
}

.subscription-impact-info i[b-4thva46pub] {
    color: var(--primary-color);
    background: rgba(var(--primary-rgb), 0.1);
}

.subscription-cancel-options[b-4thva46pub] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.subscription-cancel-option[b-4thva46pub] {
    width: 100%;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.1);
    border-radius: 0.5rem;
    padding: 0.9rem 1rem;
    background: rgba(255, 255, 255, 0.86);
    text-align: left;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.subscription-cancel-option:hover:not(:disabled)[b-4thva46pub] {
    transform: translateY(-1px);
}

.subscription-cancel-option:disabled[b-4thva46pub] {
    cursor: not-allowed;
    opacity: 0.72;
}

.subscription-cancel-option-header[b-4thva46pub] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--default-text-color);
    font-size: 0.88rem;
    font-weight: 700;
    margin-bottom: 0.4rem;
}

.subscription-cancel-option-header i[b-4thva46pub] {
    font-size: 1rem;
}

.subscription-cancel-option > span:not(.subscription-cancel-option-header)[b-4thva46pub] {
    display: block;
    color: var(--text-muted);
    font-size: 0.78rem;
    line-height: 1.35;
}

.subscription-cancel-option small[b-4thva46pub] {
    display: block;
    color: var(--text-muted);
    font-size: 0.72rem;
    margin-top: 0.45rem;
}

.subscription-cancel-option-scheduled:hover:not(:disabled)[b-4thva46pub],
.subscription-cancel-option-scheduled.active[b-4thva46pub] {
    border-color: rgba(245, 158, 11, 0.42);
    background: rgba(245, 158, 11, 0.08);
    box-shadow: 0 0 0 0.18rem rgba(245, 158, 11, 0.08);
}

.subscription-cancel-option-scheduled.active .subscription-cancel-option-header[b-4thva46pub] {
    color: rgb(180, 83, 9);
}

.subscription-cancel-option-now:hover:not(:disabled)[b-4thva46pub],
.subscription-cancel-option-now.active[b-4thva46pub] {
    border-color: rgba(220, 53, 69, 0.42);
    background: rgba(220, 53, 69, 0.07);
    box-shadow: 0 0 0 0.18rem rgba(220, 53, 69, 0.07);
}

.subscription-cancel-option-now.active .subscription-cancel-option-header[b-4thva46pub] {
    color: rgb(220, 53, 69);
}

.subscription-cancel-mode-alert[b-4thva46pub] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    border-radius: 0.5rem;
    padding: 0.8rem 0.9rem;
}

.subscription-cancel-mode-alert i[b-4thva46pub] {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.subscription-cancel-mode-alert strong[b-4thva46pub] {
    display: block;
    font-size: 0.86rem;
    color: var(--default-text-color);
    margin-bottom: 0.15rem;
}

.subscription-cancel-mode-alert span[b-4thva46pub] {
    display: block;
    color: var(--text-muted);
    font-size: 0.78rem;
    line-height: 1.35;
}

.subscription-cancel-mode-scheduled[b-4thva46pub] {
    border: 1px solid rgba(245, 158, 11, 0.24);
    background: rgba(245, 158, 11, 0.08);
}

.subscription-cancel-mode-scheduled i[b-4thva46pub] {
    color: rgb(245, 158, 11);
    background: rgba(245, 158, 11, 0.12);
}

.subscription-cancel-mode-now[b-4thva46pub] {
    border: 1px solid rgba(220, 53, 69, 0.22);
    background: rgba(220, 53, 69, 0.07);
}

.subscription-cancel-mode-now i[b-4thva46pub] {
    color: rgb(220, 53, 69);
    background: rgba(220, 53, 69, 0.1);
}

.subscription-source-grid[b-4thva46pub] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.subscription-source-button[b-4thva46pub] {
    width: 100%;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.1);
    border-radius: 0.5rem;
    padding: 0.85rem 1rem;
    background: rgba(255, 255, 255, 0.86);
    text-align: left;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.subscription-source-button:hover:not(:disabled)[b-4thva46pub] {
    border-color: rgba(var(--primary-rgb), 0.32);
    background: rgba(var(--primary-rgb), 0.04);
    transform: translateY(-1px);
}

.subscription-source-button:disabled[b-4thva46pub] {
    cursor: not-allowed;
    opacity: 0.72;
}

.subscription-source-button strong[b-4thva46pub] {
    display: block;
    color: var(--default-text-color);
    font-size: 0.88rem;
    font-weight: 700;
}

.subscription-source-button span[b-4thva46pub] {
    display: block;
    color: var(--text-muted);
    font-size: 0.76rem;
    margin-top: 0.18rem;
    line-height: 1.35;
}

.subscription-source-button.active[b-4thva46pub] {
    border-color: rgba(var(--primary-rgb), 0.42);
    background: rgba(var(--primary-rgb), 0.08);
    box-shadow: 0 0 0 0.18rem rgba(var(--primary-rgb), 0.08);
}

.subscription-source-button.active strong[b-4thva46pub] {
    color: var(--primary-color);
}

.subscription-context-card[b-4thva46pub] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.9rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.76);
}

.subscription-context-card span[b-4thva46pub] {
    display: block;
    color: var(--text-muted);
    font-size: 0.74rem;
    margin-bottom: 0.15rem;
}

.subscription-context-card strong[b-4thva46pub] {
    display: block;
    color: var(--default-text-color);
    font-size: 0.86rem;
}

.subscription-plan-preview[b-4thva46pub] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    border: 1px solid rgba(var(--primary-rgb), 0.14);
    border-radius: 0.5rem;
    padding: 0.9rem;
    background: rgba(var(--primary-rgb), 0.04);
}

.subscription-plan-preview span[b-4thva46pub] {
    display: block;
    color: var(--text-muted);
    font-size: 0.74rem;
    margin-bottom: 0.15rem;
}

.subscription-plan-preview strong[b-4thva46pub] {
    display: block;
    color: var(--default-text-color);
    font-size: 0.86rem;
}

.subscription-entitlements-list[b-4thva46pub] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.subscription-entitlements-list span[b-4thva46pub] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 1px solid rgba(var(--primary-rgb), 0.16);
    border-radius: 999px;
    padding: 0.28rem 0.65rem;
    background: rgba(var(--primary-rgb), 0.06);
    color: var(--default-text-color);
    font-size: 0.74rem;
}

.subscription-entitlements-list strong[b-4thva46pub] {
    font-weight: 700;
}

.subscription-entitlements-list small[b-4thva46pub] {
    color: var(--text-muted);
    font-size: 0.72rem;
}

@media (max-width: 991.98px) {
    .subscription-action-summary[b-4thva46pub],
    .subscription-plan-preview[b-4thva46pub] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .subscription-source-grid[b-4thva46pub],
    .subscription-context-card[b-4thva46pub],
    .subscription-cancel-options[b-4thva46pub],
    .subscription-action-summary[b-4thva46pub],
    .subscription-plan-preview[b-4thva46pub] {
        grid-template-columns: 1fr;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Billing/Modals/SubscriptionHistoryModal.razor.rz.scp.css */
.table-responsive[b-k7e2txvrxe] {
    background: #fff;
    padding: 10px;
    border-radius: 0.5rem;
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Billing/Tabs/BillingAuditTab.razor.rz.scp.css */
.billing-tab-header[b-ut15cf3cxy] {
    padding: 0.75rem 0 0.65rem;
    border-bottom: 1px solid var(--default-border);
}

.billing-tab-body[b-ut15cf3cxy] {
    padding-top: 0.85rem;
}

.empty-state[b-ut15cf3cxy] {
    border: 1px dashed rgba(var(--gnc-neutral-ink-rgb), 0.16);
    border-radius: 0.5rem;
    padding: 2rem;
    text-align: center;
    color: var(--text-muted);
    background: rgba(var(--gnc-neutral-surface-rgb), 0.7);
}

.audit-list[b-ut15cf3cxy] {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

.audit-entry[b-ut15cf3cxy] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.85rem 0.9rem;
    background: transparent;
}

.audit-fact-box[b-ut15cf3cxy] {
    height: 100%;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.07);
    border-radius: 0.5rem;
    padding: 0.55rem 0.6rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.72);
}

.audit-fact-box span[b-ut15cf3cxy] {
    display: block;
    color: var(--text-muted);
    font-size: 0.72rem;
    margin-bottom: 0.2rem;
}

.audit-fact-box strong[b-ut15cf3cxy] {
    display: block;
    color: var(--default-text-color);
    font-size: 0.82rem;
    word-break: break-word;
}

.audit-fact-box.audit-fact-box-wide[b-ut15cf3cxy] {
    min-height: auto;
}

.audit-fact-box.audit-fact-box-wide strong[b-ut15cf3cxy] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    line-height: 1.35;
}

.audit-summary-box[b-ut15cf3cxy] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    border: 1px solid rgba(var(--primary-rgb), 0.14);
    border-radius: 0.5rem;
    background: rgba(var(--primary-rgb), 0.04);
    padding: 0.75rem 0.85rem;
}

.audit-summary-box > i[b-ut15cf3cxy] {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    background: rgba(var(--primary-rgb), 0.09);
    font-size: 1rem;
}

.audit-summary-box > div[b-ut15cf3cxy] {
    min-width: 0;
}

.audit-summary-box strong[b-ut15cf3cxy] {
    display: block;
    font-size: 0.86rem;
    line-height: 1.25;
    color: var(--default-text-color);
}

.audit-summary-list[b-ut15cf3cxy] {
    margin: 0.35rem 0 0;
    padding-left: 1rem;
    color: var(--text-muted);
    font-size: 0.8rem;
    line-height: 1.35;
}

.audit-summary-list li + li[b-ut15cf3cxy] {
    margin-top: 0.18rem;
}

.audit-extra-details summary[b-ut15cf3cxy],
.audit-technical-details summary[b-ut15cf3cxy] {
    cursor: pointer;
    color: var(--text-muted);
    font-size: 0.76rem;
    font-weight: 600;
}

.audit-extra-details summary:hover[b-ut15cf3cxy],
.audit-technical-details summary:hover[b-ut15cf3cxy] {
    color: var(--primary-color);
}

.audit-technical-list[b-ut15cf3cxy] {
    display: grid;
    gap: 0.45rem;
    margin-top: 0.6rem;
}

.audit-technical-list div[b-ut15cf3cxy] {
    display: grid;
    grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    border-radius: 0.5rem;
    padding: 0.45rem 0.55rem;
    background: rgba(var(--gnc-neutral-ink-rgb), 0.04);
}

.audit-technical-list span[b-ut15cf3cxy] {
    color: var(--text-muted);
    font-size: 0.72rem;
    font-weight: 600;
}

.audit-technical-list code[b-ut15cf3cxy] {
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--default-text-color);
    font-size: 0.72rem;
    background: transparent;
    padding: 0;
}

.audit-pagination[b-ut15cf3cxy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.audit-pagination .btn-group .btn[b-ut15cf3cxy] {
    min-width: 2.25rem;
}

@media (max-width: 575.98px) {
    .audit-technical-list div[b-ut15cf3cxy] {
        grid-template-columns: 1fr;
    }

    .audit-pagination[b-ut15cf3cxy] {
        align-items: stretch;
    }

    .audit-pagination .btn-toolbar[b-ut15cf3cxy],
    .audit-pagination .btn-group[b-ut15cf3cxy] {
        width: 100%;
    }

    .audit-pagination .btn-group .btn[b-ut15cf3cxy] {
        flex: 1 1 auto;
        min-width: 0;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Billing/Tabs/BillingContractsTab.razor.rz.scp.css */
.billing-tab-header[b-uvzenvdc56] {
    padding: 0.75rem 0 0.65rem;
    border-bottom: 1px solid var(--default-border);
}

.billing-tab-body[b-uvzenvdc56] {
    padding-top: 0.85rem;
}

.admin-card-list[b-uvzenvdc56] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.admin-record-card[b-uvzenvdc56] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.85rem 0.9rem;
    background: transparent;
}

.admin-record-main[b-uvzenvdc56] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.admin-record-title[b-uvzenvdc56] {
    font-weight: 700;
    color: var(--default-text-color);
}

.admin-record-subtitle[b-uvzenvdc56] {
    color: var(--text-muted);
    font-size: 0.78rem;
    margin-top: 0.15rem;
}

.admin-record-grid[b-uvzenvdc56] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.55rem;
    margin-top: 0.75rem;
}

.admin-record-grid div[b-uvzenvdc56] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.07);
    border-radius: 0.5rem;
    padding: 0.55rem 0.6rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.72);
}

.admin-record-grid span[b-uvzenvdc56] {
    display: block;
    color: var(--text-muted);
    font-size: 0.72rem;
    margin-bottom: 0.2rem;
}

.admin-record-grid strong[b-uvzenvdc56] {
    display: block;
    font-size: 0.82rem;
    color: var(--default-text-color);
}

.admin-record-footer[b-uvzenvdc56] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
}

.empty-state[b-uvzenvdc56] {
    border: 1px dashed rgba(var(--gnc-neutral-ink-rgb), 0.16);
    border-radius: 0.5rem;
    padding: 2rem;
    text-align: center;
    color: var(--text-muted);
    background: rgba(var(--gnc-neutral-surface-rgb), 0.7);
}

.agreement-entitlements-list[b-uvzenvdc56] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.7rem;
}

.agreement-entitlements-list span[b-uvzenvdc56] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid rgba(var(--primary-rgb), 0.16);
    border-radius: 999px;
    padding: 0.22rem 0.55rem;
    background: rgba(var(--primary-rgb), 0.06);
    color: var(--default-text-color);
    font-size: 0.72rem;
}

.agreement-entitlements-list strong[b-uvzenvdc56] {
    font-weight: 700;
}

.agreement-entitlements-list small[b-uvzenvdc56] {
    color: var(--text-muted);
    font-size: 0.72rem;
}

@media (max-width: 991.98px) {
    .admin-record-grid[b-uvzenvdc56] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-record-footer[b-uvzenvdc56] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 575.98px) {
    .admin-record-grid[b-uvzenvdc56] {
        grid-template-columns: 1fr;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Billing/Tabs/BillingSubscriptionsTab.razor.rz.scp.css */
.billing-tab-header[b-4fdv8n8map] {
    padding: 0.75rem 0 0.65rem;
    border-bottom: 1px solid var(--default-border);
}

.billing-tab-body[b-4fdv8n8map] {
    padding-top: 1rem;
}

.admin-card-list[b-4fdv8n8map] {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

.admin-record-card[b-4fdv8n8map] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 1rem;
    background: #fff;
}

.admin-record-card + .admin-record-card[b-4fdv8n8map] {
    margin-top: 0.15rem;
}

.admin-record-main[b-4fdv8n8map] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.admin-record-title[b-4fdv8n8map] {
    font-weight: 700;
    color: var(--default-text-color);
    line-height: 1.25;
}

.admin-record-subtitle[b-4fdv8n8map] {
    color: var(--text-muted);
    font-size: 0.8rem;
    margin-top: 0.18rem;
}

.admin-record-grid[b-4fdv8n8map] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.admin-record-grid div[b-4fdv8n8map] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.07);
    border-radius: 0.5rem;
    padding: 0.7rem 0.8rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.72);
    min-height: 4.35rem;
}

.admin-record-grid div:nth-child(4)[b-4fdv8n8map] {
    grid-column: span 2;
}

.admin-record-grid span[b-4fdv8n8map] {
    display: block;
    color: var(--text-muted);
    font-size: 0.74rem;
    margin-bottom: 0.25rem;
}

.admin-record-grid strong[b-4fdv8n8map] {
    display: block;
    font-size: 0.86rem;
    line-height: 1.35;
    color: var(--default-text-color);
    word-break: break-word;
}

.admin-record-footer[b-4fdv8n8map] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
}

.billing-action-list[b-4fdv8n8map] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
}

.billing-action-list .btn[b-4fdv8n8map] {
    white-space: nowrap;
}

.empty-state[b-4fdv8n8map] {
    border: 1px dashed rgba(var(--gnc-neutral-ink-rgb), 0.16);
    border-radius: 0.5rem;
    padding: 2rem;
    text-align: center;
    color: var(--text-muted);
    background: rgba(var(--gnc-neutral-surface-rgb), 0.7);
}

@media (max-width: 1199.98px) {
    .admin-record-grid[b-4fdv8n8map] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-record-grid div:nth-child(4)[b-4fdv8n8map] {
        grid-column: span 1;
    }
}

@media (max-width: 767.98px) {
    .admin-record-main[b-4fdv8n8map] {
        flex-direction: column;
    }

    .admin-record-footer[b-4fdv8n8map] {
        align-items: flex-start;
        flex-direction: column;
    }

    .billing-action-list[b-4fdv8n8map] {
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    .admin-record-grid[b-4fdv8n8map] {
        grid-template-columns: 1fr;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Gateways/Health/GatewayHealth.razor.rz.scp.css */
 .gateway-health-page[b-1qsbko7io9] {
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
     padding-top: 1rem;
     padding-bottom: 1.5rem;
 }

.gateway-health-page .custom-card[b-1qsbko7io9] {
    margin-bottom: 0;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
}

.gateway-health-page .row[b-1qsbko7io9] {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}

.gateway-stat-card[b-1qsbko7io9] {
    min-height: 126px;
}

.gateway-reading-card[b-1qsbko7io9] {
    background: var(--gnc-neutral-panel-gradient);
}

.gateway-reading-item[b-1qsbko7io9] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    height: 100%;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.85rem;
    background: rgba(255, 255, 255, 0.72);
}

.gateway-reading-item i[b-1qsbko7io9] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 0.5rem;
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
}

.gateway-reading-item > div[b-1qsbko7io9] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
}

.gateway-reading-item strong[b-1qsbko7io9] {
    display: block;
    font-size: 0.86rem;
    line-height: 1.15;
    margin: 0;
}

.gateway-reading-item span[b-1qsbko7io9] {
    display: block;
    color: var(--text-muted);
    font-size: 0.78rem;
    line-height: 1.3;
    margin: 0;
}

.gateway-card-pressure[b-1qsbko7io9] {
    border-color: rgba(245, 158, 11, 0.45);
}

.gateway-card-unreachable[b-1qsbko7io9] {
    border-color: rgba(239, 68, 68, 0.45);
}

.gateway-info-box[b-1qsbko7io9] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-height: 78px;
    word-break: break-word;
}

.gateway-info-box span[b-1qsbko7io9] {
    color: var(--text-muted);
    font-size: 0.75rem;
}

.gateway-info-box strong[b-1qsbko7io9] {
    font-size: 0.9rem;
    font-weight: 600;
}

.gateway-alert[b-1qsbko7io9] {
    border-radius: 0.5rem;
    padding: 0.85rem;
    font-size: 0.82rem;
}

.gateway-alert-warning[b-1qsbko7io9] {
    border: 1px solid rgba(245, 158, 11, 0.32);
    background: rgba(245, 158, 11, 0.08);
}

.gateway-resource-message[b-1qsbko7io9] {
    border-radius: 0.5rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.85);
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    padding: 0.85rem;
    font-size: 0.82rem;
    color: var(--text-muted);
}

.gateway-metric[b-1qsbko7io9] {
    border-radius: 0.5rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.85);
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    padding: 0.75rem;
    min-height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gateway-metric span[b-1qsbko7io9] {
    color: var(--text-muted);
    font-size: 0.75rem;
    margin-bottom: 0.2rem;
}

.gateway-metric strong[b-1qsbko7io9] {
    font-size: 0.95rem;
    font-weight: 600;
    word-break: break-word;
}

.gateway-empty-health[b-1qsbko7io9] {
    border: 1px dashed rgba(var(--gnc-neutral-ink-rgb), 0.18);
    border-radius: 0.5rem;
    padding: 1rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.5);
}

.gateway-detail-table td[b-1qsbko7io9] {
    font-size: 0.82rem;
}

.text-purple[b-1qsbko7io9] {
    color: #7c3aed !important;
}

.bg-purple-transparent[b-1qsbko7io9] {
    background-color: rgba(124, 58, 237, 0.12) !important;
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Gateways/Incidents/GatewayIncidents.razor.rz.scp.css */
.gateway-incidents-page[b-4ipng3ovsv] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.gateway-incidents-page .custom-card[b-4ipng3ovsv] {
    margin-bottom: 0;
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.gateway-incidents-page .row[b-4ipng3ovsv] {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}

.incident-summary-card[b-4ipng3ovsv] {
    height: 100%;
}

.incident-help[b-4ipng3ovsv],
.incident-empty-state[b-4ipng3ovsv],
.incident-message[b-4ipng3ovsv] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.incident-help[b-4ipng3ovsv] {
    border-radius: 0.5rem;
    background: rgba(245, 158, 11, 0.08);
    padding: 1rem;
}

.incident-help i[b-4ipng3ovsv] {
    flex: 0 0 auto;
    color: rgb(245, 158, 11);
    font-size: 1.35rem;
    margin-top: 0.05rem;
}

.incident-empty-state[b-4ipng3ovsv] {
    border-radius: 0.5rem;
    background: rgba(25, 135, 84, 0.08);
    padding: 1rem;
}

.incident-empty-state i[b-4ipng3ovsv] {
    flex: 0 0 auto;
    color: rgb(25, 135, 84);
    font-size: 1.4rem;
}

.incident-list[b-4ipng3ovsv] {
    display: grid;
    gap: 1rem;
}

.incident-item[b-4ipng3ovsv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 0.5rem;
    padding: 1rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.55);
}

.incident-open[b-4ipng3ovsv] {
    border-left: 4px solid rgba(220, 53, 69, 0.9);
}

.incident-closed[b-4ipng3ovsv] {
    border-left: 4px solid rgba(148, 163, 184, 0.8);
}

.incident-message[b-4ipng3ovsv] {
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.78);
    padding: 0.75rem;
    color: var(--text-muted);
    font-size: 0.8rem;
    line-height: 1.35;
}

.incident-message i[b-4ipng3ovsv] {
    flex: 0 0 auto;
    color: var(--primary-color);
    font-size: 1.05rem;
    margin-top: 0.05rem;
}

.incident-grid[b-4ipng3ovsv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.incident-grid > div[b-4ipng3ovsv],
.incident-date-box[b-4ipng3ovsv] {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.72);
    padding: 0.7rem;
}

.incident-grid span[b-4ipng3ovsv],
.incident-date-box span[b-4ipng3ovsv] {
    display: block;
    color: var(--text-muted);
    font-size: 0.72rem;
    margin-bottom: 0.25rem;
}

.incident-grid strong[b-4ipng3ovsv],
.incident-date-box strong[b-4ipng3ovsv] {
    display: block;
    font-size: 0.84rem;
    word-break: break-word;
}

.incident-side[b-4ipng3ovsv] {
    display: grid;
    gap: 0.75rem;
    align-content: start;
}

@media (max-width: 1199.98px) {
    .incident-item[b-4ipng3ovsv] {
        grid-template-columns: 1fr;
    }

    .incident-side[b-4ipng3ovsv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .incident-grid[b-4ipng3ovsv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .incident-side[b-4ipng3ovsv],
    .incident-grid[b-4ipng3ovsv] {
        grid-template-columns: 1fr;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Gateways/Nodes/GatewayNodes.razor.rz.scp.css */
.gateway-nodes-page[b-444wsahgos] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.gateway-nodes-page .custom-card[b-444wsahgos] {
    margin-bottom: 0;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
}

.gateway-nodes-page .row[b-444wsahgos] {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}

.gateway-url-cell[b-444wsahgos] {
    max-width: 360px;
    word-break: break-word;
}

.gateway-guidance-card[b-444wsahgos] {
    background: var(--gnc-neutral-panel-gradient);
}

.gateway-guidance-item[b-444wsahgos] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    height: 100%;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.85rem;
    background: rgba(255, 255, 255, 0.72);
}

.gateway-guidance-item i[b-444wsahgos] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 0.5rem;
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
}

.gateway-guidance-item > div[b-444wsahgos] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
}

.gateway-guidance-item strong[b-444wsahgos] {
    display: block;
    font-size: 0.86rem;
    line-height: 1.15;
    margin: 0;
}

.gateway-guidance-item span[b-444wsahgos] {
    display: block;
    color: var(--text-muted);
    font-size: 0.78rem;
    line-height: 1.3;
    margin: 0;
}

.text-purple[b-444wsahgos] {
    color: #7c3aed !important;
}

.bg-purple-transparent[b-444wsahgos] {
    background-color: rgba(124, 58, 237, 0.12) !important;
}

@media (max-width: 575.98px) {
    .btn-list[b-444wsahgos] {
        justify-content: flex-start !important;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Gateways/Nodes/Modals/GatewayNodeFormModal.razor.rz.scp.css */
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Gateways/Overview/GatewayOverview.razor.rz.scp.css */
.gateway-overview-page[b-yfhk5ap3m7] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.gateway-overview-page .custom-card[b-yfhk5ap3m7] {
    margin-bottom: 0;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
}

.gateway-overview-page .row[b-yfhk5ap3m7] {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}

.gateway-stat-card[b-yfhk5ap3m7] {
    min-height: 126px;
}

.gateway-guidance-card[b-yfhk5ap3m7] {
    background: var(--gnc-neutral-panel-gradient);
}

.gateway-guidance-icon[b-yfhk5ap3m7] {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
    font-size: 1.35rem;
}

.gateway-guidance-grid[b-yfhk5ap3m7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.gateway-guidance-grid div[b-yfhk5ap3m7],
.gateway-action-note[b-yfhk5ap3m7] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.72);
}

.gateway-guidance-grid strong[b-yfhk5ap3m7] {
    display: block;
    font-size: 0.82rem;
    margin-bottom: 0.25rem;
}

.gateway-guidance-grid span[b-yfhk5ap3m7],
.gateway-action-note[b-yfhk5ap3m7] {
    color: var(--text-muted);
    font-size: 0.78rem;
}

.gateway-card[b-yfhk5ap3m7] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
}

.gateway-card-pressure[b-yfhk5ap3m7] {
    border-color: rgba(245, 158, 11, 0.45);
}

.gateway-card-unreachable[b-yfhk5ap3m7] {
    border-color: rgba(239, 68, 68, 0.45);
}

.gateway-field[b-yfhk5ap3m7] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    font-size: 0.825rem;
    word-break: break-word;
}

.gateway-health-panel[b-yfhk5ap3m7] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.85rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.65);
}

.gateway-alert[b-yfhk5ap3m7] {
    border-radius: 0.5rem;
    padding: 0.75rem;
    font-size: 0.8rem;
}

.gateway-alert-warning[b-yfhk5ap3m7] {
    border: 1px solid rgba(245, 158, 11, 0.32);
    background: rgba(245, 158, 11, 0.08);
}

.gateway-metric[b-yfhk5ap3m7] {
    border-radius: 0.5rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.85);
    padding: 0.65rem;
    min-height: 66px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gateway-metric span[b-yfhk5ap3m7] {
    color: var(--text-muted);
    font-size: 0.75rem;
    margin-bottom: 0.2rem;
}

.gateway-metric strong[b-yfhk5ap3m7] {
    font-size: 0.9rem;
    font-weight: 600;
    word-break: break-word;
}

.gateway-resource-message[b-yfhk5ap3m7] {
    border-radius: 0.5rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.85);
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    padding: 0.75rem;
    font-size: 0.8rem;
    color: var(--text-muted);
}

.text-purple[b-yfhk5ap3m7] {
    color: #7c3aed !important;
}

.bg-purple-transparent[b-yfhk5ap3m7] {
    background-color: rgba(124, 58, 237, 0.12) !important;
}

@media (max-width: 991.98px) {
    .gateway-guidance-grid[b-yfhk5ap3m7] {
        grid-template-columns: 1fr;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Home.razor.rz.scp.css */
.admin-home-page[b-f9dof27fhz] {
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.admin-home-page .row[b-f9dof27fhz] {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1.5rem;
}

.admin-home-page .custom-card[b-f9dof27fhz] {
    margin-bottom: 0;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
}

.admin-home-hero[b-f9dof27fhz] {
    background:
        radial-gradient(circle at top right, rgba(var(--primary-rgb), 0.12), transparent 34rem),
        var(--custom-white);
}

.admin-home-table-card[b-f9dof27fhz],
.admin-home-table-card .card-body[b-f9dof27fhz],
.admin-home-table-card .table-responsive[b-f9dof27fhz] {
    border-radius: inherit;
}

.admin-home-table-card .table-responsive[b-f9dof27fhz] {
    overflow: hidden;
}

.admin-home-table-card .table[b-f9dof27fhz] {
    margin-bottom: 0;
}

.admin-home-list-group .list-group-item[b-f9dof27fhz] {
    border-color: var(--default-border);
}

.admin-home-list-group .list-group-item:hover[b-f9dof27fhz] {
    background-color: rgba(var(--primary-rgb), 0.04);
}

.admin-home-timeline-item[b-f9dof27fhz] {
    position: relative;
    padding-bottom: 1rem;
}

.admin-home-timeline-item:not(:last-child)[b-f9dof27fhz] {
    border-bottom: 1px solid var(--default-border);
    margin-bottom: 1rem;
}

.admin-home-timeline-dot[b-f9dof27fhz] {
    width: 0.65rem;
    height: 0.65rem;
    margin-top: 0.35rem;
    border-radius: 999px;
    background: rgb(var(--primary-rgb));
    box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb), 0.12);
    flex: 0 0 auto;
}

.border-dashed[b-f9dof27fhz] {
    border-style: dashed !important;
}

@media (max-width: 767.98px) {
    .admin-home-hero .card-body[b-f9dof27fhz] {
        align-items: stretch !important;
    }

    .admin-home-hero .btn[b-f9dof27fhz] {
        width: 100%;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Launchers/AdminLaunchers.razor.rz.scp.css */
.admin-launchers-page[b-mufrs60l63] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.admin-launchers-page .custom-card[b-mufrs60l63] {
    margin-bottom: 0;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
}

.launcher-summary-card .card-body[b-mufrs60l63] {
    padding: 1rem 1.15rem;
}

.launcher-release-list[b-mufrs60l63] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.launcher-release-card .card-body[b-mufrs60l63] {
    padding: 1.15rem;
}

.launcher-release-layout[b-mufrs60l63] {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.25rem;
}

.launcher-release-preview[b-mufrs60l63] {
    overflow: hidden;
    width: 260px;
    aspect-ratio: 16 / 9;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.045);
    border-radius: 0.5rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.72);
}

.launcher-release-preview img[b-mufrs60l63] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.launcher-release-content[b-mufrs60l63] {
    min-width: 0;
}

.launcher-release-description[b-mufrs60l63] {
    display: -webkit-box;
    overflow: hidden;
    max-width: 52rem;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.launcher-release-metadata[b-mufrs60l63] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.launcher-release-actions[b-mufrs60l63] {
    display: grid;
    grid-template-columns: 1fr;
    justify-self: end;
    gap: 0.5rem;
}

.launcher-release-actions .btn[b-mufrs60l63] {
    width: 100%;
    white-space: nowrap;
}

.user-launchers-empty-card[b-mufrs60l63] {
    min-height: 320px;
}

.min-width-0[b-mufrs60l63] {
    min-width: 0;
}

@media (max-width: 1199.98px) {
    .launcher-release-layout[b-mufrs60l63] {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .launcher-release-preview[b-mufrs60l63] {
        width: 220px;
    }

    .launcher-release-actions[b-mufrs60l63] {
        width: 100%;
        grid-column: 1 / -1;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        justify-self: stretch;
    }
}

@media (max-width: 767.98px) {
    .launcher-release-layout[b-mufrs60l63] {
        grid-template-columns: 1fr;
    }

    .launcher-release-preview[b-mufrs60l63] {
        width: 100%;
    }

    .launcher-release-actions[b-mufrs60l63] {
        grid-column: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 479.98px) {
    .launcher-release-actions[b-mufrs60l63] {
        grid-template-columns: 1fr;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Launchers/Modals/LauncherFormModal.razor.rz.scp.css */
.launcher-upload-zone[b-3sj8ptt4r8] {
    height: 100%;
    padding: 1.5rem;
    border: 1px dashed var(--default-border);
    border-radius: 0.5rem;
    text-align: center;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.5);
}

.launcher-selected-file[b-3sj8ptt4r8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem;
    border: 1px solid var(--default-border);
    border-radius: 0.5rem;
    background: var(--custom-white);
    text-align: left;
}

.launcher-selected-file > div[b-3sj8ptt4r8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.launcher-selected-file > div > i[b-3sj8ptt4r8] {
    flex: 0 0 auto;
    color: rgb(var(--primary-rgb));
    font-size: 1.5rem;
}

.launcher-selected-file span[b-3sj8ptt4r8] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.launcher-selected-file strong[b-3sj8ptt4r8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.launcher-selected-file small[b-3sj8ptt4r8] {
    color: var(--text-muted);
    font-size: 0.75rem;
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Plans/Modals/GroupPlansModal.razor.rz.scp.css */
/* ==========================================================
   Helpers
   ========================================================== */

.cursor-pointer[b-kspnqza5uw] {
    cursor: pointer;
}

.min-width-0[b-kspnqza5uw] {
    min-width: 0;
}

.border-dashed[b-kspnqza5uw] {
    border-style: dashed !important;
}


/* ==========================================================
   Plan Configuration Tabs
   ========================================================== */

.vertical-tabs-2 .nav-item .nav-link[b-kspnqza5uw] {
    max-width: none;
}

.vertical-tabs-2 .nav-item:last-child[b-kspnqza5uw] {
    margin-inline-end: 0.5rem;
}

.plan-config-tabs .nav-link[b-kspnqza5uw] {
    display: flex;
    align-items: center;
    min-height: 92px;
}

.vertical-tabs-2 .nav-item .nav-link i[b-kspnqza5uw] {
    margin-left: 0.5rem;
    background: transparent;
    font-size: xx-large;
}

.nav-item .nav-link[b-kspnqza5uw] {
    background-color: rgba(var(--primary-rgb), 0.1);
    color: var(--primary-color);
}

.vertical-tabs-2 .nav-item .nav-link.active i[b-kspnqza5uw] {
    background: transparent;
    color: white !important;
}


/* ==========================================================
   Plan Section Surface
   ========================================================== */

.plan-section[b-kspnqza5uw] {
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.035);
}


/* ==========================================================
   Plan Item Cards
   ========================================================== */

.plan-price-item[b-kspnqza5uw],
.plan-entitlement-item[b-kspnqza5uw],
.plan-benefit-item[b-kspnqza5uw] {
    transition: all 0.2s ease;
    min-height: 94px;
}

.plan-price-item:hover[b-kspnqza5uw],
.plan-entitlement-item:hover[b-kspnqza5uw],
.plan-benefit-item:hover[b-kspnqza5uw] {
    transform: translateY(-1px);
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.08);
}

.plan-add-square[b-kspnqza5uw] {
    aspect-ratio: 1 / 1;
    width: auto;
    flex-shrink: 0;
}

.plan-benefit-description[b-kspnqza5uw] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* ==========================================================
   Benefit Reorder Controls
   ========================================================== */

.plan-benefit-item-reorder[b-kspnqza5uw] {
    overflow: visible;
    padding-top: 1.6rem !important;
    padding-bottom: 1.6rem !important;
}

.benefit-move-arrow[b-kspnqza5uw] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border: none;
    background: transparent;
    padding: 0;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--default-text-color);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease, color 0.18s ease;
    z-index: 2;
}

.benefit-move-arrow-top[b-kspnqza5uw] {
    top: 0.2rem;
}

.benefit-move-arrow-bottom[b-kspnqza5uw] {
    bottom: 0.2rem;
}

.plan-benefit-item-reorder:hover .benefit-move-arrow[b-kspnqza5uw] {
    opacity: 0.72;
    pointer-events: auto;
}

.benefit-move-arrow:hover:not(:disabled)[b-kspnqza5uw] {
    opacity: 1;
    transform: translateX(-50%) scale(1.08);
    color: var(--primary-color);
}

.benefit-move-arrow:disabled[b-kspnqza5uw] {
    opacity: 0.18;
    cursor: default;
}

.benefit-move-arrow i[b-kspnqza5uw] {
    font-size: 1rem;
    line-height: 1;
}

@media (hover: none) and (pointer: coarse) {
    .benefit-move-arrow[b-kspnqza5uw] {
        opacity: 0.6;
        pointer-events: auto;
    }
}


/* ==========================================================
   Selected Plan Tabs
   ========================================================== */

.plan-tabs-row[b-kspnqza5uw] {
    overflow: visible;
    padding-bottom: 0;
}

.plan-tabs-list[b-kspnqza5uw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    min-width: 0;
}

.plan-tabs-list .nav-item[b-kspnqza5uw] {
    margin: 0;
}

.plan-tabs-list .nav-link[b-kspnqza5uw] {
    max-width: 28rem;
    white-space: normal;
    word-break: break-word;
    text-align: left;
}

.plan-tabs-list .nav-link.active[b-kspnqza5uw] {
    box-shadow: 0 0.125rem 0.35rem rgba(var(--primary-rgb), 0.18);
}

.plan-order-button[b-kspnqza5uw] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex-shrink: 0;
}

.plan-order-button i[b-kspnqza5uw] {
    font-size: 1.15rem;
    line-height: 1;
}


/* ==========================================================
   Selected Plan Actions
   ========================================================== */

.selected-plan-actions[b-kspnqza5uw] {
    border: 1px solid var(--default-border);
    border-radius: 0.5rem;
    background: rgba(var(--primary-rgb), 0.035);
    padding: 0.85rem 1rem;
}

.selected-plan-name[b-kspnqza5uw] {
    max-width: 34rem;
}


/* ==========================================================
   Responsive
   ========================================================== */

@media (max-width: 575.98px) {
    .plan-tabs-list[b-kspnqza5uw] {
        align-items: stretch;
    }

    .plan-tabs-list .nav-item[b-kspnqza5uw] {
        width: 100%;
    }

    .plan-tabs-list .nav-link[b-kspnqza5uw] {
        flex: 1 1 auto;
        max-width: none;
        width: 100%;
    }

    .selected-plan-actions[b-kspnqza5uw] {
        align-items: stretch !important;
    }

    .selected-plan-action-buttons[b-kspnqza5uw] {
        width: 100%;
    }

    .selected-plan-action-buttons .btn[b-kspnqza5uw] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Plans/Modals/TierSetupFeePolicyModal.razor.rz.scp.css */
.tier-setup-fee-summary[b-wdqk4h84lt] {
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 1px solid rgba(var(--primary-rgb), 0.12);
    border-radius: 0.5rem;
    padding: 1rem;
    background: rgba(var(--primary-rgb), 0.04);
}

.tier-setup-fee-icon[b-wdqk4h84lt] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    background: rgba(var(--primary-rgb), 0.10);
    font-size: 1.2rem;
    flex: 0 0 auto;
}

.tier-setup-fee-section[b-wdqk4h84lt] {
    border: 1px solid rgba(var(--primary-rgb), 0.10);
    border-radius: 0.5rem;
    padding: 1rem;
    background: rgba(var(--primary-rgb), 0.025);
}

.tier-setup-fee-currency-row[b-wdqk4h84lt] {
    display: grid;
    grid-template-columns: minmax(7rem, 0.8fr) minmax(8rem, 1fr) 3rem;
    gap: 0.75rem;
    align-items: end;
    border: 1px solid rgba(var(--primary-rgb), 0.10);
    border-radius: 0.5rem;
    padding: 0.85rem;
    background: #ffffff;
}

.tier-setup-fee-currency-code[b-wdqk4h84lt] {
    min-width: 0;
}

.tier-setup-fee-currency-amount[b-wdqk4h84lt] {
    min-width: 0;
}

.tier-setup-fee-currency-actions[b-wdqk4h84lt] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.375rem;
}

.tier-setup-fee-existing-note[b-wdqk4h84lt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.375rem;
    width: 100%;
    color: var(--text-muted);
    font-size: 0.75rem;
    font-weight: 700;
}

.tier-setup-fee-row-validation[b-wdqk4h84lt] {
    grid-column: 1 / -1;
}

.min-width-0[b-wdqk4h84lt] {
    min-width: 0;
}

@media (max-width: 767.98px) {
    .tier-setup-fee-currency-row[b-wdqk4h84lt] {
        grid-template-columns: 1fr;
    }

    .tier-setup-fee-currency-actions[b-wdqk4h84lt] {
        justify-content: flex-start;
    }

    .tier-setup-fee-existing-note[b-wdqk4h84lt] {
        width: auto;
        min-height: 1.5rem;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Plans/Plans.razor.rz.scp.css */
.plan-group-card[b-xz5dl2pllf] {
    height: 26rem;
    overflow: visible;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.plan-group-card:hover[b-xz5dl2pllf] {
    transform: translateY(-2px);
}

.plan-group-card-body[b-xz5dl2pllf] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.5rem;
}

.plan-group-identity[b-xz5dl2pllf] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    min-height: 4.5rem;
    max-height: 4.5rem;
    overflow: hidden;
    padding-right: 2rem;
}

.plan-group-icon[b-xz5dl2pllf] {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    background: rgba(var(--primary-rgb), 0.10);
    font-size: 1.1rem;
    flex: 0 0 auto;
}

.plan-group-title-area[b-xz5dl2pllf] {
    min-width: 0;
    overflow: hidden;
}

.plan-group-title[b-xz5dl2pllf] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.25;
}

.plan-group-description[b-xz5dl2pllf] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 4.6rem;
    max-height: 4.6rem;
    color: var(--default-text-color);
    margin: 0;
}

.plan-group-setup-fee[b-xz5dl2pllf] {
    border: 1px solid rgba(var(--primary-rgb), 0.10);
    border-radius: 0.5rem;
    background: rgba(var(--primary-rgb), 0.035);
    padding: 0.85rem;
    margin-top: 1rem;
    min-height: 6.1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.plan-group-setup-fee-heading[b-xz5dl2pllf] {
    min-width: 0;
}

.plan-group-setup-fee-label[b-xz5dl2pllf] {
    display: block;
    font-weight: 700;
    color: var(--default-text-color);
    line-height: 1.15;
}

.plan-group-setup-fee-help[b-xz5dl2pllf] {
    display: block;
    color: var(--text-muted);
    font-size: 0.72rem;
    line-height: 1.2;
    margin-top: 0.15rem;
}

.plan-group-setup-fee-footer[b-xz5dl2pllf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.7rem;
    min-width: 0;
}

.plan-group-setup-fee-values[b-xz5dl2pllf] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    min-width: 0;
}

.plan-group-setup-fee-pill[b-xz5dl2pllf] {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    border-radius: 999px;
    padding: 0.25rem 0.55rem;
    color: var(--primary-color);
    background: rgba(var(--primary-rgb), 0.08);
    border: 1px solid rgba(var(--primary-rgb), 0.12);
    font-size: 0.76rem;
    font-weight: 700;
    white-space: nowrap;
}

.plan-group-setup-fee-empty[b-xz5dl2pllf] {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    border-radius: 999px;
    padding: 0.25rem 0.55rem;
    color: var(--text-muted);
    background: rgba(108, 117, 125, 0.06);
    border: 1px solid rgba(108, 117, 125, 0.12);
    font-size: 0.76rem;
    font-weight: 700;
    white-space: nowrap;
}

.plan-group-setup-fee-action[b-xz5dl2pllf] {
    white-space: nowrap;
    flex: 0 0 auto;
}

.plan-group-bottom[b-xz5dl2pllf] {
    margin-top: auto;
}

.plan-group-metrics[b-xz5dl2pllf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.plan-group-metric[b-xz5dl2pllf] {
    border: 1px solid rgba(var(--primary-rgb), 0.10);
    border-radius: 0.5rem;
    padding: 0.65rem 0.75rem;
    background: rgba(var(--primary-rgb), 0.04);
}

.plan-group-metric span[b-xz5dl2pllf] {
    display: block;
    color: var(--text-muted);
    font-size: 0.72rem;
    margin-bottom: 0.15rem;
}

.plan-group-metric strong[b-xz5dl2pllf] {
    display: block;
    color: var(--primary-color);
    font-size: 1rem;
}

.archived-group-card[b-xz5dl2pllf] {
    background: #ffffff;
    border: 1px solid rgba(108, 117, 125, 0.18);
}

.archived-group-title[b-xz5dl2pllf] {
    color: #495057;
}

.archived-group-description[b-xz5dl2pllf] {
    color: #6c757d;
}

.archived-group-icon[b-xz5dl2pllf] {
    color: #6c757d;
    background: rgba(108, 117, 125, 0.10);
}

.archived-group-setup-fee[b-xz5dl2pllf] {
    border-color: rgba(108, 117, 125, 0.14);
    background: rgba(108, 117, 125, 0.05);
}

.archived-group-setup-fee-pill[b-xz5dl2pllf] {
    color: #495057;
    background: rgba(108, 117, 125, 0.08);
    border-color: rgba(108, 117, 125, 0.14);
}

.archived-group-metric[b-xz5dl2pllf] {
    border-color: rgba(108, 117, 125, 0.14);
    background: rgba(108, 117, 125, 0.05);
}

.archived-group-metric strong[b-xz5dl2pllf] {
    color: #495057;
}

.archived-group-button[b-xz5dl2pllf] {
    background: #f1f3f5;
    color: #495057;
    border: 1px solid #dee2e6;
    font-weight: 600;
}

.archived-group-button:hover[b-xz5dl2pllf],
.archived-group-button:focus[b-xz5dl2pllf],
.archived-group-button:active[b-xz5dl2pllf] {
    background: #e9ecef !important;
    color: #343a40 !important;
    border-color: #ced4da !important;
}

@media (max-width: 575.98px) {
    .plan-group-card[b-xz5dl2pllf] {
        height: auto;
        min-height: 26rem;
    }

    .plan-group-identity[b-xz5dl2pllf] {
        padding-right: 2.5rem;
    }

    .plan-group-setup-fee-footer[b-xz5dl2pllf] {
        flex-direction: column;
        align-items: stretch;
    }

    .plan-group-setup-fee-values[b-xz5dl2pllf] {
        width: 100%;
    }

    .plan-group-setup-fee-action[b-xz5dl2pllf] {
        width: 100%;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Roles/AdminRoles.razor.rz.scp.css */
.admin-roles-table[b-jgkeht1q75] {
    min-width: 920px;
}

.admin-roles-reason-row td[b-jgkeht1q75] {
    background: rgba(0, 0, 0, 0.015);
    border-top: 0;
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/Roles/Modals/AssignAdminRoleModal.razor.rz.scp.css */
textarea[b-mh9j3pu4rz] {
    resize: vertical;
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/UiShowcase/AdminUiShowcase.razor.rz.scp.css */
.admin-ui-showcase-page[b-kipzxzx0u3] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 1.5rem;
    scroll-behavior: smooth;
}

.admin-ui-showcase-page .custom-card[b-kipzxzx0u3] {
    margin-bottom: 0;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
}

.ui-showcase-section[b-kipzxzx0u3] {
    scroll-margin-top: 5rem;
}

.ui-guidance-item[b-kipzxzx0u3] {
    display: flex;
    height: 100%;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.5);
}

.ui-guidance-item > div[b-kipzxzx0u3] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.25rem;
}

.ui-guidance-item strong[b-kipzxzx0u3] {
    color: var(--default-text-color);
    font-size: 0.85rem;
}

.ui-guidance-item span[b-kipzxzx0u3] {
    color: var(--text-muted);
    font-size: 0.75rem;
    line-height: 1.5;
}

.ui-reference-table[b-kipzxzx0u3] {
    min-width: 980px;
}

.ui-reference-table td[b-kipzxzx0u3] {
    min-width: 160px;
}

.ui-reference-table td:nth-child(3)[b-kipzxzx0u3] {
    min-width: 260px;
}

.ui-example-block[b-kipzxzx0u3] {
    padding: 1rem;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.5);
}

.ui-example-heading[b-kipzxzx0u3] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 1rem;
}

.ui-example-heading strong[b-kipzxzx0u3] {
    color: var(--default-text-color);
    font-size: 0.85rem;
}

.ui-example-heading span[b-kipzxzx0u3] {
    color: var(--text-muted);
    font-size: 0.75rem;
    line-height: 1.5;
}

.ui-state-example[b-kipzxzx0u3] {
    display: flex;
    min-height: 260px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 1.5rem;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.5);
    text-align: center;
}

.ui-rule-list[b-kipzxzx0u3] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ui-rule-item[b-kipzxzx0u3] {
    display: grid;
    grid-template-columns: minmax(140px, auto) minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.5);
}

.ui-rule-item code[b-kipzxzx0u3] {
    justify-self: start;
}

.ui-rule-item span[b-kipzxzx0u3] {
    color: var(--text-muted);
    font-size: 0.75rem;
    line-height: 1.5;
}

.min-width-0[b-kipzxzx0u3] {
    min-width: 0;
}

@media (max-width: 767.98px) {
    .ui-rule-item[b-kipzxzx0u3] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelAdmin/Pages/UiShowcase/Modals/UiShowcaseFormModal.razor.rz.scp.css */
/* _content/GameNCode.Frontend/Components/Panels/PanelUser/Pages/Billing/Billing.razor.rz.scp.css */
.customer-billing-page[b-13fnyeevcr] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.customer-billing-page .custom-card[b-13fnyeevcr] {
    margin-bottom: 0;
}

.customer-billing-empty[b-13fnyeevcr] {
    min-height: 10rem;
    border-style: dashed !important;
}

.customer-billing-empty.compact[b-13fnyeevcr] {
    min-height: 5rem;
    color: var(--text-muted);
}

.current-plan-card[b-13fnyeevcr],
.custom-agreement-card[b-13fnyeevcr],
.billing-management-card[b-13fnyeevcr],
.personalized-plan-note[b-13fnyeevcr] {
    background: var(--custom-white);
    border-color: var(--default-border) !important;
}

.current-plan-details[b-13fnyeevcr] {
    display: grid;
    gap: 0.65rem;
}

.current-plan-details > div[b-13fnyeevcr] {
    border: 1px solid var(--default-border);
    border-radius: 0.5rem;
    padding: 0.88rem 0.95rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.current-plan-details span[b-13fnyeevcr],
.custom-agreement-header span[b-13fnyeevcr],
.billing-management-content p[b-13fnyeevcr] {
    color: var(--text-muted);
    font-size: 0.78rem;
}

.current-plan-details strong[b-13fnyeevcr] {
    font-size: 0.84rem;
    text-align: right;
}

.custom-agreement-card[b-13fnyeevcr] {
    border: 1px solid var(--default-border);
    border-radius: 0.5rem;
    padding: 1.15rem;
}

.custom-agreement-card.current[b-13fnyeevcr] {
    border-color: rgba(var(--success-rgb), 0.35) !important;
}

.custom-agreement-header > div:first-child[b-13fnyeevcr],
.billing-management-content[b-13fnyeevcr] {
    min-width: 0;
}

.custom-agreement-header h6[b-13fnyeevcr] {
    margin: 0.2rem 0 0;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.plan-entitlements[b-13fnyeevcr] {
    display: grid;
    gap: 0.35rem;
    margin: 0.75rem 0;
}

.plan-entitlements span[b-13fnyeevcr] {
    color: var(--text-muted);
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.plan-entitlements i[b-13fnyeevcr] {
    color: rgb(var(--success-rgb));
}

.personalized-plan-note i[b-13fnyeevcr] {
    color: rgb(var(--primary-rgb));
}

.billing-management-content h6[b-13fnyeevcr] {
    font-weight: 700;
    margin-bottom: 0.15rem;
}

.billing-management-content p[b-13fnyeevcr] {
    margin-bottom: 0;
}

.billing-management-footer .personalized-plan-note[b-13fnyeevcr],
.billing-management-footer .customer-billing-empty[b-13fnyeevcr] {
    width: 100%;
}

.customer-billing-action-button[b-13fnyeevcr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-width: 10rem;
    text-align: center;
    line-height: 1.2;
}

.customer-billing-action-button .spinner-border[b-13fnyeevcr] {
    width: 0.85rem;
    height: 0.85rem;
    border-width: 0.12rem;
    flex: 0 0 auto;
}

.agreement-billing-summary[b-13fnyeevcr] {
    border-top: 1px solid var(--default-border);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 0.9rem;
}

.agreement-billing-values[b-13fnyeevcr] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1.35rem;
    min-width: 0;
}

.agreement-billing-values > div[b-13fnyeevcr] {
    min-width: 7.5rem;
}

.agreement-billing-values span[b-13fnyeevcr] {
    color: var(--text-muted);
    display: block;
    font-size: 0.75rem;
    line-height: 1.2;
}

.agreement-billing-values strong[b-13fnyeevcr] {
    color: var(--default-text-color);
    display: block;
    font-size: 1rem;
    line-height: 1.2;
    margin-top: 0.15rem;
    white-space: nowrap;
}

.agreement-billing-values small[b-13fnyeevcr] {
    color: var(--text-muted);
    display: block;
    font-size: 0.72rem;
    margin-top: 0.1rem;
}

.agreement-billing-action[b-13fnyeevcr] {
    flex: 0 0 auto;
}

@media (max-width: 575.98px) {
    .current-plan-details > div[b-13fnyeevcr],
    .custom-agreement-header[b-13fnyeevcr] {
        align-items: flex-start;
        flex-direction: column;
    }

    .agreement-billing-summary[b-13fnyeevcr] {
        align-items: stretch;
        flex-direction: column;
    }

    .agreement-billing-values[b-13fnyeevcr] {
        gap: 1rem;
    }

    .agreement-billing-action[b-13fnyeevcr],
    .agreement-billing-action .btn[b-13fnyeevcr] {
        width: 100%;
    }

    .customer-billing-action-button[b-13fnyeevcr] {
        min-width: 0;
    }
}

@media (max-width: 767.98px) {
    .billing-management-header[b-13fnyeevcr] {
        flex-direction: column;
        align-items: center !important;
        text-align: center;
    }

    .billing-management-footer[b-13fnyeevcr],
    .billing-management-card .btn[b-13fnyeevcr],
    .billing-management-card .personalized-plan-note[b-13fnyeevcr],
    .billing-management-card .customer-billing-empty[b-13fnyeevcr] {
        width: 100%;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelUser/Pages/Billing/Modals/BillingPlanOptionsModal.razor.rz.scp.css */
.billing-plan-options-modal[b-k6vixkb4r4] {
    min-height: 8rem;
}

.billing-plan-options-intro[b-k6vixkb4r4] {
    border: 1px solid rgba(var(--primary-rgb), 0.16);
    border-radius: 0.5rem;
    background: rgba(var(--primary-rgb), 0.04);
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
}

.billing-plan-options-intro h6[b-k6vixkb4r4] {
    margin-bottom: 0.25rem;
    font-weight: 700;
}

.billing-plan-options-intro p[b-k6vixkb4r4] {
    color: var(--text-muted);
    font-size: 0.82rem;
    margin-bottom: 0;
}

.billing-plan-options-empty[b-k6vixkb4r4] {
    border: 1px dashed var(--default-border);
    border-radius: 0.5rem;
    color: var(--text-muted);
    padding: 2rem;
    text-align: center;
}

.customer-plan-card[b-k6vixkb4r4] {
    position: relative;
    height: 100%;
    border: 1px solid var(--default-border);
    border-radius: 0.5rem;
    padding: 1.15rem;
    background: var(--custom-white);
    overflow: visible;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.customer-plan-card:hover[b-k6vixkb4r4] {
    border-color: rgba(var(--primary-rgb), 0.35);
    box-shadow: 0 0.5rem 1.25rem rgba(15, 23, 42, 0.06);
    transform: translateY(-1px);
}

.customer-plan-card.current[b-k6vixkb4r4] {
    border-color: rgba(var(--primary-rgb), 0.28);
    background: var(--custom-white);
}

.plan-current-ribbon[b-k6vixkb4r4] {
    z-index: 2;
}

.plan-card-header[b-k6vixkb4r4] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.plan-card-header span[b-k6vixkb4r4] {
    color: var(--text-muted);
    font-size: 0.76rem;
}

.plan-card-header h6[b-k6vixkb4r4] {
    margin: 0.2rem 0 0;
    font-weight: 700;
}

.plan-entitlements[b-k6vixkb4r4] {
    display: grid;
    gap: 0.4rem;
    margin: 0.9rem 0;
}

.plan-entitlements span[b-k6vixkb4r4] {
    color: var(--text-muted);
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.plan-entitlements i[b-k6vixkb4r4] {
    color: rgb(var(--success-rgb));
}

.plan-price[b-k6vixkb4r4] {
    border-radius: 0.5rem;
    padding: 1rem;
    background: rgba(var(--primary-rgb), 0.06);
    margin-top: 1rem;
}

.plan-price strong[b-k6vixkb4r4] {
    display: block;
    font-size: 1.2rem;
    line-height: 1.2;
}

.plan-price span[b-k6vixkb4r4] {
    color: var(--text-muted);
    font-size: 0.78rem;
}

.plan-price.unavailable[b-k6vixkb4r4] {
    background: rgba(var(--warning-rgb), 0.08);
}

.plan-price-options[b-k6vixkb4r4] {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
}

.plan-price-option[b-k6vixkb4r4] {
    border: 1px solid var(--default-border);
    border-radius: 0.5rem;
    padding: 0.9rem;
}

.plan-price-option.current-price[b-k6vixkb4r4],
.plan-price-option.renewal-price[b-k6vixkb4r4] {
    border-color: rgba(var(--primary-rgb), 0.24);
    background: rgba(var(--primary-rgb), 0.035);
}

.plan-price-option-main[b-k6vixkb4r4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.plan-price-option-content[b-k6vixkb4r4] {
    min-width: 0;
}

.plan-price-option-content strong[b-k6vixkb4r4] {
    display: block;
    font-size: 1rem;
    line-height: 1.2;
    white-space: nowrap;
}

.plan-price-option-content span[b-k6vixkb4r4] {
    color: var(--text-muted);
    font-size: 0.75rem;
}

.plan-price-option-content small[b-k6vixkb4r4] {
    display: block;
    color: var(--text-muted);
    font-size: 0.7rem;
    margin-top: 0.12rem;
}

.plan-price-option-content .current-period-label[b-k6vixkb4r4] {
    color: rgb(var(--success-rgb));
    font-weight: 600;
}

.plan-price-option .btn[b-k6vixkb4r4] {
    width: auto;
    min-width: 8.75rem;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    flex: 0 0 auto;
}

.plan-price-option .btn span[b-k6vixkb4r4] {
    color: inherit;
}

.plan-price-option .btn .spinner-border[b-k6vixkb4r4] {
    width: 0.85rem;
    height: 0.85rem;
    border-width: 0.12rem;
    flex: 0 0 auto;
}

.plan-activation-summary[b-k6vixkb4r4] {
    border: 1px solid rgba(var(--warning-rgb), 0.18);
    border-radius: 0.5rem;
    background: rgba(var(--warning-rgb), 0.035);
    padding: 0.8rem;
    margin-top: 0.85rem;
}

@media (max-width: 575.98px) {
    .plan-price-option-main[b-k6vixkb4r4] {
        align-items: stretch;
        flex-direction: column;
    }

    .plan-price-option .btn[b-k6vixkb4r4] {
        width: 100%;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelUser/Pages/ClientUpdates/ClientUpdates.razor.rz.scp.css */
.client-updates-page[b-98ue4go7g7] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.client-updates-page .custom-card[b-98ue4go7g7] {
    margin-bottom: 0;
}

.updates-empty[b-98ue4go7g7] {
    min-height: 13rem;
    border-style: dashed !important;
    border-color: var(--default-border) !important;
}

.updates-empty.compact[b-98ue4go7g7] {
    min-height: 7rem;
    color: var(--text-muted);
}

.selected-server-summary[b-98ue4go7g7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.selected-server-summary > div[b-98ue4go7g7] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid var(--default-border);
    border-radius: 0.5rem;
}

.selected-server-summary span[b-98ue4go7g7] {
    color: var(--text-muted);
    font-size: 0.75rem;
}

.selected-server-summary strong[b-98ue4go7g7] {
    color: var(--default-text-color);
    font-size: 0.85rem;
    overflow-wrap: anywhere;
}

.update-upload-zone[b-98ue4go7g7] {
    border-color: var(--default-border) !important;
    border-style: dashed !important;
    text-align: center;
}

.selected-archive[b-98ue4go7g7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem;
    border: 1px solid var(--default-border);
    border-radius: 0.5rem;
    text-align: left;
}

.selected-archive > div[b-98ue4go7g7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.selected-archive i[b-98ue4go7g7] {
    color: rgb(var(--primary-rgb));
    font-size: 1.5rem;
}

.selected-archive span[b-98ue4go7g7] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.selected-archive strong[b-98ue4go7g7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selected-archive small[b-98ue4go7g7] {
    color: var(--text-muted);
    font-size: 0.75rem;
}

.updates-guide[b-98ue4go7g7] {
    display: grid;
    gap: 1.1rem;
}

.updates-guide > div[b-98ue4go7g7] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
}

.updates-guide > div > span[b-98ue4go7g7] {
    display: grid;
    flex: 0 0 2rem;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: rgba(var(--primary-rgb), 0.12);
    color: rgb(var(--primary-rgb));
    font-weight: 600;
}

.updates-guide > div > div[b-98ue4go7g7] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.updates-guide strong[b-98ue4go7g7] {
    font-size: 0.84rem;
}

.updates-guide small[b-98ue4go7g7] {
    color: var(--text-muted);
    line-height: 1.5;
}

.release-file[b-98ue4go7g7] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 13rem;
}

.release-file > i[b-98ue4go7g7] {
    color: rgb(var(--primary-rgb));
    font-size: 1.3rem;
}

.release-file > span[b-98ue4go7g7] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.release-file strong[b-98ue4go7g7] {
    max-width: 15rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.release-file small[b-98ue4go7g7] {
    color: var(--text-muted);
    font-size: 0.7rem;
}

@media (max-width: 767.98px) {
    .selected-server-summary[b-98ue4go7g7] {
        grid-template-columns: 1fr;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelUser/Pages/Home.razor.rz.scp.css */
.user-home-page[b-1ajvq95fvk] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.user-home-page .row[b-1ajvq95fvk] {
    row-gap: 1.5rem;
    margin-bottom: 0;
}

.user-home-page .custom-card[b-1ajvq95fvk],
.user-home-page .card[b-1ajvq95fvk] {
    margin-bottom: 0;
}

.user-home-page .custom-card[b-1ajvq95fvk],
.user-home-page .custom-card.rounded-md[b-1ajvq95fvk],
.user-home-page .border.rounded-3[b-1ajvq95fvk] {
    border-radius: 0.5rem !important;
}

.med-banner-card[b-1ajvq95fvk] {
    position: relative;
    overflow: hidden;
    border: 0;
    border-radius: 0.5rem;
    background:
            linear-gradient(135deg, rgba(var(--primary-rgb), 0.96), rgba(21, 94, 239, 0.9)),
            radial-gradient(circle at top right, rgba(255, 255, 255, 0.22), transparent 34%);
}

.med-banner-card[b-1ajvq95fvk]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
            radial-gradient(circle at top left, rgba(255, 255, 255, 0.16), transparent 32%),
            radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.1), transparent 28%);
    pointer-events: none;
}

.med-banner-card .card-body[b-1ajvq95fvk] {
    position: relative;
    z-index: 1;
}

.med-banner-symbol-wrap[b-1ajvq95fvk] {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.14);
    flex: 0 0 auto;
}

.med-banner-symbol[b-1ajvq95fvk] {
    width: 2.5rem;
    height: 2.5rem;
    object-fit: contain;
}

.min-vh-card[b-1ajvq95fvk] {
    min-height: 10rem;
}

.dashboard-stat-badge[b-1ajvq95fvk] {
    min-height: 1.6rem;
    display: inline-flex;
    align-items: center;
}

.user-home-action-card[b-1ajvq95fvk],
.user-home-info-card[b-1ajvq95fvk],
.user-home-attention-card[b-1ajvq95fvk] {
    min-height: 4.5rem;
}

.user-home-info-card[b-1ajvq95fvk],
.user-home-attention-card[b-1ajvq95fvk],
.user-home-action-card[b-1ajvq95fvk],
.user-home-activation-page .activation-step-item[b-1ajvq95fvk] {
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.user-home-info-card:hover[b-1ajvq95fvk],
.user-home-attention-card:hover[b-1ajvq95fvk],
.user-home-action-card:hover[b-1ajvq95fvk],
.user-home-activation-page .activation-step-item:hover[b-1ajvq95fvk] {
    border-color: rgba(var(--primary-rgb), 0.35) !important;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.06);
}

.user-home-page .progress-xs[b-1ajvq95fvk] {
    height: 0.45rem;
    border-radius: 999px;
}

.user-home-page .card-accent[b-1ajvq95fvk] {
    border-top: 3px solid var(--primary-color);
}

.user-home-checklist .list-item[b-1ajvq95fvk] {
    padding: 0;
    margin-bottom: 1rem;
}

.user-home-checklist .list-item:last-child[b-1ajvq95fvk] {
    margin-bottom: 0;
}

.user-home-checklist .sh-shedule[b-1ajvq95fvk] {
    padding: 1rem;
    border: 1px solid var(--default-border);
    border-radius: 0.5rem;
}

.user-home-activation-page .activation-hero-card[b-1ajvq95fvk] {
    min-height: 12rem;
}

.user-home-activation-page .activation-steps[b-1ajvq95fvk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.user-home-activation-page .activation-step-item[b-1ajvq95fvk] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--default-border);
    border-radius: 0.5rem;
    background: var(--custom-white);
}

.user-home-activation-page .activation-step-avatar[b-1ajvq95fvk] {
    flex: 0 0 auto;
}

.user-home-activation-page .activation-status-list[b-1ajvq95fvk] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.user-home-activation-page .activation-status-row[b-1ajvq95fvk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--default-border);
}

.user-home-activation-page .activation-status-row:first-child[b-1ajvq95fvk] {
    padding-top: 0;
}

.user-home-activation-page .activation-status-row:last-child[b-1ajvq95fvk] {
    padding-bottom: 0;
    border-bottom: 0;
}

@media (max-width: 991.98px) {
    .med-banner-card[b-1ajvq95fvk] {
        align-items: stretch !important;
    }
}

@media (max-width: 767.98px) {
    .user-home-page .table-responsive[b-1ajvq95fvk] {
        border: 1px solid var(--default-border);
        border-radius: 0.5rem;
    }
}

@media (max-width: 575.98px) {
    .user-home-page[b-1ajvq95fvk] {
        gap: 1rem;
        padding-top: 0.75rem;
        padding-bottom: 1rem;
    }

    .med-banner-card .card-body[b-1ajvq95fvk] {
        padding: 1.25rem !important;
    }

    .med-banner-symbol-wrap[b-1ajvq95fvk] {
        width: 3.25rem;
        height: 3.25rem;
        border-radius: 0.85rem;
    }

    .med-banner-symbol[b-1ajvq95fvk] {
        width: 2rem;
        height: 2rem;
    }

    .user-home-activation-page .activation-step-item[b-1ajvq95fvk] {
        flex-direction: column;
    }

    .user-home-activation-page .activation-status-row[b-1ajvq95fvk] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelUser/Pages/Launcher/Launcher.razor.rz.scp.css */
.user-launcher-page[b-itu4dkt6g1] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.user-launcher-page .custom-card[b-itu4dkt6g1] {
    margin-bottom: 0;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
}

.launcher-server-help[b-itu4dkt6g1] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid rgba(var(--warning-rgb), 0.12);
    border-radius: 0.5rem;
    background: rgba(var(--warning-rgb), 0.06);
}

.launcher-server-help > i[b-itu4dkt6g1] {
    flex: 0 0 auto;
    margin-top: 0.05rem;
    color: rgb(var(--warning-rgb));
    font-size: 1.35rem;
}

.launcher-server-help h6[b-itu4dkt6g1] {
    color: var(--default-text-color);
}

.launcher-server-help p[b-itu4dkt6g1] {
    line-height: 1.5;
}

.launcher-installation-help[b-itu4dkt6g1] {
    border-radius: 0.5rem;
}

.user-launcher-empty-card[b-itu4dkt6g1] {
    min-height: 280px;
}

.selected-server-summary[b-itu4dkt6g1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.selected-server-summary > div[b-itu4dkt6g1] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.75rem;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.72);
}

.selected-server-summary span[b-itu4dkt6g1] {
    color: var(--text-muted);
    font-size: 0.75rem;
}

.selected-server-summary strong[b-itu4dkt6g1] {
    overflow: hidden;
    color: var(--default-text-color);
    font-size: 0.85rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.launcher-catalog[b-itu4dkt6g1] {
    display: grid;
    gap: 1.5rem;
}

.launcher-model-card[b-itu4dkt6g1] {
    overflow: hidden;
}

.launcher-model-card-locked[b-itu4dkt6g1] {
    border-color: rgba(var(--gnc-neutral-ink-rgb), 0.14) !important;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.18);
}

.launcher-model-card-locked .launcher-preview-image[b-itu4dkt6g1] {
    filter: saturate(0.72);
}

.launcher-model-content[b-itu4dkt6g1] {
    display: flex;
}

.launcher-model-content .card-body[b-itu4dkt6g1] {
    width: 100%;
    padding: 1.5rem;
}

.launcher-model-heading[b-itu4dkt6g1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.launcher-description[b-itu4dkt6g1] {
    min-height: 3rem;
    line-height: 1.65;
}

.launcher-information[b-itu4dkt6g1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.launcher-information > div[b-itu4dkt6g1] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.7rem;
    padding: 0.75rem;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.72);
}

.launcher-information i[b-itu4dkt6g1] {
    flex: 0 0 auto;
    color: rgb(var(--primary-rgb));
    font-size: 1.15rem;
}

.launcher-information span[b-itu4dkt6g1] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.launcher-information small[b-itu4dkt6g1] {
    color: var(--text-muted);
    font-size: 0.7rem;
}

.launcher-information strong[b-itu4dkt6g1] {
    overflow: hidden;
    color: var(--default-text-color);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.launcher-actions[b-itu4dkt6g1] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

.launcher-action-button[b-itu4dkt6g1] {
    display: flex;
    min-height: 3.75rem;
    align-items: center;
    justify-content: flex-start;
    gap: 0.85rem;
    padding-inline: 1rem;
    text-align: left;
}

.launcher-action-button-locked[b-itu4dkt6g1] {
    cursor: not-allowed;
    opacity: 0.72;
}

.launcher-action-icon[b-itu4dkt6g1] {
    flex: 0 0 auto;
    width: 1.5rem;
    font-size: 1.4rem;
    text-align: center;
}

.launcher-action-text[b-itu4dkt6g1] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.launcher-action-text strong[b-itu4dkt6g1] {
    overflow: hidden;
    font-size: 0.85rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.launcher-action-text small[b-itu4dkt6g1] {
    overflow: hidden;
    color: var(--text-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.launcher-preview-column[b-itu4dkt6g1] {
    display: flex;
    min-height: 31rem;
    align-items: center;
    padding: 1.5rem;
    border-left: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    background: rgba(var(--gnc-neutral-surface-rgb), 0.45);
}

.launcher-preview-frame[b-itu4dkt6g1] {
    position: relative;
    overflow: hidden;
    width: 100%;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.045);
    border-radius: 0.5rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.72);
}

.launcher-preview-image[b-itu4dkt6g1] {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    object-position: center;
}

.launcher-preview-caption[b-itu4dkt6g1] {
    position: absolute;
    bottom: 0.75rem;
    left: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.6rem;
    border-radius: 0.5rem;
    background: rgba(0, 0, 0, 0.68);
    color: #fff;
    font-size: 0.72rem;
}

.launcher-preview-caption-locked[b-itu4dkt6g1] {
    background: rgba(25, 29, 38, 0.82);
}

.min-width-0[b-itu4dkt6g1] {
    min-width: 0;
}

@media (max-width: 1199.98px) {
    .launcher-preview-column[b-itu4dkt6g1] {
        min-height: auto;
        border-top: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
        border-left: 0;
    }
}

@media (max-width: 991.98px) {
    .launcher-information[b-itu4dkt6g1] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .selected-server-summary[b-itu4dkt6g1] {
        grid-template-columns: 1fr;
    }

    .launcher-model-content .card-body[b-itu4dkt6g1],
    .launcher-preview-column[b-itu4dkt6g1] {
        padding: 1rem;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelUser/Pages/Protection/Events/ProtectionEvents.razor.rz.scp.css */
.protection-events-page[b-ho75yr479m] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.protection-events-page .custom-card[b-ho75yr479m] {
    margin-bottom: 0;
    border-radius: 0.5rem;
}

.protection-events-filter-card[b-ho75yr479m],
.protection-events-help-card[b-ho75yr479m] {
    min-height: 100%;
}

.filter-stack[b-ho75yr479m] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.filter-note[b-ho75yr479m] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    border-radius: 0.5rem;
    padding: 0.75rem 0.85rem;
    background: rgba(132, 90, 223, 0.08);
    color: rgba(var(--gnc-neutral-ink-rgb), 0.72);
    font-size: 0.78rem;
    line-height: 1.35;
}

.filter-note i[b-ho75yr479m] {
    color: rgb(132, 90, 223);
    font-size: 1rem;
    margin-top: 0.05rem;
}

.protection-events-help-card .card-body[b-ho75yr479m] {
    padding: 1.35rem 1.5rem 1.5rem;
}

.protection-events-help-icon[b-ho75yr479m] {
    width: 3rem;
    height: 3rem;
}

.protection-events-help-text[b-ho75yr479m] {
    max-width: 60rem;
    line-height: 1.5;
}

.protection-events-info-grid[b-ho75yr479m] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}

.protection-events-info-box[b-ho75yr479m] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 1rem 1.05rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.78);
    height: 100%;
    min-height: 7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.protection-events-table td[b-ho75yr479m],
.protection-events-table th[b-ho75yr479m] {
    vertical-align: middle;
}

.protection-events-table th[b-ho75yr479m] {
    color: rgba(var(--gnc-neutral-ink-rgb), 0.65);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.protection-events-table td:first-child[b-ho75yr479m] {
    min-width: 18rem;
}

.protection-event-message[b-ho75yr479m] {
    max-width: 46rem;
    white-space: normal;
    line-height: 1.4;
}

@media (min-width: 1200px) {
    .protection-events-top-row[b-ho75yr479m] {
        align-items: stretch;
    }

    .protection-events-help-card h5[b-ho75yr479m] {
        font-size: 1.2rem;
    }
}

@media (max-width: 991.98px) {
    .protection-events-info-grid[b-ho75yr479m] {
        grid-template-columns: 1fr;
    }

    .protection-events-info-box[b-ho75yr479m] {
        min-height: auto;
    }
}

@media (max-width: 575.98px) {
    .protection-events-table td:first-child[b-ho75yr479m] {
        min-width: 14rem;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelUser/Pages/Protection/Overview/Overview.razor.rz.scp.css */
.protection-overview-page[b-grsbha68ll] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.protection-overview-page .custom-card[b-grsbha68ll] {
    margin-bottom: 0;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
}

.protection-overview-page .row[b-grsbha68ll] {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}

.protection-status-card[b-grsbha68ll] {
    min-height: 164px;
}

.protection-stat-card[b-grsbha68ll] {
    min-height: 132px;
}

.protection-server-selector[b-grsbha68ll] {
    min-width: 260px;
}

.protection-info-box[b-grsbha68ll] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.9rem;
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.72);
}

.protection-info-box p[b-grsbha68ll] {
    font-size: 0.82rem;
    line-height: 1.35;
}

.protection-compact-box[b-grsbha68ll] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 0.8rem 0.9rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.72);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.protection-compact-box span[b-grsbha68ll] {
    color: var(--text-muted);
    font-size: 0.75rem;
}

.protection-compact-box strong[b-grsbha68ll] {
    color: var(--default-text-color);
    font-size: 0.95rem;
    font-weight: 700;
}

.protection-server-list .list-group-item[b-grsbha68ll],
.protection-event-list .list-group-item[b-grsbha68ll],
.protection-history-list .list-group-item[b-grsbha68ll] {
    border-color: rgba(var(--gnc-neutral-ink-rgb), 0.08);
}

.protection-server-list .list-group-item:first-child[b-grsbha68ll],
.protection-event-list .list-group-item:first-child[b-grsbha68ll],
.protection-history-list .list-group-item:first-child[b-grsbha68ll] {
    padding-top: 0;
}

.protection-server-list .list-group-item:last-child[b-grsbha68ll],
.protection-event-list .list-group-item:last-child[b-grsbha68ll],
.protection-history-list .list-group-item:last-child[b-grsbha68ll] {
    padding-bottom: 0;
    border-bottom: 0;
}

@media (max-width: 767.98px) {
    .protection-server-selector[b-grsbha68ll] {
        width: 100%;
        min-width: 100%;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelUser/Pages/Protection/SuspiciousSources/SuspiciousSources.razor.rz.scp.css */
.suspicious-sources-page[b-9urxft2d1l] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.suspicious-sources-page .custom-card[b-9urxft2d1l] {
    margin-bottom: 0;
    border-radius: 0.5rem;
}

.suspicious-sources-filter-card[b-9urxft2d1l],
.suspicious-sources-help-card[b-9urxft2d1l] {
    min-height: 100%;
}

.filter-stack[b-9urxft2d1l] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.filter-note[b-9urxft2d1l] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    border-radius: 0.5rem;
    padding: 0.75rem 0.85rem;
    background: rgba(220, 53, 69, 0.08);
    color: rgba(var(--gnc-neutral-ink-rgb), 0.72);
    font-size: 0.78rem;
    line-height: 1.35;
}

.filter-note i[b-9urxft2d1l] {
    color: rgb(220, 53, 69);
    font-size: 1rem;
    margin-top: 0.05rem;
}

.suspicious-sources-help-card .card-body[b-9urxft2d1l] {
    padding: 1.35rem 1.5rem 1.5rem;
}

.suspicious-sources-help-icon[b-9urxft2d1l] {
    width: 3rem;
    height: 3rem;
}

.suspicious-sources-help-text[b-9urxft2d1l] {
    max-width: 60rem;
    line-height: 1.5;
}

.suspicious-sources-info-grid[b-9urxft2d1l] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}

.suspicious-sources-info-box[b-9urxft2d1l] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 1rem 1.05rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.78);
    height: 100%;
    min-height: 7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.suspicious-sources-table td[b-9urxft2d1l],
.suspicious-sources-table th[b-9urxft2d1l],
.suspicious-events-table td[b-9urxft2d1l],
.suspicious-events-table th[b-9urxft2d1l] {
    vertical-align: middle;
}

.suspicious-sources-table th[b-9urxft2d1l],
.suspicious-events-table th[b-9urxft2d1l] {
    color: rgba(var(--gnc-neutral-ink-rgb), 0.65);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.suspicious-event-message[b-9urxft2d1l] {
    max-width: 42rem;
    white-space: normal;
    line-height: 1.4;
}

@media (min-width: 1200px) {
    .suspicious-sources-top-row[b-9urxft2d1l] {
        align-items: stretch;
    }

    .suspicious-sources-help-card h5[b-9urxft2d1l] {
        font-size: 1.2rem;
    }
}

@media (max-width: 991.98px) {
    .suspicious-sources-info-grid[b-9urxft2d1l] {
        grid-template-columns: 1fr;
    }

    .suspicious-sources-info-box[b-9urxft2d1l] {
        min-height: auto;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelUser/Pages/Protection/Traffic/ProtectionTraffic.razor.rz.scp.css */
.protection-traffic-page[b-o6ivi72w11] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.protection-traffic-page .custom-card[b-o6ivi72w11] {
    margin-bottom: 0;
    border-radius: 0.5rem;
}

.protection-traffic-filter-card[b-o6ivi72w11],
.protection-traffic-help-card[b-o6ivi72w11] {
    min-height: 100%;
}

.filter-stack[b-o6ivi72w11] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.filter-note[b-o6ivi72w11] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    border-radius: 0.5rem;
    padding: 0.75rem 0.85rem;
    background: rgba(13, 202, 240, 0.08);
    color: rgba(var(--gnc-neutral-ink-rgb), 0.72);
    font-size: 0.78rem;
    line-height: 1.35;
}

.filter-note i[b-o6ivi72w11] {
    color: rgb(13, 110, 253);
    font-size: 1rem;
    margin-top: 0.05rem;
}

.protection-traffic-help-card .card-body[b-o6ivi72w11] {
    padding: 1.35rem 1.5rem 1.5rem;
}

.protection-traffic-help-icon[b-o6ivi72w11] {
    width: 3rem;
    height: 3rem;
}

.protection-traffic-help-text[b-o6ivi72w11] {
    max-width: 60rem;
    line-height: 1.5;
}

.protection-traffic-info-grid[b-o6ivi72w11] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}

.protection-traffic-info-box[b-o6ivi72w11] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    padding: 1rem 1.05rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.78);
    height: 100%;
    min-height: 7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.protection-traffic-metric-card[b-o6ivi72w11] {
    min-height: 100%;
}

.protection-traffic-metric-card .card-body[b-o6ivi72w11] {
    min-height: 8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.protection-traffic-table td[b-o6ivi72w11],
.protection-traffic-table th[b-o6ivi72w11] {
    vertical-align: middle;
}

.protection-traffic-table th[b-o6ivi72w11] {
    color: rgba(var(--gnc-neutral-ink-rgb), 0.65);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

@media (min-width: 1200px) {
    .protection-traffic-top-row[b-o6ivi72w11] {
        align-items: stretch;
    }

    .protection-traffic-help-card h5[b-o6ivi72w11] {
        font-size: 1.2rem;
    }
}

@media (max-width: 991.98px) {
    .protection-traffic-info-grid[b-o6ivi72w11] {
        grid-template-columns: 1fr;
    }

    .protection-traffic-info-box[b-o6ivi72w11] {
        min-height: auto;
    }
}
/* _content/GameNCode.Frontend/Components/Panels/PanelUser/Pages/Servers/Modals/ServerDetailsModal.razor.rz.scp.css */
.server-details-info-card[b-o2kxmgm2kz] {
    background: #ffffff;
    border-radius: 0.5rem;
}

.server-details-info-item[b-o2kxmgm2kz] {
    background: rgba(var(--gnc-neutral-surface-rgb), 0.72);
    border-color: rgba(var(--gnc-neutral-ink-rgb), 0.08) !important;
    border-radius: 0.5rem !important;
}
/* _content/GameNCode.Frontend/Components/Panels/PanelUser/Pages/Servers/Modals/TcpConnectionDetailsModal.razor.rz.scp.css */
.tcp-connection-details-info-card[b-xuzghbvkde] {
    background: #ffffff;
    border-radius: 0.5rem;
}

.tcp-connection-details-info-item[b-xuzghbvkde] {
    background: rgba(var(--gnc-neutral-surface-rgb), 0.72);
    border-color: rgba(var(--gnc-neutral-ink-rgb), 0.08) !important;
    border-radius: 0.5rem !important;
}
/* _content/GameNCode.Frontend/Components/Panels/PanelUser/Pages/Servers/Servers.razor.rz.scp.css */
.user-servers-page[b-kki2je0r7w] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.user-servers-page .custom-card[b-kki2je0r7w] {
    margin-bottom: 0;
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
}

.user-server-card[b-kki2je0r7w] {
    min-height: 270px;
}

.user-server-card .card-body[b-kki2je0r7w] {
    padding: 1.15rem;
}

.user-server-metrics[b-kki2je0r7w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.user-server-metric[b-kki2je0r7w] {
    border: 1px solid rgba(var(--gnc-neutral-ink-rgb), 0.08);
    border-radius: 0.5rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.72);
    padding: 0.75rem;
    min-width: 0;
}

.user-server-metric span[b-kki2je0r7w] {
    display: block;
    color: var(--text-muted);
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
}

.user-server-metric strong[b-kki2je0r7w] {
    display: block;
    color: var(--default-text-color);
    font-size: 0.85rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-server-no-connections[b-kki2je0r7w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px dashed rgba(var(--gnc-neutral-ink-rgb), 0.16);
    border-radius: 0.5rem;
    color: var(--text-muted);
    font-size: 0.8rem;
    padding: 0.75rem;
    background: rgba(var(--gnc-neutral-surface-rgb), 0.5);
}

.user-servers-empty-card[b-kki2je0r7w] {
    min-height: 320px;
}

.min-width-0[b-kki2je0r7w] {
    min-width: 0;
}

@media (max-width: 575.98px) {
    .user-server-metrics[b-kki2je0r7w] {
        grid-template-columns: 1fr;
    }
}
/* _content/GameNCode.Frontend/Components/Shared/PanelLayout/PanelNavMenu.razor.rz.scp.css */
.navbar-toggler[b-gdl6yqwa8i] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-gdl6yqwa8i] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-gdl6yqwa8i] {
    min-height: 3.5rem;
    background-color: rgba(0, 0, 0, 0.4);
}

.navbar-brand[b-gdl6yqwa8i] {
    font-size: 1.1rem;
}

.bi[b-gdl6yqwa8i] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-gdl6yqwa8i] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-gdl6yqwa8i] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-gdl6yqwa8i] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-gdl6yqwa8i] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-gdl6yqwa8i] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-gdl6yqwa8i] {
    padding-bottom: 1rem;
}

.nav-item[b-gdl6yqwa8i]  .nav-link {
    color: #d7d7d7;
    background: none;
    border: none;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    width: 100%;
}

.nav-item[b-gdl6yqwa8i]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-gdl6yqwa8i]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-gdl6yqwa8i] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-gdl6yqwa8i] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-gdl6yqwa8i] {
        display: none;
    }

    .nav-scrollable[b-gdl6yqwa8i] {
        display: block;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/GameNCode.Frontend/Components/Shared/PanelLayout/PanelSubNavMenu.razor.rz.scp.css */
/* _content/GameNCode.Frontend/Components/Shared/UI/Modal/AppModalFrame.razor.rz.scp.css */
.app-modal-body[b-klyt7cjfrx] {
    min-width: 0;
    overflow-x: auto;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--primary-color) transparent;
}

.app-modal-body[b-klyt7cjfrx]::-webkit-scrollbar {
    width: 0.375rem;
    height: 0.375rem;
}

.app-modal-body[b-klyt7cjfrx]::-webkit-scrollbar-track {
    background: transparent;
}

.app-modal-body[b-klyt7cjfrx]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: var(--primary-color);
}

.app-modal-body[b-klyt7cjfrx]::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--primary-rgb), 0.82);
}
/* _content/GameNCode.Frontend/Components/Shared/UI/Profile/Modals/ProfileImageEditModal.razor.rz.scp.css */
.profile-image-editor[b-oe8rev087h] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.profile-image-preview-shell[b-oe8rev087h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.profile-image-preview[b-oe8rev087h] {
    position: relative;
    width: min(320px, 76vw);
    aspect-ratio: 1;
    border-radius: 50%;
    overflow: hidden;
    background: var(--custom-white);
    border: 2px solid rgba(var(--primary-rgb), 0.35);
    box-shadow: 0 0 0 8px rgba(var(--primary-rgb), 0.06), 0 0.75rem 2rem rgba(15, 23, 42, 0.14);
    touch-action: none;
    user-select: none;
}

.profile-image-canvas[b-oe8rev087h] {
    display: block;
    width: 100%;
    height: 100%;
    cursor: grab;
    touch-action: none;
}

.profile-image-canvas:active[b-oe8rev087h] {
    cursor: grabbing;
}

.profile-image-empty-state[b-oe8rev087h] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: var(--text-muted);
    pointer-events: none;
    background: rgba(var(--light-rgb), 0.72);
}

.profile-image-empty-state i[b-oe8rev087h] {
    font-size: 2.75rem;
    line-height: 1;
    color: rgb(var(--primary-rgb));
}

.profile-image-preview-hint[b-oe8rev087h] {
    max-width: 430px;
    color: var(--text-muted);
    font-size: 0.8125rem;
    line-height: 1.45;
    text-align: center;
}

.profile-image-controls[b-oe8rev087h] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.profile-image-upload-button[b-oe8rev087h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 42px;
    margin: 0;
    padding: 0.625rem 1rem;
    border: 1px dashed rgba(var(--primary-rgb), 0.55);
    border-radius: 0.5rem;
    color: rgb(var(--primary-rgb));
    background: rgba(var(--primary-rgb), 0.06);
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.profile-image-upload-button:hover[b-oe8rev087h] {
    border-color: rgb(var(--primary-rgb));
    background: rgba(var(--primary-rgb), 0.1);
}

.profile-image-upload-button:active[b-oe8rev087h] {
    transform: translateY(1px);
}

.profile-image-controls[b-oe8rev087h]  .profile-image-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.profile-image-file-name[b-oe8rev087h] {
    display: block;
    max-width: 100%;
    color: var(--text-muted);
    font-size: 0.8125rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-image-zoom-control[b-oe8rev087h] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.profile-image-control-label[b-oe8rev087h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--default-text-color);
    font-size: 0.8125rem;
    font-weight: 600;
}

.profile-image-control-label span:last-child[b-oe8rev087h] {
    color: var(--text-muted);
    font-variant-numeric: tabular-nums;
}

.profile-image-zoom-row[b-oe8rev087h] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
}

.profile-image-zoom-row i[b-oe8rev087h] {
    color: var(--text-muted);
    font-size: 1rem;
}

.profile-image-zoom-row input[type="range"][b-oe8rev087h] {
    width: 100%;
    accent-color: rgb(var(--primary-rgb));
}

.profile-image-reset-button[b-oe8rev087h] {
    align-self: center;
}

.profile-image-actions[b-oe8rev087h] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 0.25rem;
}

@media (max-width: 575.98px) {
    .profile-image-preview[b-oe8rev087h] {
        width: min(280px, 72vw);
    }

    .profile-image-actions[b-oe8rev087h] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}
/* _content/GameNCode.Frontend/Components/Shared/UI/Profile/ProfileModal.razor.rz.scp.css */
.profile-avatar-wrapper[b-8ai41dpw51] {
    display: flex;
    justify-content: center;
}

.profile-avatar-button[b-8ai41dpw51] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}

.profile-avatar-button .avatar[b-8ai41dpw51] {
    overflow: visible;
    box-shadow: 0 0 0 4px rgba(var(--primary-rgb), 0.08);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.profile-avatar-button .avatar img[b-8ai41dpw51] {
    border-radius: 50%;
    object-fit: cover;
}

.profile-avatar-edit-icon[b-8ai41dpw51] {
    position: absolute;
    right: -0.125rem;
    bottom: -0.125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 3px solid var(--custom-white);
    border-radius: 50%;
    color: #fff;
    background: rgb(var(--primary-rgb));
    box-shadow: 0 0.35rem 0.8rem rgba(15, 23, 42, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.profile-avatar-edit-icon i[b-8ai41dpw51] {
    font-size: 1rem;
    line-height: 1;
}

.profile-avatar-button:hover .avatar[b-8ai41dpw51],
.profile-avatar-button:focus-visible .avatar[b-8ai41dpw51] {
    box-shadow: 0 0 0 5px rgba(var(--primary-rgb), 0.18);
    transform: scale(1.015);
}

.profile-avatar-button:hover .profile-avatar-edit-icon[b-8ai41dpw51],
.profile-avatar-button:focus-visible .profile-avatar-edit-icon[b-8ai41dpw51] {
    transform: scale(1.08);
    box-shadow: 0 0.45rem 1rem rgba(15, 23, 42, 0.3);
}

.profile-avatar-button:focus-visible[b-8ai41dpw51] {
    outline: none;
}
/* _content/GameNCode.Frontend/Components/Shared/UI/Settings/SettingsModal.razor.rz.scp.css */
.settings-tabs-nav[b-yv1eyinahz] {
    background: transparent !important;
    border-bottom: 0 !important;
    margin-bottom: 1rem;
}

.settings-tabs-nav .nav-link[b-yv1eyinahz] {
    margin-bottom: 0;
}

.settings-tabs-content[b-yv1eyinahz] {
    min-height: 546px;
}

.tab-content .tab-pane[b-yv1eyinahz] {
    padding: 0 !important;
}
/* _content/GameNCode.Frontend/Components/Shared/UI/Settings/Tabs/SettingsSecurityTab.razor.rz.scp.css */
.settings-security-content[b-tuhkpsc2zp] {
    --bs-gutter-y: 1rem;
}

.settings-security-card[b-tuhkpsc2zp] {
    margin-bottom: 0 !important;
}

.settings-security-card .card-header[b-tuhkpsc2zp] {
    padding-bottom: 0.75rem;
}

.settings-security-card .card-body[b-tuhkpsc2zp] {
    padding-top: 1rem;
}

.tab-pane[b-tuhkpsc2zp] {
    padding: 0 !important;   
}
/* _content/GameNCode.Frontend/Components/Shared/UI/ToastHost.razor.rz.scp.css */
/* Toast animations */

.gnc-toast[b-a67v3qya39] {
    transition: none !important;
    will-change: transform, opacity;
}

.gnc-toast.gnc-toast-in[b-a67v3qya39] {
    animation: gncToastIn-b-a67v3qya39 220ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes gncToastIn-b-a67v3qya39 {
    from {
        transform: translate3d(0, 10px, 0) scale(0.98);
        opacity: 0;
    }
    to {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
    }
}

.gnc-toast.gnc-toast-out[b-a67v3qya39] {
    animation: gncToastOut-b-a67v3qya39 180ms cubic-bezier(0.4, 0, 1, 1) both;
    pointer-events: none;
}

@keyframes gncToastOut-b-a67v3qya39 {
    from {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
    }
    to {
        transform: translate3d(0, 10px, 0) scale(0.98);
        opacity: 0;
    }
}