/* /Components/Account/Pages/AccessDenied.razor.rz.scp.css */
.denied-panel[b-0eofk8qpcz] {
    --denied-ink: var(--ink, #151c21);
    --denied-muted: var(--text-muted, #69737b);
    --denied-line: var(--line, #d9d7d0);
    --denied-signal: var(--signal, #e23b30);
    display: grid;
    width: min(100%, 40rem);
    grid-template-columns: 4rem 1fr;
    gap: clamp(1rem, 4vw, 2rem);
}

.denied-code[b-0eofk8qpcz] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
    color: var(--denied-signal);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.16em;
}

.denied-code i[b-0eofk8qpcz] {
    width: 1px;
    height: 7rem;
    background: var(--denied-signal);
}

.denied-kicker[b-0eofk8qpcz] {
    margin: 0 0 0.8rem;
    color: var(--denied-signal);
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.denied-content h1[b-0eofk8qpcz] {
    max-width: 13ch;
    margin: 0;
    color: var(--denied-ink);
    font-size: clamp(2.3rem, 5vw, 4.4rem);
    font-weight: 680;
    letter-spacing: -0.052em;
    line-height: 0.98;
}

.denied-content > p:not(.denied-kicker)[b-0eofk8qpcz] {
    max-width: 33rem;
    margin: 1.5rem 0 0;
    color: var(--denied-muted);
    line-height: 1.65;
}

.denied-action[b-0eofk8qpcz] {
    display: inline-flex;
    min-height: 3.5rem;
    margin-top: 2rem;
    padding: 0.8rem 1.25rem;
    align-items: center;
    gap: 0.7rem;
    color: #ffffff;
    background: var(--color-inverse-surface);
    font-size: 0.8rem;
    font-weight: 750;
    letter-spacing: 0.05em;
    text-decoration: none;
    transition: background 160ms ease;
}

.denied-action:hover[b-0eofk8qpcz] {
    color: #ffffff;
    background: var(--denied-signal);
}

.denied-action:focus-visible[b-0eofk8qpcz] {
    outline: 3px solid rgb(226 59 48 / 22%);
    outline-offset: 3px;
}

.denied-action svg[b-0eofk8qpcz] {
    width: 1.2rem;
    fill: none;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.denied-reference[b-0eofk8qpcz] {
    display: flex;
    margin-top: 3.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--denied-line);
    grid-column: 2;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: var(--denied-muted);
    font-size: 0.65rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.denied-reference strong[b-0eofk8qpcz] {
    color: var(--color-success);
    font-size: inherit;
}

@media (max-width: 560px) {
    .denied-panel[b-0eofk8qpcz] {
        grid-template-columns: 2.5rem 1fr;
    }

    .denied-code i[b-0eofk8qpcz] {
        height: 4rem;
    }

    .denied-reference[b-0eofk8qpcz] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .denied-action[b-0eofk8qpcz] {
        transition: none;
    }
}
/* /Components/Account/Pages/CredentialSetup.razor.rz.scp.css */
.setup-panel[b-myhe70xqgz] {
    --setup-ink: var(--color-ink);
    --setup-muted: var(--color-muted);
    --setup-line: var(--color-line);
    --setup-red: var(--color-signal-bright);
    width: min(100%, 38rem);
}

.setup-heading[b-myhe70xqgz] {
    display: grid;
    grid-template-columns: 3rem 1fr;
    gap: clamp(1rem, 3vw, 1.75rem);
}

.heading-index[b-myhe70xqgz] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0.75rem;
    color: var(--setup-red);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.12em;
}

.heading-index i[b-myhe70xqgz] {
    width: 1px;
    height: 3.2rem;
    background: var(--setup-red);
}

.setup-kicker[b-myhe70xqgz] {
    margin: 0 0 0.65rem;
    color: var(--setup-red);
    font-size: 0.69rem;
    font-weight: 850;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.setup-heading h1[b-myhe70xqgz] {
    max-width: 12ch;
    margin: 0;
    color: var(--setup-ink);
    font-size: clamp(2.5rem, 5vw, 4.3rem);
    font-weight: 660;
    letter-spacing: -0.058em;
    line-height: 0.94;
}

.setup-intro[b-myhe70xqgz] {
    margin: 1.1rem 0 0;
    color: var(--setup-muted);
    line-height: 1.55;
}

.setup-alert[b-myhe70xqgz] {
    display: grid;
    margin-top: 2rem;
    padding: 1rem 1.1rem;
    border-left: 3px solid var(--setup-red);
    color: var(--color-danger);
    background: var(--color-signal-soft);
}

.setup-alert strong[b-myhe70xqgz] {
    font-size: 0.68rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.setup-alert span[b-myhe70xqgz] {
    margin-top: 0.2rem;
    font-size: 0.85rem;
}

.setup-form[b-myhe70xqgz] {
    display: grid;
    margin-top: 2.2rem;
    gap: 1.35rem;
}

[b-myhe70xqgz] .form-errors {
    margin: 0;
    padding: 0.9rem 1rem 0.9rem 2.2rem;
    border: 1px solid #efc0b9;
    color: var(--color-danger);
    background: var(--color-signal-soft);
    font-size: 0.82rem;
}

[b-myhe70xqgz] .form-errors:empty {
    display: none;
}

.field-group[b-myhe70xqgz] {
    display: grid;
    gap: 0.5rem;
}

.field-label[b-myhe70xqgz] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}

.field-label label[b-myhe70xqgz] {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.field-label span[b-myhe70xqgz] {
    color: var(--setup-muted);
    font-size: 0.67rem;
}

[b-myhe70xqgz] .setup-control {
    width: 100%;
    min-height: 3.8rem;
    padding: 0.85rem 1rem;
    border: 1px solid #c7c9c5;
    border-radius: var(--radius-control);
    outline: 0;
    color: var(--setup-ink);
    background: color-mix(in srgb, var(--color-surface) 78%, transparent);
    font: inherit;
}

[b-myhe70xqgz] .setup-control:focus {
    border-color: var(--setup-red);
    box-shadow: 0 0 0 3px rgb(226 59 48 / 10%);
}

[b-myhe70xqgz] .field-error {
    color: var(--color-danger);
    font-size: 0.74rem;
}

.password-brief[b-myhe70xqgz] {
    padding: 1rem 1.1rem;
    border: 1px solid var(--setup-line);
    border-left: 3px solid #2667c9;
    background: var(--color-surface-subtle);
}

.password-brief strong[b-myhe70xqgz] {
    font-size: 0.68rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.password-brief p[b-myhe70xqgz] {
    margin: 0.35rem 0 0;
    color: var(--setup-muted);
    font-size: 0.79rem;
    line-height: 1.5;
}

.setup-submit[b-myhe70xqgz] {
    display: flex;
    min-height: 3.9rem;
    padding: 0.9rem 1.1rem;
    border: 0;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    background: var(--setup-red);
    font-size: 0.8rem;
    font-weight: 850;
}

.setup-complete[b-myhe70xqgz] {
    display: grid;
    margin-top: 2.2rem;
    padding: 1.4rem;
    border: 1px solid #b9dccb;
    grid-template-columns: 3rem 1fr;
    gap: 1rem;
    background: var(--color-success-soft);
}

.setup-complete > span[b-myhe70xqgz] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    place-items: center;
    color: #fff;
    background: #16805a;
    font-weight: 850;
}

.setup-complete div[b-myhe70xqgz] {
    display: grid;
}

.setup-complete p[b-myhe70xqgz] {
    margin: 0.3rem 0 1rem;
    color: #52675d;
}

.setup-complete a[b-myhe70xqgz] {
    width: fit-content;
    color: var(--color-success);
    font-size: 0.76rem;
    font-weight: 850;
    text-decoration: none;
}

@media (max-width: 620px) {
    .setup-heading[b-myhe70xqgz] {
        grid-template-columns: 2rem 1fr;
    }

    .setup-heading h1[b-myhe70xqgz] {
        font-size: clamp(2.5rem, 13vw, 4rem);
    }

    .field-label[b-myhe70xqgz] {
        align-items: start;
        flex-direction: column;
        gap: 0.2rem;
    }
}
/* /Components/Account/Pages/Login.razor.rz.scp.css */
.login-panel[b-lal9p8r4cm] {
    --login-ink: var(--ink, #151c21);
    --login-muted: var(--text-muted, #69737b);
    --login-line: var(--line, #d9d7d0);
    --login-signal: var(--signal, #e23b30);
    width: min(100%, 30rem);
}

.login-heading[b-lal9p8r4cm] {
    display: block;
}

.login-heading h1[b-lal9p8r4cm] {
    margin: 0;
    color: var(--login-ink);
    font-size: clamp(2.2rem, 4vw, 3.2rem);
    font-weight: 680;
    letter-spacing: -0.052em;
    line-height: 1;
}

.login-intro[b-lal9p8r4cm] {
    margin: 0.75rem 0 0;
    color: var(--login-muted);
    line-height: 1.55;
}

.login-alert[b-lal9p8r4cm] {
    display: grid;
    margin: 2rem 0 0;
    padding: 1rem 1.1rem;
    border-left: 3px solid var(--login-signal);
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.8rem;
    color: var(--color-danger);
    background: var(--color-signal-soft);
    font-size: 0.9rem;
    font-weight: 650;
}

.login-alert svg[b-lal9p8r4cm],
.input-frame svg[b-lal9p8r4cm],
.login-note svg[b-lal9p8r4cm],
.login-submit svg[b-lal9p8r4cm],
[b-lal9p8r4cm] .passkey-submit svg {
    fill: none;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.login-alert svg[b-lal9p8r4cm] {
    width: 1.25rem;
}

.login-form[b-lal9p8r4cm] {
    display: grid;
    margin-top: 2rem;
    gap: 1.25rem;
}

[b-lal9p8r4cm] .form-errors {
    margin: -0.5rem 0 0;
    padding: 0.9rem 1rem 0.9rem 2.2rem;
    border: 1px solid #efc0b9;
    color: var(--color-danger);
    background: var(--color-signal-soft);
    font-size: 0.82rem;
}

[b-lal9p8r4cm] .form-errors:empty {
    display: none;
}

.field-group[b-lal9p8r4cm] {
    display: grid;
    gap: 0.55rem;
}

.field-label[b-lal9p8r4cm] {
    display: block;
    margin: 0;
    color: var(--login-ink);
    font-size: 0.78rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.input-frame[b-lal9p8r4cm] {
    position: relative;
    display: grid;
    align-items: center;
}

.input-frame svg[b-lal9p8r4cm] {
    position: absolute;
    z-index: 1;
    left: 1rem;
    width: 1.2rem;
    color: #7d878d;
    pointer-events: none;
}

[b-lal9p8r4cm] .access-control {
    width: 100%;
    min-height: 3.8rem;
    padding: 0.85rem 1rem 0.85rem 3.15rem;
    border: 1px solid #c7c9c5;
    border-radius: 0.9rem;
    outline: 0;
    color: var(--login-ink);
    background: color-mix(in srgb, var(--color-surface) 78%, transparent);
    font: inherit;
    font-size: 1rem;
    transition:
        border-color 160ms ease,
        box-shadow 160ms ease,
        background 160ms ease;
}

[b-lal9p8r4cm] .access-control::placeholder {
    color: #9ca3a5;
}

[b-lal9p8r4cm] .access-control:hover {
    border-color: #969d9f;
    background: var(--color-surface);
}

[b-lal9p8r4cm] .access-control:focus {
    border-color: var(--login-ink);
    box-shadow:
        0 0 0 3px rgb(226 59 48 / 10%);
    background: var(--color-surface);
}

[b-lal9p8r4cm] .access-control.invalid {
    border-color: var(--login-signal);
    outline: 0;
}

[b-lal9p8r4cm] .field-error {
    color: var(--color-danger);
    font-size: 0.78rem;
    font-weight: 650;
}

.login-options[b-lal9p8r4cm] {
    padding-block: 0.15rem;
}

.remember-option[b-lal9p8r4cm] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 0.8rem;
    color: var(--login-ink);
    cursor: pointer;
}

[b-lal9p8r4cm] .remember-control {
    width: 1.15rem;
    height: 1.15rem;
    margin: 0;
    border: 1px solid #92999b;
    border-radius: 0.35rem;
    appearance: none;
    background: var(--color-surface);
    cursor: pointer;
}

[b-lal9p8r4cm] .remember-control:checked {
    border-color: var(--login-signal);
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.3' d='m3 8 3 3 7-7'/%3E%3C/svg%3E"),
        var(--login-signal);
}

[b-lal9p8r4cm] .remember-control:focus-visible {
    outline: 3px solid rgb(226 59 48 / 18%);
    outline-offset: 2px;
}

.remember-option span[b-lal9p8r4cm] {
    font-size: 0.84rem;
}

.login-submit[b-lal9p8r4cm] {
    display: flex;
    min-height: 4rem;
    padding: 0.85rem 1rem 0.85rem 1.4rem;
    border: 0;
    border-radius: 0.9rem;
    align-items: center;
    justify-content: space-between;
    color: #ffffff;
    background: var(--color-rail-elevated);
    font: inherit;
    font-size: 0.88rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    cursor: pointer;
    transition:
        background 160ms ease,
        transform 160ms ease;
}

.login-submit svg[b-lal9p8r4cm] {
    width: 1.4rem;
    transition: transform 160ms ease;
}

.login-submit:hover[b-lal9p8r4cm] {
    background: var(--login-signal);
}

.login-submit:hover svg[b-lal9p8r4cm] {
    transform: translateX(0.25rem);
}

.login-submit:active[b-lal9p8r4cm] {
    transform: translateY(1px);
}

.login-submit:focus-visible[b-lal9p8r4cm] {
    outline: 3px solid rgb(226 59 48 / 22%);
    outline-offset: 3px;
}

.auth-divider[b-lal9p8r4cm] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 0.85rem;
}

.auth-divider span[b-lal9p8r4cm] {
    height: 1px;
    background: var(--login-line);
}

.auth-divider small[b-lal9p8r4cm] {
    color: var(--login-muted);
    font-size: 0.62rem;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

[b-lal9p8r4cm] .passkey-submit {
    display: grid;
    min-height: 4rem;
    padding: 0.85rem 1rem;
    border: 1px solid #b9bcb9;
    border-radius: 0.9rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.9rem;
    color: var(--login-ink);
    text-align: left;
    background:
        linear-gradient(120deg, rgb(226 59 48 / 6%), transparent 48%),
        color-mix(in srgb, var(--color-surface) 84%, transparent);
    font: inherit;
    cursor: pointer;
    transition:
        border-color 160ms ease,
        color 160ms ease,
        background 160ms ease,
        transform 160ms ease;
}

[b-lal9p8r4cm] .passkey-submit:hover {
    border-color: var(--login-signal);
    color: #ffffff;
    background: var(--login-signal);
    transform: translateY(-1px);
}

[b-lal9p8r4cm] .passkey-submit:active {
    transform: translateY(0);
}

[b-lal9p8r4cm] .passkey-submit:focus-visible {
    outline: 3px solid rgb(226 59 48 / 22%);
    outline-offset: 3px;
}

[b-lal9p8r4cm] .passkey-symbol {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    border-radius: 0.75rem;
    place-items: center;
    color: var(--login-signal);
    background: var(--color-signal-soft);
}

[b-lal9p8r4cm] .passkey-submit:hover .passkey-symbol {
    color: #ffffff;
    background: rgb(255 255 255 / 16%);
}

[b-lal9p8r4cm] .passkey-symbol svg {
    width: 1.35rem;
}

[b-lal9p8r4cm] .passkey-copy {
    display: grid;
    gap: 0.22rem;
    min-width: 0;
}

[b-lal9p8r4cm] .passkey-copy strong {
    font-size: 0.88rem;
    letter-spacing: 0.015em;
}

[b-lal9p8r4cm] .passkey-arrow {
    font-size: 1rem;
    font-weight: 700;
}

@media (max-width: 560px) {
    [b-lal9p8r4cm] .passkey-submit {
        grid-template-columns: auto minmax(0, 1fr);
    }

    [b-lal9p8r4cm] .passkey-arrow {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-lal9p8r4cm] .access-control,
    .login-submit[b-lal9p8r4cm],
    .login-submit svg[b-lal9p8r4cm],
    [b-lal9p8r4cm] .passkey-submit {
        transition: none;
    }
}
/* /Components/Account/Pages/Passkeys.razor.rz.scp.css */
.passkey-center[b-2zn5ua0e6z] {
    --key-ink: var(--color-ink, #162027);
    --key-muted: var(--color-muted, #68737b);
    --key-line: var(--color-line, #d8ddd9);
    --key-surface: var(--color-surface, #ffffff);
    --key-signal: var(--color-signal, #df3d32);
    --key-graphite: var(--color-rail, #131c22);
    padding-block: clamp(1.5rem, 4vw, 3.25rem);
    color: var(--key-ink);
}

.page-intro[b-2zn5ua0e6z] {
    margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
}

.page-kicker[b-2zn5ua0e6z] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.7rem;
    color: var(--key-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.signal-marker[b-2zn5ua0e6z] {
    width: 0.55rem;
    height: 0.55rem;
    background: var(--key-signal);
    box-shadow: 0 0 0 0.3rem color-mix(in srgb, var(--key-signal) 12%, transparent);
    transform: rotate(45deg);
}

.page-title-row[b-2zn5ua0e6z] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
}

.page-title-row h1[b-2zn5ua0e6z] {
    max-width: 12ch;
    margin: 0;
    font-size: clamp(2.2rem, 5vw, 4.25rem);
    font-weight: 760;
    letter-spacing: -0.06em;
    line-height: 0.92;
}

.page-title-row p[b-2zn5ua0e6z] {
    max-width: 45rem;
    margin: 1rem 0 0;
    color: var(--key-muted);
    font-size: clamp(1rem, 2vw, 1.15rem);
}

.module-code[b-2zn5ua0e6z] {
    display: grid;
    min-width: 9rem;
    padding: 0.8rem 1rem;
    border-left: 3px solid var(--key-signal);
    background: color-mix(in srgb, var(--key-graphite) 5%, transparent);
    font-variant-numeric: tabular-nums;
}

.module-code span[b-2zn5ua0e6z] {
    color: var(--key-muted);
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.module-code strong[b-2zn5ua0e6z] {
    font-size: 0.9rem;
    letter-spacing: 0.08em;
}

.passkey-message[b-2zn5ua0e6z] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    margin-bottom: 1.25rem;
    padding: 1rem 1.2rem;
    border: 1px solid var(--key-line);
    border-left: 0.28rem solid var(--key-muted);
    background: var(--key-surface);
    box-shadow: 0 0.75rem 2rem rgb(22 32 39 / 5%);
}

.passkey-message.is-success[b-2zn5ua0e6z] {
    border-left-color: var(--color-success, #1f8d61);
}

.passkey-message.is-warning[b-2zn5ua0e6z] {
    border-left-color: #c47b00;
}

.passkey-message.is-error[b-2zn5ua0e6z] {
    border-left-color: var(--key-signal);
}

.passkey-message.is-info[b-2zn5ua0e6z] {
    border-left-color: #2675b8;
}

.message-code[b-2zn5ua0e6z] {
    display: grid;
    width: 2.7rem;
    height: 2.7rem;
    place-items: center;
    color: #ffffff;
    background: var(--key-graphite);
    font-size: 0.66rem;
    font-weight: 850;
    letter-spacing: 0.06em;
}

.passkey-message strong[b-2zn5ua0e6z],
.passkey-message p[b-2zn5ua0e6z] {
    margin: 0;
}

.passkey-message strong[b-2zn5ua0e6z] {
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.passkey-message p[b-2zn5ua0e6z] {
    margin-top: 0.18rem;
    color: var(--key-muted);
}

.loading-state[b-2zn5ua0e6z] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--key-muted);
}

.loading-state > span[b-2zn5ua0e6z] {
    width: 0.65rem;
    height: 0.65rem;
    background: var(--key-signal);
    animation: key-pulse-b-2zn5ua0e6z 1.2s ease-in-out infinite alternate;
}

.security-overview[b-2zn5ua0e6z] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: clamp(1rem, 3vw, 1.75rem);
    align-items: center;
    padding: clamp(1.25rem, 3vw, 1.75rem);
    color: #ffffff;
    background:
        linear-gradient(110deg, rgb(255 255 255 / 4%), transparent 45%),
        var(--key-graphite);
    border-left: 0.3rem solid var(--key-signal);
    box-shadow: 0 1.25rem 3rem rgb(12 20 25 / 14%);
    overflow: hidden;
}

.security-overview[b-2zn5ua0e6z]::after {
    position: absolute;
    right: -3.5rem;
    width: 10rem;
    height: 10rem;
    border: 1px solid rgb(255 255 255 / 8%);
    border-radius: 50%;
    box-shadow:
        0 0 0 2rem rgb(255 255 255 / 2%),
        0 0 0 4rem rgb(255 255 255 / 1%);
    content: "";
    pointer-events: none;
}

.security-score[b-2zn5ua0e6z] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: baseline;
    min-width: 6.7rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgb(255 255 255 / 13%);
    background: rgb(255 255 255 / 5%);
    font-variant-numeric: tabular-nums;
}

.security-score strong[b-2zn5ua0e6z] {
    font-size: 2.35rem;
    letter-spacing: -0.08em;
    line-height: 1;
}

.security-score span[b-2zn5ua0e6z] {
    margin-left: 0.25rem;
    color: rgb(255 255 255 / 52%);
    font-size: 0.8rem;
    font-weight: 800;
}

.section-index[b-2zn5ua0e6z] {
    margin: 0;
    color: var(--key-signal);
    font-size: 0.66rem;
    font-weight: 850;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.security-overview h2[b-2zn5ua0e6z],
.security-overview p[b-2zn5ua0e6z] {
    margin: 0;
}

.security-overview h2[b-2zn5ua0e6z] {
    margin-top: 0.22rem;
    font-size: clamp(1.1rem, 2vw, 1.45rem);
}

.security-overview > div:nth-child(2) > p:last-child[b-2zn5ua0e6z] {
    max-width: 48rem;
    margin-top: 0.35rem;
    color: rgb(255 255 255 / 58%);
    font-size: 0.88rem;
}

.security-state[b-2zn5ua0e6z] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.72rem;
    color: rgb(255 255 255 / 70%);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: 1px solid rgb(255 255 255 / 12%);
}

.security-state > span[b-2zn5ua0e6z] {
    width: 0.5rem;
    height: 0.5rem;
    background: #7d8990;
    border-radius: 50%;
}

.security-state.is-ready > span[b-2zn5ua0e6z] {
    background: #42d898;
    box-shadow: 0 0 0 0.22rem rgb(66 216 152 / 14%);
}

.passkey-grid[b-2zn5ua0e6z] {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(18rem, 0.8fr);
    gap: clamp(1rem, 2.5vw, 1.5rem);
    align-items: start;
    margin-top: clamp(1rem, 2.5vw, 1.5rem);
}

.key-register[b-2zn5ua0e6z],
.enrollment-console[b-2zn5ua0e6z] {
    border: 1px solid var(--key-line);
    background: var(--key-surface);
    box-shadow: 0 1rem 3rem rgb(22 32 39 / 5%);
}

.section-heading[b-2zn5ua0e6z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 5.4rem;
    padding: 1rem clamp(1rem, 3vw, 1.5rem);
    border-bottom: 1px solid var(--key-line);
}

.section-heading > div[b-2zn5ua0e6z] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.section-number[b-2zn5ua0e6z] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    color: #ffffff;
    background: var(--key-graphite);
    font-size: 0.68rem;
    font-weight: 850;
}

.section-heading p[b-2zn5ua0e6z],
.section-heading h2[b-2zn5ua0e6z] {
    margin: 0;
}

.section-heading p[b-2zn5ua0e6z] {
    color: var(--key-muted);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.section-heading h2[b-2zn5ua0e6z] {
    margin-top: 0.15rem;
    font-size: 1.08rem;
}

.key-count[b-2zn5ua0e6z] {
    display: grid;
    min-width: 2.25rem;
    height: 2.25rem;
    padding-inline: 0.45rem;
    place-items: center;
    color: var(--key-signal);
    background: color-mix(in srgb, var(--key-signal) 8%, transparent);
    font-size: 0.8rem;
    font-weight: 850;
}

.empty-state[b-2zn5ua0e6z] {
    display: flex;
    gap: 1.25rem;
    align-items: center;
    min-height: 14rem;
    padding: clamp(1.5rem, 4vw, 2.5rem);
}

.empty-key[b-2zn5ua0e6z] {
    display: grid;
    flex: 0 0 auto;
    width: 5.5rem;
    height: 5.5rem;
    place-items: center;
    color: var(--key-signal);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--key-signal) 12%, transparent), transparent);
    border: 1px dashed color-mix(in srgb, var(--key-signal) 34%, var(--key-line));
    transform: rotate(-4deg);
}

.empty-key svg[b-2zn5ua0e6z] {
    width: 2.4rem;
    height: 2.4rem;
    fill: currentColor;
    transform: rotate(4deg);
}

.empty-state h3[b-2zn5ua0e6z],
.empty-state p[b-2zn5ua0e6z] {
    margin: 0;
}

.empty-state h3[b-2zn5ua0e6z] {
    font-size: 1.2rem;
}

.empty-state p[b-2zn5ua0e6z] {
    max-width: 34rem;
    margin-top: 0.35rem;
    color: var(--key-muted);
}

.key-list[b-2zn5ua0e6z] {
    display: grid;
}

.key-card[b-2zn5ua0e6z] {
    display: grid;
    grid-template-columns: 3.1rem minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    min-height: 7.3rem;
    padding: 1rem clamp(1rem, 3vw, 1.5rem);
    border-bottom: 1px solid var(--key-line);
}

.key-card:last-child[b-2zn5ua0e6z] {
    border-bottom: 0;
}

.key-icon[b-2zn5ua0e6z] {
    display: grid;
    width: 3.1rem;
    height: 3.1rem;
    place-items: center;
    color: var(--key-signal);
    background: color-mix(in srgb, var(--key-signal) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--key-signal) 16%, var(--key-line));
}

.key-icon svg[b-2zn5ua0e6z] {
    width: 1.45rem;
    height: 1.45rem;
    fill: currentColor;
}

.key-copy[b-2zn5ua0e6z] {
    min-width: 0;
}

.key-copy h3[b-2zn5ua0e6z] {
    overflow: hidden;
    margin: 0;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.key-meta[b-2zn5ua0e6z] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.8rem;
    align-items: center;
    margin-top: 0.35rem;
    color: var(--key-muted);
    font-size: 0.75rem;
}

.backup-state[b-2zn5ua0e6z] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 700;
}

.backup-state > span[b-2zn5ua0e6z] {
    width: 0.42rem;
    height: 0.42rem;
    background: #c47b00;
    border-radius: 50%;
}

.backup-state.is-synced > span[b-2zn5ua0e6z] {
    background: var(--color-success, #1f8d61);
}

.key-actions[b-2zn5ua0e6z] {
    display: flex;
    gap: 0.45rem;
    align-items: center;
}

.rename-action[b-2zn5ua0e6z],
.remove-confirmation > summary[b-2zn5ua0e6z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 2.65rem;
    padding: 0.55rem 0.75rem;
    color: var(--key-ink);
    font-size: 0.72rem;
    font-weight: 800;
    text-decoration: none;
    border: 1px solid var(--key-line);
    cursor: pointer;
}

.rename-action:hover[b-2zn5ua0e6z],
.rename-action:focus-visible[b-2zn5ua0e6z] {
    color: var(--key-signal);
    border-color: var(--key-signal);
}

.remove-confirmation[b-2zn5ua0e6z] {
    position: relative;
}

.remove-confirmation > summary[b-2zn5ua0e6z] {
    color: var(--key-muted);
    list-style: none;
}

.remove-confirmation > summary[b-2zn5ua0e6z]::-webkit-details-marker {
    display: none;
}

.remove-confirmation[open] > summary[b-2zn5ua0e6z] {
    color: #ffffff;
    background: var(--key-signal);
    border-color: var(--key-signal);
}

.remove-confirmation form[b-2zn5ua0e6z] {
    position: absolute;
    right: 0;
    z-index: 4;
    width: min(18rem, calc(100vw - 3rem));
    margin-top: 0.4rem;
    padding: 0.9rem;
    background: var(--key-surface);
    border: 1px solid var(--key-signal);
    box-shadow: 0 1rem 2.5rem rgb(22 32 39 / 18%);
}

.remove-confirmation p[b-2zn5ua0e6z] {
    margin: 0 0 0.7rem;
    color: var(--key-muted);
    font-size: 0.78rem;
}

.remove-confirmation button[b-2zn5ua0e6z] {
    width: 100%;
    min-height: 2.5rem;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 800;
    background: var(--key-signal);
    border: 0;
}

.console-cap[b-2zn5ua0e6z] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 3.25rem;
    padding: 0.75rem 1rem;
    color: #ffffff;
    background: var(--key-graphite);
}

.console-cap > span[b-2zn5ua0e6z] {
    display: grid;
    width: 1.55rem;
    height: 1.55rem;
    place-items: center;
    color: var(--key-graphite);
    background: #ffffff;
    font-size: 1.2rem;
    font-weight: 600;
}

.console-cap p[b-2zn5ua0e6z] {
    margin: 0;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.console-body[b-2zn5ua0e6z] {
    padding: clamp(1.2rem, 3vw, 1.6rem);
}

.console-body h2[b-2zn5ua0e6z] {
    margin: 0.35rem 0 0;
    font-size: clamp(1.45rem, 3vw, 2rem);
    letter-spacing: -0.04em;
}

.console-body > p:not(.section-index, .privacy-note)[b-2zn5ua0e6z] {
    margin: 0.6rem 0 0;
    color: var(--key-muted);
    font-size: 0.88rem;
}

.enrollment-steps[b-2zn5ua0e6z] {
    display: grid;
    gap: 0;
    margin: 1.35rem 0;
    padding: 0;
    list-style: none;
    border-block: 1px solid var(--key-line);
}

.enrollment-steps li[b-2zn5ua0e6z] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    min-height: 3.35rem;
    border-bottom: 1px solid var(--key-line);
}

.enrollment-steps li:last-child[b-2zn5ua0e6z] {
    border-bottom: 0;
}

.enrollment-steps span[b-2zn5ua0e6z] {
    color: var(--key-signal);
    font-size: 0.66rem;
    font-weight: 850;
}

.enrollment-steps p[b-2zn5ua0e6z] {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 720;
}

[b-2zn5ua0e6z] .enrollment-form {
    margin: 0;
}

[b-2zn5ua0e6z] .verification-form {
    display: grid;
    gap: 0.6rem;
    padding: 0.9rem;
    background:
        linear-gradient(135deg, rgb(255 255 255 / 5%), transparent),
        var(--key-graphite);
}

.verification-heading[b-2zn5ua0e6z] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.3rem;
}

.verification-heading > span[b-2zn5ua0e6z] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    color: #ffffff;
    background: var(--key-signal);
    font-size: 0.62rem;
    font-weight: 850;
}

.verification-heading p[b-2zn5ua0e6z],
.verified-window p[b-2zn5ua0e6z] {
    display: grid;
    margin: 0;
}

.verification-heading strong[b-2zn5ua0e6z],
.verified-window strong[b-2zn5ua0e6z] {
    color: #ffffff;
    font-size: 0.78rem;
}

.verification-heading small[b-2zn5ua0e6z],
.verified-window small[b-2zn5ua0e6z] {
    color: rgb(255 255 255 / 55%);
    font-size: 0.65rem;
}

.verification-form label[b-2zn5ua0e6z] {
    color: rgb(255 255 255 / 62%);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

[b-2zn5ua0e6z] .verification-input {
    width: 100%;
    min-height: 3.2rem;
    padding: 0.65rem 0.8rem;
    color: #ffffff;
    background: rgb(255 255 255 / 7%);
    border: 1px solid rgb(255 255 255 / 18%);
    border-radius: var(--radius-control);
    outline: 0;
    font: inherit;
}

[b-2zn5ua0e6z] .verification-input:focus {
    border-color: #ffffff;
    box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 9%);
}

[b-2zn5ua0e6z] .verification-input::placeholder {
    color: rgb(255 255 255 / 35%);
}

[b-2zn5ua0e6z] .verification-error {
    color: #ff9e96;
    font-size: 0.7rem;
    font-weight: 700;
}

.verify-button[b-2zn5ua0e6z] {
    display: flex;
    min-height: 3.2rem;
    margin-top: 0.2rem;
    padding: 0.65rem 0.8rem;
    border: 0;
    align-items: center;
    justify-content: space-between;
    color: #ffffff;
    background: var(--key-signal);
    font: inherit;
    font-size: 0.76rem;
    font-weight: 800;
    cursor: pointer;
}

.verify-button:hover[b-2zn5ua0e6z],
.verify-button:focus-visible[b-2zn5ua0e6z] {
    background: color-mix(in srgb, var(--key-signal) 84%, #000000);
}

.verified-window[b-2zn5ua0e6z] {
    display: grid;
    grid-template-columns: 0.65rem minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.65rem;
    padding: 0.75rem 0.8rem;
    background: var(--color-success-soft);
    border-left: 0.2rem solid var(--color-success, #1f8d61);
}

.verified-window > span[b-2zn5ua0e6z] {
    width: 0.55rem;
    height: 0.55rem;
    background: var(--color-success, #1f8d61);
    border-radius: 50%;
}

.verified-window strong[b-2zn5ua0e6z] {
    color: var(--color-success);
}

.verified-window small[b-2zn5ua0e6z] {
    color: var(--color-muted);
}

[b-2zn5ua0e6z] .enroll-button {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    width: 100%;
    min-height: 4.2rem;
    padding: 0.7rem 0.9rem;
    color: #ffffff;
    text-align: left;
    background: var(--key-signal);
    border: 0;
    box-shadow: 0 0.8rem 1.5rem color-mix(in srgb, var(--key-signal) 18%, transparent);
    cursor: pointer;
    transition:
        background-color 150ms ease,
        transform 150ms ease;
}

[b-2zn5ua0e6z] .enroll-button:hover,
[b-2zn5ua0e6z] .enroll-button:focus-visible {
    background: color-mix(in srgb, var(--key-signal) 84%, #000000);
    transform: translateY(-0.1rem);
}

[b-2zn5ua0e6z] .enroll-button svg {
    width: 1.45rem;
    height: 1.45rem;
    fill: currentColor;
}

[b-2zn5ua0e6z] .enroll-button > span:nth-of-type(1) {
    display: grid;
}

[b-2zn5ua0e6z] .enroll-button strong {
    font-size: 0.83rem;
}

[b-2zn5ua0e6z] .enroll-button small {
    color: rgb(255 255 255 / 72%);
    font-size: 0.67rem;
}

.limit-message[b-2zn5ua0e6z] {
    margin: 0;
    padding: 0.85rem;
    color: var(--color-warning);
    background: var(--color-warning-soft);
    border-left: 0.2rem solid #c47b00;
    font-size: 0.8rem;
}

.privacy-note[b-2zn5ua0e6z] {
    display: flex;
    gap: 0.45rem;
    margin: 1rem 0 0;
    color: var(--key-muted);
    font-size: 0.7rem;
}

.privacy-note span[b-2zn5ua0e6z] {
    color: var(--color-success, #1f8d61);
    font-weight: 850;
}

@keyframes key-pulse-b-2zn5ua0e6z {
    from {
        opacity: 0.35;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 1050px) {
    .passkey-grid[b-2zn5ua0e6z] {
        grid-template-columns: 1fr;
    }

    .enrollment-console[b-2zn5ua0e6z] {
        display: grid;
        grid-template-columns: 3.25rem minmax(0, 1fr);
    }

    .console-cap[b-2zn5ua0e6z] {
        align-content: center;
        justify-items: center;
        writing-mode: vertical-rl;
    }
}

@media (max-width: 680px) {
    .page-title-row[b-2zn5ua0e6z] {
        align-items: start;
        flex-direction: column;
        gap: 1.2rem;
    }

    .module-code[b-2zn5ua0e6z] {
        min-width: min(100%, 12rem);
    }

    .security-overview[b-2zn5ua0e6z] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .security-state[b-2zn5ua0e6z] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .key-card[b-2zn5ua0e6z] {
        grid-template-columns: 2.7rem minmax(0, 1fr);
        align-items: start;
    }

    .key-icon[b-2zn5ua0e6z] {
        width: 2.7rem;
        height: 2.7rem;
    }

    .key-actions[b-2zn5ua0e6z] {
        grid-column: 1 / -1;
        justify-content: stretch;
    }

    .rename-action[b-2zn5ua0e6z],
    .remove-confirmation[b-2zn5ua0e6z] {
        flex: 1;
    }

    .remove-confirmation > summary[b-2zn5ua0e6z] {
        width: 100%;
    }

    .remove-confirmation form[b-2zn5ua0e6z] {
        right: auto;
        left: 0;
    }

    .enrollment-console[b-2zn5ua0e6z] {
        display: block;
    }

    .console-cap[b-2zn5ua0e6z] {
        writing-mode: initial;
    }
}

@media (max-width: 440px) {
    .passkey-center[b-2zn5ua0e6z] {
        padding-top: 0.75rem;
    }

    .page-title-row h1[b-2zn5ua0e6z] {
        font-size: 2.35rem;
    }

    .security-overview[b-2zn5ua0e6z] {
        grid-template-columns: 1fr;
    }

    .security-score[b-2zn5ua0e6z] {
        justify-self: start;
    }

    .security-state[b-2zn5ua0e6z] {
        grid-column: auto;
    }

    .section-heading[b-2zn5ua0e6z] {
        align-items: start;
    }

    .section-heading > div[b-2zn5ua0e6z] {
        align-items: start;
    }

    .empty-state[b-2zn5ua0e6z] {
        align-items: start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .loading-state > span[b-2zn5ua0e6z] {
        animation: none;
    }

    [b-2zn5ua0e6z] .enroll-button {
        transition: none;
    }
}
/* /Components/Account/Pages/RenamePasskey.razor.rz.scp.css */
.rename-key[b-ivez9mqj9q] {
    --rename-ink: var(--color-ink, #162027);
    --rename-muted: var(--color-muted, #68737b);
    --rename-line: var(--color-line, #d8ddd9);
    --rename-surface: var(--color-surface, #ffffff);
    --rename-signal: var(--color-signal, #df3d32);
    --rename-graphite: var(--color-rail, #131c22);
    padding-block: clamp(1rem, 4vw, 3rem);
    color: var(--rename-ink);
}

.back-link[b-ivez9mqj9q] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 1.25rem;
    color: var(--rename-muted);
    font-size: 0.78rem;
    font-weight: 780;
    text-decoration: none;
}

.back-link:hover[b-ivez9mqj9q],
.back-link:focus-visible[b-ivez9mqj9q] {
    color: var(--rename-signal);
}

.rename-layout[b-ivez9mqj9q] {
    display: grid;
    grid-template-columns: minmax(18rem, 0.78fr) minmax(24rem, 1.22fr);
    gap: clamp(1rem, 3vw, 2rem);
    align-items: start;
}

.identity-panel[b-ivez9mqj9q] {
    position: sticky;
    top: 6rem;
    min-height: 31rem;
    padding: clamp(1.5rem, 4vw, 2.5rem);
    color: #ffffff;
    background:
        radial-gradient(circle at 90% 10%, rgb(255 255 255 / 10%), transparent 14rem),
        linear-gradient(145deg, rgb(255 255 255 / 4%), transparent 45%),
        var(--rename-graphite);
    box-shadow: 0 1.5rem 3.5rem rgb(12 20 25 / 16%);
    overflow: hidden;
}

.identity-signal[b-ivez9mqj9q] {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.32rem;
    height: 100%;
    background: var(--rename-signal);
}

.identity-panel[b-ivez9mqj9q]::after {
    position: absolute;
    right: -5rem;
    bottom: -5rem;
    width: 14rem;
    height: 14rem;
    border: 1px solid rgb(255 255 255 / 8%);
    border-radius: 50%;
    box-shadow:
        0 0 0 2.5rem rgb(255 255 255 / 2%),
        0 0 0 5rem rgb(255 255 255 / 1%);
    content: "";
}

.key-glyph[b-ivez9mqj9q] {
    position: relative;
    z-index: 1;
    display: grid;
    width: 5rem;
    height: 5rem;
    margin-bottom: clamp(4rem, 11vw, 8rem);
    place-items: center;
    color: #ffffff;
    background: var(--rename-signal);
    box-shadow: 0 1rem 2rem rgb(0 0 0 / 20%);
    transform: rotate(-4deg);
}

.key-glyph svg[b-ivez9mqj9q] {
    width: 2.35rem;
    height: 2.35rem;
    fill: currentColor;
    transform: rotate(4deg);
}

.identity-panel > div:last-child[b-ivez9mqj9q] {
    position: relative;
    z-index: 1;
}

.identity-kicker[b-ivez9mqj9q] {
    margin: 0;
    color: var(--rename-signal);
    font-size: 0.67rem;
    font-weight: 850;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.identity-panel h1[b-ivez9mqj9q] {
    max-width: 11ch;
    margin: 0.55rem 0 0;
    font-size: clamp(2rem, 4vw, 3.2rem);
    letter-spacing: -0.055em;
    line-height: 0.95;
}

.identity-panel > div:last-child > p:last-child[b-ivez9mqj9q] {
    max-width: 30rem;
    margin: 1rem 0 0;
    color: rgb(255 255 255 / 58%);
}

.rename-console[b-ivez9mqj9q] {
    border: 1px solid var(--rename-line);
    border-top: 0.22rem solid var(--rename-signal);
    background: var(--rename-surface);
    box-shadow: 0 1rem 3rem rgb(22 32 39 / 6%);
}

.console-heading[b-ivez9mqj9q] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    min-height: 5.7rem;
    padding: 1rem clamp(1rem, 3vw, 1.5rem);
    border-bottom: 1px solid var(--rename-line);
}

.console-heading > span[b-ivez9mqj9q] {
    display: grid;
    min-width: 4rem;
    height: 2.4rem;
    padding-inline: 0.55rem;
    place-items: center;
    color: #ffffff;
    background: var(--rename-graphite);
    font-size: 0.67rem;
    font-weight: 850;
    letter-spacing: 0.06em;
}

.console-heading p[b-ivez9mqj9q],
.console-heading strong[b-ivez9mqj9q] {
    margin: 0;
}

.console-heading p[b-ivez9mqj9q] {
    color: var(--rename-muted);
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.console-heading strong[b-ivez9mqj9q] {
    display: block;
    overflow: hidden;
    margin-top: 0.15rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-ivez9mqj9q] .rename-form {
    display: grid;
    gap: 1.5rem;
    padding: clamp(1.25rem, 4vw, 2rem);
}

[b-ivez9mqj9q] .validation-summary,
.operation-message[b-ivez9mqj9q],
.rename-message[b-ivez9mqj9q] {
    margin: 0;
    padding: 0.9rem 1rem;
    color: var(--color-danger);
    background: color-mix(in srgb, var(--rename-signal) 7%, var(--color-surface));
    border-left: 0.22rem solid var(--rename-signal);
}

[b-ivez9mqj9q] .validation-summary:empty {
    display: none;
}

[b-ivez9mqj9q] .validation-summary ul {
    margin: 0;
    padding-left: 1.2rem;
}

.operation-message[b-ivez9mqj9q] {
    margin: 1.25rem 1.25rem 0;
}

.rename-message[b-ivez9mqj9q] {
    max-width: 44rem;
}

.rename-message strong[b-ivez9mqj9q],
.rename-message p[b-ivez9mqj9q] {
    margin: 0;
}

.rename-message p[b-ivez9mqj9q] {
    margin-top: 0.25rem;
}

.loading-state[b-ivez9mqj9q] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--rename-muted);
}

.loading-state > span[b-ivez9mqj9q] {
    width: 0.65rem;
    height: 0.65rem;
    background: var(--rename-signal);
}

.form-field[b-ivez9mqj9q] {
    display: grid;
    gap: 0.5rem;
}

.form-field label[b-ivez9mqj9q] {
    color: var(--rename-muted);
    font-size: 0.69rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

[b-ivez9mqj9q] .name-input {
    width: 100%;
    min-height: 4rem;
    padding: 0.8rem 1rem;
    color: var(--rename-ink);
    font-size: 1.05rem;
    font-weight: 680;
    background: var(--rename-surface);
    border: 1px solid var(--rename-line);
    border-radius: var(--radius-control);
    box-shadow: none;
    outline: 0;
}

[b-ivez9mqj9q] .name-input:focus {
    border-color: var(--rename-signal);
    box-shadow: 0 0 0 0.22rem color-mix(in srgb, var(--rename-signal) 13%, transparent);
}

.field-meta[b-ivez9mqj9q] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: var(--rename-muted);
    font-size: 0.68rem;
}

[b-ivez9mqj9q] .field-error {
    color: var(--rename-signal);
    font-size: 0.76rem;
    font-weight: 700;
}

.name-examples[b-ivez9mqj9q] {
    padding: 1rem;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--rename-graphite) 4%, transparent), transparent);
    border-left: 0.2rem solid var(--rename-line);
}

.name-examples > span[b-ivez9mqj9q] {
    color: var(--rename-muted);
    font-size: 0.64rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.name-examples ul[b-ivez9mqj9q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0.65rem 0 0;
    padding: 0;
    list-style: none;
}

.name-examples li[b-ivez9mqj9q] {
    padding: 0.42rem 0.58rem;
    color: var(--rename-muted);
    font-size: 0.72rem;
    border: 1px solid var(--rename-line);
}

.form-actions[b-ivez9mqj9q] {
    display: flex;
    justify-content: flex-end;
    gap: 0.7rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--rename-line);
}

.cancel-action[b-ivez9mqj9q],
.save-action[b-ivez9mqj9q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    min-height: 3.2rem;
    padding: 0.65rem 1rem;
    font-size: 0.78rem;
    font-weight: 800;
    text-decoration: none;
}

.cancel-action[b-ivez9mqj9q] {
    color: var(--rename-muted);
    border: 1px solid var(--rename-line);
}

.cancel-action:hover[b-ivez9mqj9q],
.cancel-action:focus-visible[b-ivez9mqj9q] {
    color: var(--rename-ink);
    border-color: var(--rename-ink);
}

.save-action[b-ivez9mqj9q] {
    min-width: 12rem;
    color: #ffffff;
    background: var(--rename-signal);
    border: 0;
    cursor: pointer;
}

.save-action:hover[b-ivez9mqj9q],
.save-action:focus-visible[b-ivez9mqj9q] {
    background: color-mix(in srgb, var(--rename-signal) 84%, #000000);
}

@media (max-width: 900px) {
    .rename-layout[b-ivez9mqj9q] {
        grid-template-columns: 1fr;
    }

    .identity-panel[b-ivez9mqj9q] {
        position: relative;
        top: auto;
        min-height: 21rem;
    }

    .key-glyph[b-ivez9mqj9q] {
        margin-bottom: 3rem;
    }
}

@media (max-width: 520px) {
    .rename-key[b-ivez9mqj9q] {
        padding-top: 0.5rem;
    }

    .identity-panel[b-ivez9mqj9q] {
        min-height: 0;
    }

    .identity-panel h1[b-ivez9mqj9q] {
        font-size: 2.2rem;
    }

    .key-glyph[b-ivez9mqj9q] {
        width: 4rem;
        height: 4rem;
        margin-bottom: 2.5rem;
    }

    .field-meta[b-ivez9mqj9q],
    .form-actions[b-ivez9mqj9q] {
        align-items: stretch;
        flex-direction: column;
    }

    .cancel-action[b-ivez9mqj9q],
    .save-action[b-ivez9mqj9q] {
        width: 100%;
    }
}
/* /Components/Account/Pages/Sessions.razor.rz.scp.css */
.sessions-panel[b-i97new5d17] {
    --session-ink: var(--color-ink);
    --session-muted: var(--color-muted);
    --session-line: var(--color-line);
    --session-red: var(--color-signal-bright);
    width: min(100%, 48rem);
}

.sessions-heading[b-i97new5d17] {
    display: flex;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid var(--session-line);
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
}

.sessions-heading p[b-i97new5d17],
.sessions-heading h1[b-i97new5d17] {
    margin: 0;
}

.sessions-heading p[b-i97new5d17] {
    margin-bottom: 0.65rem;
    color: var(--session-red);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.sessions-heading h1[b-i97new5d17] {
    max-width: 13ch;
    font-size: clamp(2.6rem, 5vw, 4.5rem);
    font-weight: 650;
    letter-spacing: -0.06em;
    line-height: 0.94;
}

.session-count[b-i97new5d17] {
    display: grid;
    min-width: 6.5rem;
    padding: 0.8rem 1rem;
    border-left: 3px solid var(--session-red);
    color: var(--session-muted);
    background: var(--color-surface);
    font-size: 0.62rem;
    text-transform: uppercase;
}

.session-count strong[b-i97new5d17] {
    color: var(--session-ink);
    font-size: 1.8rem;
}

.sessions-message[b-i97new5d17] {
    display: grid;
    margin-top: 1rem;
    padding: 0.9rem 1rem;
    border-left: 3px solid var(--session-ink);
    grid-template-columns: 3rem 1fr;
    background: var(--color-surface);
}

.sessions-message strong[b-i97new5d17] {
    color: var(--session-red);
    font-size: 0.62rem;
    letter-spacing: 0.1em;
}

.sessions-message.is-error[b-i97new5d17] {
    border-left-color: var(--session-red);
    background: var(--color-signal-soft);
}

.sessions-message.is-success[b-i97new5d17] {
    border-left-color: var(--color-success);
    background: var(--color-success-soft);
}

.sessions-message.is-success strong[b-i97new5d17] {
    color: var(--color-success);
}

.sessions-toolbar[b-i97new5d17] {
    display: flex;
    margin-top: 1rem;
    padding: 1.1rem;
    border: 1px solid var(--session-line);
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: var(--color-surface);
}

.sessions-toolbar div[b-i97new5d17] {
    display: grid;
}

.sessions-toolbar strong[b-i97new5d17] {
    font-size: 0.78rem;
}

.sessions-toolbar p[b-i97new5d17] {
    margin: 0.2rem 0 0;
    color: var(--session-muted);
    font-size: 0.68rem;
}

.sessions-toolbar button[b-i97new5d17],
.session-list form button[b-i97new5d17] {
    padding: 0.65rem 0.8rem;
    border: 1px solid var(--session-red);
    color: var(--color-danger);
    background: var(--color-surface);
    font-size: 0.66rem;
    font-weight: 850;
}

.session-list[b-i97new5d17] {
    display: grid;
    margin: 1rem 0 0;
    padding: 0;
    gap: 1px;
    background: var(--session-line);
    list-style: none;
}

.session-list li[b-i97new5d17] {
    display: grid;
    min-height: 9rem;
    padding: 1.2rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    background: var(--color-surface);
}

.session-list li.is-current[b-i97new5d17] {
    box-shadow: inset 4px 0 #2667c9;
}

.session-glyph[b-i97new5d17] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    color: #fff;
    background: var(--color-inverse-surface);
    font-size: 0.65rem;
    font-weight: 850;
    letter-spacing: 0.08em;
}

.session-copy[b-i97new5d17] {
    display: grid;
    gap: 0.7rem;
}

.session-copy > div[b-i97new5d17] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.session-copy > div > strong[b-i97new5d17] {
    font-size: 0.85rem;
}

.session-copy > div > span[b-i97new5d17] {
    padding: 0.22rem 0.4rem;
    color: var(--color-technical);
    background: var(--color-technical-soft);
    font-size: 0.55rem;
    font-weight: 850;
    text-transform: uppercase;
}

.session-copy dl[b-i97new5d17] {
    display: grid;
    margin: 0;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.session-copy dl > div[b-i97new5d17] {
    display: grid;
}

.session-copy dt[b-i97new5d17] {
    color: var(--session-muted);
    font-size: 0.55rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.session-copy dd[b-i97new5d17] {
    margin: 0.18rem 0 0;
    font-size: 0.66rem;
    font-weight: 700;
}

.sessions-state[b-i97new5d17],
.sessions-empty[b-i97new5d17] {
    margin: 1rem 0 0;
    padding: 2rem;
    border: 1px solid var(--session-line);
    color: var(--session-muted);
    background: var(--color-surface);
}

.sessions-empty[b-i97new5d17] {
    display: grid;
}

.sessions-empty strong[b-i97new5d17] {
    color: var(--session-ink);
}

.sessions-empty p[b-i97new5d17] {
    margin: 0.3rem 0 0;
}

@media (max-width: 700px) {
    .sessions-heading[b-i97new5d17] {
        align-items: start;
        flex-direction: column;
    }

    .sessions-heading h1[b-i97new5d17] {
        font-size: clamp(2.6rem, 13vw, 4rem);
    }

    .sessions-toolbar[b-i97new5d17] {
        align-items: stretch;
        flex-direction: column;
    }

    .sessions-toolbar button[b-i97new5d17] {
        width: 100%;
    }

    .session-list li[b-i97new5d17] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .session-copy dl[b-i97new5d17] {
        grid-template-columns: 1fr;
        gap: 0.45rem;
    }

    .session-list form[b-i97new5d17] {
        grid-column: 1 / -1;
    }

    .session-list form button[b-i97new5d17] {
        width: 100%;
    }
}
/* /Components/Admin/Common/CredentialHandoverPanel.razor.rz.scp.css */
.handover-panel[b-7bnuis1ess] {
    border: 1px solid #efc2bd;
    border-top: 4px solid #e23b30;
    color: var(--color-ink);
    background: var(--color-surface);
}

.handover-panel > header[b-7bnuis1ess] {
    display: flex;
    min-height: 6rem;
    padding: 1rem clamp(1rem, 3vw, 1.6rem);
    border-bottom: 1px solid #e3e6e6;
    align-items: center;
    gap: 0.85rem;
}

.handover-panel > header > span[b-7bnuis1ess] {
    display: grid;
    width: 2.7rem;
    height: 2.7rem;
    place-items: center;
    color: #fff;
    background: #e23b30;
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.handover-panel header p[b-7bnuis1ess],
.handover-panel header h2[b-7bnuis1ess] {
    margin: 0;
}

.handover-panel header p[b-7bnuis1ess] {
    color: #e23b30;
    font-size: 0.58rem;
    font-weight: 850;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.handover-panel header h2[b-7bnuis1ess] {
    margin-top: 0.2rem;
    font-size: 1.3rem;
}

.handover-body[b-7bnuis1ess] {
    display: grid;
    padding: clamp(1rem, 3vw, 1.6rem);
    gap: 0.8rem;
}

.handover-body dl[b-7bnuis1ess] {
    display: grid;
    margin: 0 0 0.4rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    background: var(--color-line);
}

.handover-body dl > div[b-7bnuis1ess] {
    display: grid;
    padding: 0.8rem;
    background: var(--color-surface-subtle);
}

.handover-body dt[b-7bnuis1ess],
.handover-body > label[b-7bnuis1ess] {
    color: var(--color-muted);
    font-size: 0.59rem;
    font-weight: 850;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.handover-body dd[b-7bnuis1ess] {
    margin: 0.2rem 0 0;
    font-size: 0.76rem;
    font-weight: 800;
}

.handover-link[b-7bnuis1ess] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.handover-link input[b-7bnuis1ess] {
    min-width: 0;
    min-height: 3.2rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #d5dadd;
    border-radius: var(--radius-control);
    color: var(--color-muted);
    background: var(--color-surface-subtle);
    font: 0.68rem ui-monospace, "SFMono-Regular", Consolas, monospace;
}

.handover-link button[b-7bnuis1ess],
.handover-link a[b-7bnuis1ess] {
    display: grid;
    min-height: 3.2rem;
    padding: 0.7rem 0.9rem;
    border: 0;
    place-items: center;
    color: #fff;
    background: #152029;
    font-size: 0.65rem;
    font-weight: 850;
    text-decoration: none;
}

.handover-link a[b-7bnuis1ess] {
    background: #e23b30;
}

.handover-warning[b-7bnuis1ess] {
    margin: 0.3rem 0 0;
    padding: 0.85rem;
    border-left: 3px solid #c47a0a;
    color: var(--color-warning);
    background: var(--color-warning-soft);
    font-size: 0.7rem;
    line-height: 1.5;
}

@media (max-width: 620px) {
    .handover-body dl[b-7bnuis1ess] {
        grid-template-columns: 1fr;
    }

    .handover-link[b-7bnuis1ess] {
        grid-template-columns: 1fr 1fr;
    }

    .handover-link input[b-7bnuis1ess] {
        grid-column: 1 / -1;
    }
}
/* /Components/Admin/Pages/CalendarCategories.razor.rz.scp.css */
.category-console[b-asqmcwwm9y] {
    --cat-ink: var(--color-ink);
    --cat-muted: var(--color-muted);
    --cat-line: var(--color-line);
    --cat-red: var(--color-signal-bright);
    display: grid;
    padding-block: clamp(1.5rem, 4vw, 4rem);
    gap: 1.4rem;
}

.category-hero[b-asqmcwwm9y] {
    position: relative;
    display: grid;
    min-height: 22rem;
    padding: clamp(2rem, 5vw, 4rem);
    overflow: hidden;
    grid-template-columns: 1fr auto;
    align-items: end;
    color: #fff;
    background:
        repeating-linear-gradient(
            90deg,
            transparent 0 calc(20% - 1px),
            rgb(255 255 255 / 4%) calc(20% - 1px) 20%),
        radial-gradient(
            circle at 80% 20%,
            rgb(37 99 235 / 22%),
            transparent 18rem),
        var(--color-inverse-surface);
}

.category-hero[b-asqmcwwm9y]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.4rem;
    background: var(--cat-red);
    content: "";
}

.category-hero p[b-asqmcwwm9y],
.category-hero h1[b-asqmcwwm9y] {
    margin: 0;
}

.category-hero p[b-asqmcwwm9y] {
    margin-bottom: 0.8rem;
    color: #a7b3b9;
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.category-hero h1[b-asqmcwwm9y] {
    color: #fff;
    font-size: clamp(2.8rem, 5.5vw, 5.4rem);
    font-weight: 650;
    letter-spacing: -0.065em;
    line-height: 0.9;
}

.category-hero > span[b-asqmcwwm9y] {
    display: grid;
    min-width: 8rem;
    padding: 0.8rem 1rem;
    border-left: 3px solid var(--cat-red);
    background: rgb(255 255 255 / 6%);
}

.category-hero > span small[b-asqmcwwm9y] {
    color: #9eabb1;
    font-size: 0.58rem;
    font-weight: 800;
    text-transform: uppercase;
}

.category-message[b-asqmcwwm9y] {
    display: grid;
    padding: 1rem 1.2rem;
    border: 1px solid var(--cat-line);
    border-left: 3px solid var(--cat-ink);
    grid-template-columns: 3rem 1fr;
    background: var(--color-surface);
}

.category-message p[b-asqmcwwm9y] {
    margin: 0;
}

.category-message strong[b-asqmcwwm9y] {
    color: var(--cat-red);
}

.category-message.is-error[b-asqmcwwm9y] {
    border-left-color: var(--cat-red);
}

.category-message.is-success[b-asqmcwwm9y] {
    border-left-color: var(--color-success);
    background: var(--color-success-soft);
}

.category-message.is-success strong[b-asqmcwwm9y] {
    color: var(--color-success);
}

.category-layout[b-asqmcwwm9y] {
    display: grid;
    grid-template-columns: 1.35fr 0.65fr;
    align-items: start;
    gap: 1rem;
}

.category-register[b-asqmcwwm9y],
.category-editor[b-asqmcwwm9y] {
    border: 1px solid var(--cat-line);
    background: var(--color-surface);
}

.category-register > header[b-asqmcwwm9y],
.category-editor > header[b-asqmcwwm9y] {
    display: flex;
    min-height: 6.5rem;
    padding: 1.2rem 1.4rem;
    border-bottom: 1px solid var(--cat-line);
    align-items: center;
    justify-content: space-between;
}

.category-register header p[b-asqmcwwm9y],
.category-register header h2[b-asqmcwwm9y],
.category-editor header p[b-asqmcwwm9y],
.category-editor header h2[b-asqmcwwm9y] {
    margin: 0;
}

.category-register header p[b-asqmcwwm9y],
.category-editor header p[b-asqmcwwm9y] {
    color: var(--cat-red);
    font-size: 0.59rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.category-register > header > span[b-asqmcwwm9y] {
    color: var(--cat-muted);
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
}

.category-list article[b-asqmcwwm9y] {
    display: grid;
    min-height: 6.3rem;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid var(--cat-line);
    grid-template-columns: 1rem 1fr auto auto;
    align-items: center;
    gap: 1rem;
}

.category-list article > i[b-asqmcwwm9y] {
    width: 0.75rem;
    height: 2.8rem;
}

.category-list h3[b-asqmcwwm9y],
.category-list p[b-asqmcwwm9y] {
    margin: 0;
}

.category-list p[b-asqmcwwm9y],
.category-list small[b-asqmcwwm9y] {
    color: var(--cat-muted);
    font-size: 0.67rem;
}

.category-list article > a[b-asqmcwwm9y] {
    color: var(--cat-ink);
    font-size: 0.68rem;
    font-weight: 800;
    text-decoration: none;
}

.category-status[b-asqmcwwm9y] {
    display: inline-flex;
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--cat-line);
    align-items: center;
    gap: 0.4rem;
    color: var(--cat-muted);
    font-size: 0.61rem;
    font-weight: 800;
    text-transform: uppercase;
}

.category-status i[b-asqmcwwm9y] {
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 50%;
    background: #8c979c;
}

.category-status.is-active i[b-asqmcwwm9y] {
    background: var(--color-success);
}

.category-editor[b-asqmcwwm9y] {
    position: sticky;
    top: 1rem;
    border-top: 3px solid var(--cat-ink);
}

.category-editor > header[b-asqmcwwm9y] {
    justify-content: flex-start;
    gap: 0.7rem;
}

.category-editor > header > span[b-asqmcwwm9y] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    color: #fff;
    background: var(--color-inverse-surface);
    font-size: 0.61rem;
    font-weight: 850;
}

.category-form[b-asqmcwwm9y] {
    display: grid;
    padding: 1.3rem;
    gap: 1rem;
}

.category-form > label[b-asqmcwwm9y] {
    display: grid;
    gap: 0.35rem;
}

.category-form > label > span[b-asqmcwwm9y] {
    color: var(--cat-muted);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.category-form input[b-asqmcwwm9y],
.category-form select[b-asqmcwwm9y] {
    width: 100%;
    min-height: 3rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--cat-line);
    border-radius: var(--radius-control);
    color: var(--cat-ink);
    background: var(--color-surface-subtle);
}

.color-control[b-asqmcwwm9y] {
    display: grid;
    grid-template-columns: 3.4rem 1fr;
    gap: 0.5rem;
}

.color-control input[type="color"][b-asqmcwwm9y] {
    padding: 0.3rem;
}

.category-form .check-control[b-asqmcwwm9y] {
    display: flex;
    min-height: 3rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid var(--cat-line);
    align-items: center;
    gap: 0.6rem;
}

.category-form .check-control input[b-asqmcwwm9y] {
    width: 1.1rem;
    min-height: 1.1rem;
    accent-color: var(--cat-red);
}

.rsvp-fixed-note[b-asqmcwwm9y] {
    display: grid;
    min-height: 4rem;
    padding: 0.8rem;
    border: 1px solid color-mix(
        in srgb,
        var(--color-success) 45%,
        var(--cat-line));
    border-left: 4px solid var(--color-success);
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.7rem;
    background: var(--color-success-soft);
}

.rsvp-fixed-note > span[b-asqmcwwm9y] {
    display: grid;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    place-items: center;
    color: #fff;
    background: var(--color-success);
    font-size: 0.72rem;
    font-weight: 850;
}

.rsvp-fixed-note p[b-asqmcwwm9y] {
    display: grid;
    margin: 0;
    color: var(--cat-muted);
    font-size: 0.65rem;
}

.rsvp-fixed-note strong[b-asqmcwwm9y] {
    color: var(--cat-ink);
    font-size: 0.72rem;
}

.category-form button[b-asqmcwwm9y] {
    min-height: 3.2rem;
    border: 0;
    border-radius: var(--radius-control);
    color: #fff;
    background: var(--cat-red);
    font-weight: 800;
}

.category-form > a[b-asqmcwwm9y] {
    color: var(--cat-muted);
    font-size: 0.7rem;
    font-weight: 750;
}

.category-empty[b-asqmcwwm9y] {
    display: flex;
    min-height: 13rem;
    padding: 2rem;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.category-empty strong[b-asqmcwwm9y] {
    color: var(--cat-red);
    font-size: 2.5rem;
}

.category-empty p[b-asqmcwwm9y] {
    margin: 0;
    color: var(--cat-muted);
}

@media (max-width: 900px) {
    .category-layout[b-asqmcwwm9y] {
        grid-template-columns: 1fr;
    }

    .category-editor[b-asqmcwwm9y] {
        position: static;
    }
}

@media (max-width: 620px) {
    .category-console[b-asqmcwwm9y] {
        padding-block: 1rem 3rem;
    }

    .category-hero[b-asqmcwwm9y] {
        min-height: 26rem;
        padding: 1.5rem 1.2rem;
        grid-template-columns: 1fr;
    }

    .category-list article[b-asqmcwwm9y] {
        grid-template-columns: 1rem 1fr;
    }

    .category-status[b-asqmcwwm9y],
    .category-list article > a[b-asqmcwwm9y] {
        grid-column: 2;
        justify-self: start;
    }
}
/* /Components/Admin/Pages/CreateUser.razor.rz.scp.css */
.create-user[b-qbxroq4952] {
    --create-ink: var(--color-ink);
    --create-muted: var(--color-muted);
    --create-line: var(--color-line);
    --create-red: var(--color-signal-bright);
    display: grid;
    padding-block: clamp(1.5rem, 4vw, 4rem);
    gap: 1.25rem;
}

.create-back[b-qbxroq4952] {
    width: fit-content;
    color: var(--create-muted);
    font-size: 0.7rem;
    font-weight: 800;
    text-decoration: none;
}

.create-hero[b-qbxroq4952] {
    display: grid;
    min-height: 21rem;
    padding: clamp(2rem, 5vw, 4rem);
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 2rem;
    color: #fff;
    background:
        radial-gradient(circle at 80% 18%, rgb(226 59 48 / 24%), transparent 14rem),
        linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px),
        var(--color-inverse-surface);
    background-size: auto, 4rem 4rem, 4rem 4rem, auto;
}

.create-hero p[b-qbxroq4952],
.create-hero h1[b-qbxroq4952] {
    margin: 0;
}

.create-hero p[b-qbxroq4952] {
    margin-bottom: 0.7rem;
    color: #ef6258;
    font-size: 0.64rem;
    font-weight: 850;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.create-hero h1[b-qbxroq4952] {
    max-width: 12ch;
    font-size: clamp(3rem, 6vw, 6rem);
    font-weight: 620;
    letter-spacing: -0.065em;
    line-height: 0.92;
}

.create-hero > span[b-qbxroq4952] {
    display: grid;
    min-width: 9rem;
    padding: 1rem;
    border-left: 3px solid var(--create-red);
    color: #aeb9bf;
    background: rgb(255 255 255 / 5%);
    font-size: 0.6rem;
    font-weight: 750;
    text-transform: uppercase;
}

.create-hero > span strong[b-qbxroq4952] {
    color: #fff;
    font-size: 1.5rem;
}

.create-message[b-qbxroq4952] {
    display: grid;
    padding: 1rem;
    border-left: 3px solid var(--create-red);
    grid-template-columns: 3rem 1fr;
    color: var(--color-danger);
    background: var(--color-signal-soft);
}

.create-message strong[b-qbxroq4952] {
    font-size: 0.62rem;
    letter-spacing: 0.1em;
}

.handover-slot[b-qbxroq4952] {
    display: grid;
    gap: 1.25rem;
}

.create-form[b-qbxroq4952] {
    display: grid;
    border: 1px solid var(--create-line);
    background: var(--color-surface);
}

[b-qbxroq4952] .validation-summary {
    margin: 1rem;
    padding: 0.8rem 1rem 0.8rem 2.1rem;
    border: 1px solid #efc2bd;
    color: var(--color-danger);
    background: var(--color-signal-soft);
    font-size: 0.75rem;
}

[b-qbxroq4952] .validation-summary:empty {
    display: none;
}

.create-form > section[b-qbxroq4952] {
    display: grid;
    padding: clamp(1.5rem, 3vw, 2.25rem);
    grid-template-columns: minmax(12rem, 0.55fr) minmax(0, 1.45fr);
    gap: 2rem;
}

.create-form > section + section[b-qbxroq4952] {
    border-top: 1px solid var(--create-line);
}

.create-form section > header[b-qbxroq4952] {
    display: flex;
    align-items: start;
    gap: 0.8rem;
}

.create-form section > header > span[b-qbxroq4952] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    color: #fff;
    background: var(--color-inverse-surface);
    font-size: 0.6rem;
    font-weight: 850;
}

.create-form header p[b-qbxroq4952],
.create-form header h2[b-qbxroq4952] {
    margin: 0;
}

.create-form header p[b-qbxroq4952] {
    color: var(--create-red);
    font-size: 0.58rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.create-form header h2[b-qbxroq4952] {
    margin-top: 0.2rem;
    font-size: 1.2rem;
}

.field-grid[b-qbxroq4952] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.field-grid label[b-qbxroq4952] {
    display: grid;
    gap: 0.4rem;
}

.field-grid label > span[b-qbxroq4952],
.role-grid label > span[b-qbxroq4952] {
    color: var(--create-muted);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

[b-qbxroq4952] .field-grid input {
    width: 100%;
    min-height: 3.2rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--create-line);
    border-radius: var(--radius-control);
    background: var(--color-surface-subtle);
}

[b-qbxroq4952] .field-grid .validation-message {
    color: var(--color-danger);
    font-size: 0.67rem;
}

.username-note[b-qbxroq4952] {
    margin: 0;
    padding: 0.8rem;
    border-left: 3px solid #2667c9;
    grid-column: 2;
    color: var(--color-muted);
    background: var(--color-technical-soft);
    font-size: 0.7rem;
}

.role-grid[b-qbxroq4952] {
    display: grid;
    gap: 0.65rem;
}

.role-grid label[b-qbxroq4952] {
    position: relative;
    cursor: pointer;
}

[b-qbxroq4952] .role-grid input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.role-grid label > span[b-qbxroq4952] {
    display: grid;
    min-height: 4.7rem;
    padding: 0.8rem;
    border: 1px solid var(--create-line);
    grid-template-columns: 3rem minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
    color: var(--create-ink);
    background: var(--color-surface-subtle);
    text-transform: none;
}

.role-grid label > span > strong[b-qbxroq4952] {
    display: grid;
    width: 2.7rem;
    height: 2.7rem;
    place-items: center;
    color: var(--create-muted);
    background: var(--color-surface-subtle);
    font-size: 0.6rem;
}

.role-grid label > span > span[b-qbxroq4952] {
    display: grid;
}

.role-grid b[b-qbxroq4952] {
    font-size: 0.78rem;
}

.role-grid small[b-qbxroq4952] {
    color: var(--create-muted);
    font-size: 0.66rem;
}

[b-qbxroq4952] .role-grid input:checked + span {
    border-color: #efaaa4;
    background: var(--color-signal-soft);
    box-shadow: inset 3px 0 var(--create-red);
}

[b-qbxroq4952] .role-grid input:checked + span > strong {
    color: #fff;
    background: var(--create-red);
}

.create-form > footer[b-qbxroq4952] {
    display: flex;
    padding: 1.2rem clamp(1.2rem, 3vw, 2rem);
    border-top: 1px solid var(--create-line);
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: var(--color-surface-subtle);
}

.create-form footer p[b-qbxroq4952] {
    max-width: 40rem;
    margin: 0;
    color: var(--create-muted);
    font-size: 0.7rem;
}

.create-form footer button[b-qbxroq4952],
.create-another[b-qbxroq4952] {
    min-height: 3.2rem;
    padding: 0.8rem 1rem;
    border: 0;
    color: #fff;
    background: var(--create-red);
    font-size: 0.7rem;
    font-weight: 850;
    text-decoration: none;
}

.create-another[b-qbxroq4952] {
    justify-self: end;
}

@media (max-width: 760px) {
    .create-hero[b-qbxroq4952] {
        min-height: 31rem;
        grid-template-columns: 1fr;
    }

    .create-hero h1[b-qbxroq4952] {
        font-size: clamp(3rem, 15vw, 5rem);
    }

    .create-hero > span[b-qbxroq4952] {
        justify-self: start;
    }

    .create-form > section[b-qbxroq4952] {
        grid-template-columns: 1fr;
    }

    .field-grid[b-qbxroq4952],
    .username-note[b-qbxroq4952] {
        grid-template-columns: 1fr;
        grid-column: auto;
    }

    .create-form > footer[b-qbxroq4952] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Admin/Pages/InventoryAdministration.razor.rz.scp.css */
.inventory-admin[b-h6mtuu29y7] {
    --adm-ink: var(--color-ink);
    --adm-muted: var(--color-muted);
    --adm-line: var(--color-line);
    --adm-red: var(--color-signal-bright);
    display: grid;
    padding-block: clamp(1.5rem, 4vw, 4rem);
    gap: 1.25rem;
}

.admin-hero[b-h6mtuu29y7] {
    position: relative;
    display: grid;
    min-height: 25rem;
    padding: clamp(2rem, 5vw, 4.5rem);
    overflow: hidden;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 2rem;
    color: #fff;
    background:
        repeating-linear-gradient(90deg, transparent 0 5rem, rgb(255 255 255 / 3%) 5rem calc(5rem + 1px)),
        radial-gradient(circle at 80% 22%, rgb(226 59 48 / 25%), transparent 18rem),
        var(--color-inverse-surface);
}

.admin-hero[b-h6mtuu29y7]::after {
    position: absolute;
    inset: auto 0 0;
    height: 0.45rem;
    background: var(--adm-red);
    content: "";
}

.admin-hero p[b-h6mtuu29y7] {
    margin: 0 0 1rem;
    color: #aeb9bf;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.admin-hero h1[b-h6mtuu29y7] {
    margin: 0;
    color: #fff;
    font-size: clamp(3rem, 6vw, 6rem);
    font-weight: 650;
    letter-spacing: -0.065em;
    line-height: 0.9;
}

.hero-code[b-h6mtuu29y7] {
    display: grid;
    min-width: 13rem;
    padding: 1.2rem;
    border: 1px solid rgb(255 255 255 / 15%);
    align-self: start;
    background: rgb(255 255 255 / 5%);
}

.hero-code small[b-h6mtuu29y7],
.hero-code span[b-h6mtuu29y7] {
    color: #9eabb2;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.hero-code strong[b-h6mtuu29y7] {
    padding-block: 0.35rem 0.75rem;
    color: #fff;
    font-size: 1.5rem;
}

.admin-hero > a[b-h6mtuu29y7] {
    position: absolute;
    right: clamp(2rem, 5vw, 4.5rem);
    bottom: clamp(2rem, 5vw, 4.5rem);
    min-width: 13rem;
    padding: 1rem;
    color: #fff;
    background: var(--adm-red);
    font-size: 0.72rem;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
}

.admin-message[b-h6mtuu29y7] {
    display: grid;
    padding: 1rem 1.2rem;
    border: 1px solid var(--adm-line);
    border-left: 3px solid var(--adm-ink);
    grid-template-columns: 3rem 1fr;
    background: var(--color-surface);
}

.admin-message.is-error[b-h6mtuu29y7] {
    border-left-color: var(--adm-red);
}

.admin-message.is-success[b-h6mtuu29y7] {
    border-left-color: var(--color-success);
}

.admin-message strong[b-h6mtuu29y7] {
    color: var(--adm-red);
    font-size: 0.68rem;
}

.admin-message.is-success strong[b-h6mtuu29y7] {
    color: var(--color-success);
}

.admin-message p[b-h6mtuu29y7] {
    margin: 0;
}

.admin-section[b-h6mtuu29y7] {
    border: 1px solid var(--adm-line);
    background: var(--color-surface);
}

.admin-section > header[b-h6mtuu29y7] {
    display: grid;
    min-height: 6.5rem;
    padding: 1.2rem 1.4rem;
    border-bottom: 1px solid var(--adm-line);
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.9rem;
}

.admin-section > header > span[b-h6mtuu29y7] {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    color: #fff;
    background: var(--color-inverse-surface);
    font-size: 0.68rem;
    font-weight: 850;
}

.admin-section header p[b-h6mtuu29y7],
.admin-section header h2[b-h6mtuu29y7] {
    margin: 0;
}

.admin-section header p[b-h6mtuu29y7],
.admin-section header > small[b-h6mtuu29y7] {
    color: var(--adm-muted);
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.admin-section header p[b-h6mtuu29y7] {
    color: var(--adm-red);
}

.admin-section header h2[b-h6mtuu29y7] {
    font-size: clamp(1.35rem, 3vw, 2.2rem);
}

.clothing-workflow[b-h6mtuu29y7] {
    overflow: hidden;
    border-color: color-mix(in srgb, var(--adm-red) 42%, var(--adm-line));
    box-shadow: 0 1.25rem 3rem rgb(17 29 38 / 8%);
}

.clothing-workflow > header[b-h6mtuu29y7] {
    color: #fff;
    background:
        radial-gradient(
            circle at 88% 30%,
            rgb(255 255 255 / 12%),
            transparent 13rem),
        var(--color-inverse-surface);
}

.clothing-workflow > header > span[b-h6mtuu29y7] {
    color: var(--color-inverse-surface);
    background: #fff;
}

.clothing-workflow > header h2[b-h6mtuu29y7] {
    color: #fff;
}

.clothing-workflow > header > small[b-h6mtuu29y7] {
    color: #b7c2c8;
}

.workflow-intro[b-h6mtuu29y7] {
    display: grid;
    padding: 1.2rem 1.4rem;
    border-bottom: 1px solid var(--adm-line);
    grid-template-columns: minmax(0, 1fr) minmax(14rem, 0.42fr);
    align-items: center;
    gap: 1.5rem;
    background: var(--color-surface-subtle);
}

.workflow-intro ol[b-h6mtuu29y7] {
    display: grid;
    padding: 0;
    margin: 0;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
}

.workflow-intro li[b-h6mtuu29y7] {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.6rem;
}

.workflow-intro li:not(:last-child)[b-h6mtuu29y7]::after {
    width: 100%;
    height: 1px;
    background: var(--adm-line);
    content: "";
    grid-column: 1 / -1;
}

.workflow-intro li strong[b-h6mtuu29y7] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    color: var(--adm-red);
    background: var(--color-signal-soft);
    font-size: 0.62rem;
}

.workflow-intro li span[b-h6mtuu29y7] {
    color: var(--adm-ink);
    font-size: 0.72rem;
    font-weight: 750;
}

.workflow-intro > p[b-h6mtuu29y7] {
    margin: 0;
    color: var(--adm-muted);
    font-size: 0.75rem;
    line-height: 1.55;
}

.clothing-workflow-grid[b-h6mtuu29y7] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(19rem, 0.65fr);
}

.quick-clothing-form[b-h6mtuu29y7],
.existing-clothing-form[b-h6mtuu29y7] {
    display: grid;
    padding: clamp(1.25rem, 3vw, 2.25rem);
    align-content: start;
    gap: 1rem;
}

.quick-clothing-form[b-h6mtuu29y7] {
    border-right: 1px solid var(--adm-line);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.existing-clothing-form[b-h6mtuu29y7] {
    background: var(--color-surface-subtle);
}

.workflow-form-heading[b-h6mtuu29y7] {
    display: grid;
    margin-bottom: 0.25rem;
    grid-column: 1 / -1;
    grid-template-columns: auto 1fr;
    align-items: start;
    gap: 0.8rem;
}

.workflow-form-heading > span[b-h6mtuu29y7] {
    padding: 0.42rem 0.55rem;
    color: #fff;
    background: var(--adm-red);
    font-size: 0.58rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.existing-clothing-form .workflow-form-heading > span[b-h6mtuu29y7] {
    color: var(--adm-ink);
    background: var(--color-surface);
    border: 1px solid var(--adm-line);
}

.workflow-form-heading h3[b-h6mtuu29y7],
.workflow-form-heading p[b-h6mtuu29y7] {
    margin: 0;
}

.workflow-form-heading h3[b-h6mtuu29y7] {
    font-size: 1.1rem;
}

.workflow-form-heading p[b-h6mtuu29y7] {
    margin-top: 0.2rem;
    color: var(--adm-muted);
    font-size: 0.68rem;
}

.quick-clothing-form label[b-h6mtuu29y7],
.existing-clothing-form label[b-h6mtuu29y7] {
    display: grid;
    min-width: 0;
    gap: 0.35rem;
}

.quick-clothing-form label > span[b-h6mtuu29y7],
.existing-clothing-form label > span[b-h6mtuu29y7] {
    color: var(--adm-muted);
    font-size: 0.61rem;
    font-weight: 850;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.quick-clothing-form input[b-h6mtuu29y7],
.quick-clothing-form select[b-h6mtuu29y7],
.existing-clothing-form input[b-h6mtuu29y7],
.existing-clothing-form select[b-h6mtuu29y7] {
    width: 100%;
    min-height: 3.25rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid var(--adm-line);
    border-radius: var(--radius-control);
    color: var(--adm-ink);
    background: var(--color-surface);
}

.quick-clothing-form input:focus[b-h6mtuu29y7],
.quick-clothing-form select:focus[b-h6mtuu29y7],
.existing-clothing-form input:focus[b-h6mtuu29y7],
.existing-clothing-form select:focus[b-h6mtuu29y7] {
    border-color: var(--adm-red);
    outline: 3px solid color-mix(in srgb, var(--adm-red) 18%, transparent);
}

.quick-clothing-form .check-control[b-h6mtuu29y7],
.existing-clothing-form .check-control[b-h6mtuu29y7] {
    display: flex;
    min-height: 3rem;
    padding: 0.8rem;
    border: 1px solid var(--adm-line);
    align-items: center;
    gap: 0.65rem;
    background: var(--color-surface-subtle);
}

.quick-clothing-form .check-control input[b-h6mtuu29y7],
.existing-clothing-form .check-control input[b-h6mtuu29y7] {
    width: 1.15rem;
    min-height: 1.15rem;
    flex: 0 0 auto;
    accent-color: var(--adm-red);
}

.quick-clothing-form .check-control span[b-h6mtuu29y7],
.existing-clothing-form .check-control span[b-h6mtuu29y7] {
    color: var(--adm-ink);
    font-size: 0.68rem;
    letter-spacing: normal;
    text-transform: none;
}

.advanced-fields[b-h6mtuu29y7] {
    border: 1px solid var(--adm-line);
    background: var(--color-surface-subtle);
}

.advanced-fields summary[b-h6mtuu29y7] {
    padding: 0.9rem 1rem;
    color: var(--adm-ink);
    cursor: pointer;
    font-size: 0.7rem;
    font-weight: 800;
}

.advanced-fields summary span[b-h6mtuu29y7] {
    margin-left: 0.35rem;
    color: var(--adm-muted);
    font-size: 0.6rem;
    font-weight: 650;
    text-transform: uppercase;
}

.advanced-fields > div[b-h6mtuu29y7] {
    display: grid;
    padding: 0 1rem 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.quick-clothing-form button[b-h6mtuu29y7],
.existing-clothing-form button[b-h6mtuu29y7] {
    display: flex;
    min-height: 3.4rem;
    padding: 0.8rem 1rem;
    border: 0;
    border-radius: var(--radius-control);
    align-items: center;
    justify-content: space-between;
    color: #fff;
    background: var(--adm-red);
    font-size: 0.72rem;
    font-weight: 850;
}

.existing-clothing-form button[b-h6mtuu29y7] {
    color: var(--adm-ink);
    background: var(--color-surface);
    box-shadow: inset 0 0 0 1px var(--adm-line);
}

.quick-clothing-form button:disabled[b-h6mtuu29y7],
.existing-clothing-form button:disabled[b-h6mtuu29y7] {
    cursor: not-allowed;
    opacity: 0.45;
}

.workflow-empty[b-h6mtuu29y7],
.stock-empty[b-h6mtuu29y7] {
    padding: 0.8rem;
    border-left: 3px solid var(--adm-red);
    margin: 0;
    color: var(--adm-muted);
    background: var(--color-signal-soft);
    font-size: 0.7rem;
}

.stock-empty strong[b-h6mtuu29y7],
.stock-empty p[b-h6mtuu29y7] {
    margin: 0;
}

.stock-empty p[b-h6mtuu29y7] {
    margin-top: 0.2rem;
}

.existing-clothing-form label > small[b-h6mtuu29y7] {
    color: var(--adm-muted);
    font-size: 0.62rem;
    line-height: 1.4;
}

.section-split[b-h6mtuu29y7] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.65fr);
    align-items: start;
}

.category-list[b-h6mtuu29y7],
.article-list[b-h6mtuu29y7],
.responsibility-list[b-h6mtuu29y7] {
    border-right: 1px solid var(--adm-line);
}

.category-list article[b-h6mtuu29y7],
.responsibility-list article[b-h6mtuu29y7] {
    display: grid;
    min-height: 5.7rem;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid var(--adm-line);
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.9rem;
}

.category-list article > span:first-child[b-h6mtuu29y7],
.custodian-initials[b-h6mtuu29y7] {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    color: var(--adm-red);
    background: var(--color-signal-soft);
    font-size: 0.64rem;
    font-weight: 850;
}

.category-list h3[b-h6mtuu29y7],
.category-list p[b-h6mtuu29y7],
.responsibility-list h3[b-h6mtuu29y7],
.responsibility-list p[b-h6mtuu29y7],
.responsibility-list small[b-h6mtuu29y7] {
    margin: 0;
}

.category-list h3[b-h6mtuu29y7],
.responsibility-list h3[b-h6mtuu29y7] {
    font-size: 0.95rem;
}

.category-list p[b-h6mtuu29y7],
.responsibility-list p[b-h6mtuu29y7],
.responsibility-list small[b-h6mtuu29y7] {
    color: var(--adm-muted);
    font-size: 0.66rem;
}

.record-state[b-h6mtuu29y7] {
    display: inline-flex;
    padding: 0.3rem 0.5rem;
    align-items: center;
    gap: 0.35rem;
    color: var(--adm-muted);
    background: var(--color-surface-subtle);
    font-size: 0.62rem;
    font-weight: 800;
}

.record-state i[b-h6mtuu29y7] {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #89959b;
}

.record-state.is-active i[b-h6mtuu29y7] {
    background: #20845b;
}

.admin-form[b-h6mtuu29y7] {
    display: grid;
    padding: 1.5rem;
    gap: 0.85rem;
}

.admin-form h3[b-h6mtuu29y7] {
    margin: 0 0 0.25rem;
    font-size: 1rem;
}

.admin-form label[b-h6mtuu29y7] {
    display: grid;
    gap: 0.3rem;
}

.admin-form label > span[b-h6mtuu29y7] {
    color: var(--adm-muted);
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.admin-form label > small[b-h6mtuu29y7] {
    color: var(--adm-muted);
    font-size: 0.62rem;
}

.admin-form input[b-h6mtuu29y7],
.admin-form select[b-h6mtuu29y7] {
    width: 100%;
    min-height: 3rem;
    padding: 0.8rem 1rem;
    border: 1px solid var(--adm-line);
    border-radius: var(--radius-control);
    background: var(--color-surface-subtle);
}

.admin-form .check-control[b-h6mtuu29y7] {
    display: flex;
    min-height: 3rem;
    padding: 0.7rem;
    border: 1px solid var(--adm-line);
    align-items: center;
    gap: 0.6rem;
}

.admin-form .check-control input[b-h6mtuu29y7] {
    width: 1.1rem;
    min-height: 1.1rem;
}

.admin-form button[b-h6mtuu29y7] {
    min-height: 3rem;
    padding: 0.65rem 0.8rem;
    border: 0;
    border-radius: var(--radius-control);
    color: #fff;
    background: var(--adm-red);
    font-size: 0.7rem;
    font-weight: 800;
}

.admin-form button:disabled[b-h6mtuu29y7] {
    opacity: 0.45;
}

.item-form[b-h6mtuu29y7] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.item-form h3[b-h6mtuu29y7],
.field-wide[b-h6mtuu29y7] {
    grid-column: 1 / -1;
}

.article-head[b-h6mtuu29y7],
.article-list > a[b-h6mtuu29y7] {
    display: grid;
    grid-template-columns: 1fr 1.2fr 0.8fr 0.8fr;
    gap: 0.8rem;
}

.article-head[b-h6mtuu29y7] {
    min-height: 2.6rem;
    padding-inline: 1rem;
    align-items: center;
    color: #afbac0;
    background: var(--color-inverse-surface);
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.article-list > a[b-h6mtuu29y7] {
    min-height: 4.5rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--adm-line);
    align-items: center;
    color: var(--adm-ink);
    font-size: 0.7rem;
    text-decoration: none;
}

.article-list > a:hover[b-h6mtuu29y7] {
    background: var(--color-signal-soft);
}

.article-list > a span[b-h6mtuu29y7] {
    color: var(--adm-muted);
}

.responsibility-list article[b-h6mtuu29y7] {
    grid-template-columns: auto 1fr auto;
}

.responsibility-list[b-h6mtuu29y7]  form button {
    min-height: 2.5rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--adm-line);
    color: var(--adm-red);
    background: var(--color-surface);
    font-size: 0.64rem;
    font-weight: 800;
}

.section-empty[b-h6mtuu29y7] {
    display: flex;
    min-height: 10rem;
    padding: 1.5rem;
    align-items: center;
    gap: 1rem;
}

.section-empty strong[b-h6mtuu29y7] {
    color: #e9edee;
    font-size: 4rem;
}

.section-empty p[b-h6mtuu29y7] {
    margin: 0;
    color: var(--adm-muted);
}

@media (max-width: 900px) {
    .workflow-intro[b-h6mtuu29y7],
    .clothing-workflow-grid[b-h6mtuu29y7] {
        grid-template-columns: 1fr;
    }

    .quick-clothing-form[b-h6mtuu29y7] {
        border-right: 0;
        border-bottom: 1px solid var(--adm-line);
    }

    .section-split[b-h6mtuu29y7] {
        grid-template-columns: 1fr;
    }

    .category-list[b-h6mtuu29y7],
    .article-list[b-h6mtuu29y7],
    .responsibility-list[b-h6mtuu29y7] {
        border-right: 0;
        border-bottom: 1px solid var(--adm-line);
    }
}

@media (max-width: 640px) {
    .admin-hero[b-h6mtuu29y7] {
        min-height: 32rem;
        grid-template-columns: 1fr;
    }

    .hero-code[b-h6mtuu29y7] {
        position: absolute;
        top: 2rem;
        right: 2rem;
        min-width: 8rem;
    }

    .admin-hero > a[b-h6mtuu29y7] {
        right: 2rem;
        bottom: 2rem;
        left: 2rem;
    }

    .admin-section > header[b-h6mtuu29y7] {
        grid-template-columns: auto 1fr;
    }

    .admin-section > header > small[b-h6mtuu29y7] {
        display: none;
    }

    .item-form[b-h6mtuu29y7] {
        grid-template-columns: 1fr;
    }

    .item-form h3[b-h6mtuu29y7],
    .field-wide[b-h6mtuu29y7] {
        grid-column: auto;
    }

    .quick-clothing-form[b-h6mtuu29y7],
    .advanced-fields > div[b-h6mtuu29y7],
    .workflow-intro ol[b-h6mtuu29y7] {
        grid-template-columns: 1fr;
    }

    .quick-clothing-form .field-wide[b-h6mtuu29y7],
    .workflow-form-heading[b-h6mtuu29y7] {
        grid-column: auto;
    }

    .workflow-intro li:not(:last-child)[b-h6mtuu29y7]::after {
        width: 1px;
        height: 0.8rem;
        margin-left: 1rem;
    }

    .article-head[b-h6mtuu29y7] {
        display: none;
    }

    .article-list > a[b-h6mtuu29y7] {
        grid-template-columns: 1fr 1fr;
    }

    .category-list article[b-h6mtuu29y7],
    .responsibility-list article[b-h6mtuu29y7] {
        grid-template-columns: auto 1fr;
    }

    .record-state[b-h6mtuu29y7],
    .responsibility-list[b-h6mtuu29y7]  form {
        grid-column: 2;
        justify-self: start;
    }
}
/* /Components/Admin/Pages/OperationalResources.razor.rz.scp.css */
.resource-console[b-xfl6tyow3b] {
    --res-ink: var(--color-ink);
    --res-muted: var(--color-muted);
    --res-line: var(--color-line);
    --res-red: var(--color-signal-bright);
    display: grid;
    padding-block: clamp(1.5rem, 4vw, 4rem);
    gap: 1.4rem;
}

.resource-hero[b-xfl6tyow3b] {
    position: relative;
    display: grid;
    min-height: 23rem;
    padding: clamp(2rem, 5vw, 4rem);
    overflow: hidden;
    grid-template-columns: 1fr auto;
    align-items: end;
    color: #fff;
    background:
        repeating-linear-gradient(
            90deg,
            transparent 0 calc(25% - 1px),
            rgb(255 255 255 / 4%) calc(25% - 1px) 25%),
        radial-gradient(circle at 80% 20%, rgb(226 59 48 / 20%), transparent 18rem),
        var(--color-inverse-surface);
}

.resource-hero[b-xfl6tyow3b]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.4rem;
    background: var(--res-red);
    content: "";
}

.resource-hero p[b-xfl6tyow3b] {
    margin: 0 0 0.8rem;
    color: #a7b3b9;
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.resource-hero h1[b-xfl6tyow3b] {
    max-width: 14ch;
    margin: 0;
    color: #fff;
    font-size: clamp(2.8rem, 5.5vw, 5.5rem);
    font-weight: 650;
    letter-spacing: -0.065em;
    line-height: 0.9;
}

.resource-hero > span[b-xfl6tyow3b] {
    display: grid;
    min-width: 8rem;
    padding: 0.8rem 1rem;
    border-left: 3px solid var(--res-red);
    background: rgb(255 255 255 / 6%);
}

.resource-hero > span small[b-xfl6tyow3b] {
    color: #9eabb1;
    font-size: 0.58rem;
    font-weight: 800;
    text-transform: uppercase;
}

.resource-hero > span strong[b-xfl6tyow3b] {
    letter-spacing: 0.08em;
}

.resource-message[b-xfl6tyow3b] {
    display: grid;
    padding: 1rem 1.2rem;
    border: 1px solid var(--res-line);
    border-left: 3px solid var(--res-ink);
    grid-template-columns: 3rem 1fr;
    background: var(--color-surface);
}

.resource-message p[b-xfl6tyow3b] {
    margin: 0;
}

.resource-message strong[b-xfl6tyow3b] {
    color: var(--res-red);
    font-size: 0.67rem;
}

.resource-message.is-error[b-xfl6tyow3b] {
    border-left-color: var(--res-red);
}

.resource-message.is-success[b-xfl6tyow3b] {
    border-left-color: var(--color-success);
    background: var(--color-success-soft);
}

.resource-message.is-success strong[b-xfl6tyow3b] {
    color: var(--color-success);
}

.resource-layout[b-xfl6tyow3b] {
    display: grid;
    grid-template-columns: 1.35fr 0.65fr;
    align-items: start;
    gap: 1rem;
}

.resource-register[b-xfl6tyow3b],
.resource-editor[b-xfl6tyow3b] {
    border: 1px solid var(--res-line);
    background: var(--color-surface);
}

.resource-register > header[b-xfl6tyow3b],
.resource-editor > header[b-xfl6tyow3b] {
    display: flex;
    min-height: 6.5rem;
    padding: 1.2rem 1.4rem;
    border-bottom: 1px solid var(--res-line);
    align-items: center;
    justify-content: space-between;
}

.resource-register header p[b-xfl6tyow3b],
.resource-register header h2[b-xfl6tyow3b],
.resource-editor header p[b-xfl6tyow3b],
.resource-editor header h2[b-xfl6tyow3b] {
    margin: 0;
}

.resource-register header p[b-xfl6tyow3b],
.resource-editor header p[b-xfl6tyow3b] {
    color: var(--res-red);
    font-size: 0.59rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.resource-register header h2[b-xfl6tyow3b],
.resource-editor header h2[b-xfl6tyow3b] {
    margin-top: 0.2rem;
    font-size: 1.55rem;
}

.resource-register > header > span[b-xfl6tyow3b] {
    color: var(--res-muted);
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
}

.resource-list article[b-xfl6tyow3b] {
    display: grid;
    min-height: 6.5rem;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid var(--res-line);
    grid-template-columns: 3.2rem 1fr auto auto;
    align-items: center;
    gap: 1rem;
}

.resource-list article:last-child[b-xfl6tyow3b] {
    border-bottom: 0;
}

.resource-kind[b-xfl6tyow3b] {
    display: grid;
    min-height: 2.7rem;
    border: 1px solid #c8d7ea;
    place-items: center;
    color: var(--color-technical);
    background: var(--color-technical-soft);
    font-size: 0.6rem;
    font-weight: 850;
}

.resource-kind.is-equipment[b-xfl6tyow3b] {
    border-color: #dbcff0;
    color: var(--color-violet);
    background: var(--color-violet-soft);
}

.resource-list h3[b-xfl6tyow3b],
.resource-list p[b-xfl6tyow3b] {
    margin: 0;
}

.resource-list h3[b-xfl6tyow3b] {
    font-size: 0.95rem;
}

.resource-list p[b-xfl6tyow3b],
.resource-list small[b-xfl6tyow3b] {
    color: var(--res-muted);
    font-size: 0.67rem;
}

.resource-status[b-xfl6tyow3b] {
    display: inline-flex;
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--res-line);
    align-items: center;
    gap: 0.4rem;
    color: var(--res-muted);
    font-size: 0.61rem;
    font-weight: 800;
    text-transform: uppercase;
}

.resource-status i[b-xfl6tyow3b] {
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 50%;
    background: #8c979c;
}

.resource-status.is-active i[b-xfl6tyow3b] {
    background: #1e9a69;
}

.resource-actions[b-xfl6tyow3b] {
    display: grid;
    justify-items: end;
    gap: 0.35rem;
}

.resource-actions a[b-xfl6tyow3b] {
    color: var(--res-ink);
    font-size: 0.68rem;
    font-weight: 800;
    text-decoration: none;
}

.resource-editor[b-xfl6tyow3b] {
    position: sticky;
    top: 1rem;
    border-top: 3px solid var(--res-ink);
}

.resource-editor > header[b-xfl6tyow3b] {
    justify-content: flex-start;
    gap: 0.7rem;
}

.resource-editor > header > span[b-xfl6tyow3b] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    color: #fff;
    background: var(--color-inverse-surface);
    font-size: 0.61rem;
    font-weight: 850;
}

.resource-editor[b-xfl6tyow3b]  .resource-form {
    display: grid;
    padding: 1.5rem;
    gap: 1.15rem;
}

.resource-editor[b-xfl6tyow3b]  .resource-form label {
    display: grid;
    gap: 0.45rem;
}

.resource-editor[b-xfl6tyow3b]  .vehicle-fields {
    display: grid;
    min-width: 0;
    margin: 0;
    padding: 1rem;
    border: 1px solid var(--res-line);
    border-radius: var(--radius-control);
    gap: 1rem;
    background: color-mix(in srgb, var(--color-surface-subtle) 72%, transparent);
}

.resource-editor[b-xfl6tyow3b]  .vehicle-fields legend {
    padding-inline: 0.45rem;
    color: var(--res-ink);
    font-size: 0.69rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.resource-editor[b-xfl6tyow3b]  .vehicle-fields > small {
    color: var(--res-muted);
    font-size: 0.67rem;
    line-height: 1.45;
}

.resource-editor[b-xfl6tyow3b]  .vehicle-field-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.resource-editor[b-xfl6tyow3b]  .resource-form label > span {
    color: var(--color-muted);
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    transition: color 160ms ease;
}

.resource-editor[b-xfl6tyow3b]  .resource-form label:focus-within > span {
    color: var(--res-ink);
}

.resource-editor[b-xfl6tyow3b]  .resource-form input:not([type="checkbox"], [type="hidden"]),
.resource-editor[b-xfl6tyow3b]  .resource-form select {
    width: 100%;
    min-height: 3.35rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--res-line);
    border-radius: var(--radius-control);
    outline: 0;
    color: var(--res-ink);
    background: var(--color-surface-subtle);
    box-shadow: 0 1px 2px rgb(16 30 39 / 4%);
    font: inherit;
    font-size: 0.88rem;
    transition:
        border-color 160ms ease,
        background-color 160ms ease,
        box-shadow 160ms ease;
}

.resource-editor[b-xfl6tyow3b]  .resource-form select {
    padding-right: 3rem;
    appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, var(--res-muted) 50%),
        linear-gradient(135deg, var(--res-muted) 50%, transparent 50%);
    background-position:
        calc(100% - 1.2rem) calc(50% - 0.1rem),
        calc(100% - 0.85rem) calc(50% - 0.1rem);
    background-repeat: no-repeat;
    background-size: 0.4rem 0.4rem, 0.4rem 0.4rem;
    cursor: pointer;
}

.resource-editor[b-xfl6tyow3b]  .resource-form input::placeholder {
    color: var(--res-muted);
    opacity: 0.78;
}

.resource-editor[b-xfl6tyow3b]  .resource-form input:not([type="checkbox"], [type="hidden"]):hover,
.resource-editor[b-xfl6tyow3b]  .resource-form select:hover {
    border-color: color-mix(in srgb, var(--res-muted) 70%, var(--res-line));
    background-color: var(--color-surface);
}

.resource-editor[b-xfl6tyow3b]  .resource-form input:not([type="checkbox"], [type="hidden"]):focus-visible,
.resource-editor[b-xfl6tyow3b]  .resource-form select:focus-visible {
    border-color: var(--res-red);
    background-color: var(--color-surface);
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--res-red) 18%, transparent),
        0 4px 12px rgb(16 30 39 / 8%);
}

.resource-editor[b-xfl6tyow3b]  .resource-form .invalid {
    border-color: var(--res-red);
}

.resource-editor[b-xfl6tyow3b]  .resource-form .validation-message {
    margin-top: -0.1rem;
    color: var(--res-red);
    font-size: 0.67rem;
    font-weight: 750;
}

.active-control[b-xfl6tyow3b] {
    display: flex !important;
    min-height: 3rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--res-line);
    border-radius: var(--radius-control);
    align-items: center;
    gap: 0.6rem !important;
    background: var(--color-surface-subtle);
}

.resource-editor[b-xfl6tyow3b]  .active-control input {
    width: 1.15rem;
    height: 1.15rem;
    accent-color: var(--res-red);
}

.resource-editor[b-xfl6tyow3b]  .resource-form button {
    display: flex;
    min-height: 3.35rem;
    padding: 0.8rem 1rem;
    border: 0;
    border-radius: var(--radius-control);
    align-items: center;
    justify-content: space-between;
    color: #fff;
    background: var(--res-red);
    box-shadow: 0 8px 18px rgb(226 59 48 / 18%);
    font-size: 0.73rem;
    font-weight: 800;
    cursor: pointer;
    transition:
        box-shadow 160ms ease,
        filter 160ms ease,
        transform 160ms ease;
}

.resource-editor[b-xfl6tyow3b]  .resource-form button:hover {
    box-shadow: 0 10px 22px rgb(226 59 48 / 28%);
    filter: brightness(0.96);
    transform: translateY(-1px);
}

.resource-editor[b-xfl6tyow3b]  .resource-form button:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--res-red) 28%, transparent);
    outline-offset: 3px;
}

.resource-editor[b-xfl6tyow3b]  .resource-form button:active {
    box-shadow: 0 4px 10px rgb(226 59 48 / 20%);
    transform: translateY(0);
}

.resource-editor[b-xfl6tyow3b]  .resource-form > a {
    color: var(--res-muted);
    font-size: 0.68rem;
    font-weight: 750;
    text-align: center;
    text-decoration: none;
}

.resource-empty[b-xfl6tyow3b] {
    display: flex;
    min-height: 14rem;
    padding: 2rem;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.resource-empty strong[b-xfl6tyow3b] {
    color: var(--res-red);
    font-size: 3rem;
}

.resource-empty p[b-xfl6tyow3b] {
    margin: 0;
    color: var(--res-muted);
}

@media (max-width: 1200px) {
    .resource-layout[b-xfl6tyow3b] {
        grid-template-columns: 1fr;
    }

    .resource-editor[b-xfl6tyow3b] {
        position: static;
    }

    .resource-editor[b-xfl6tyow3b]  .resource-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .resource-editor[b-xfl6tyow3b]  .resource-form button,
    .resource-editor[b-xfl6tyow3b]  .resource-form > a,
    .resource-editor[b-xfl6tyow3b]  .resource-form .vehicle-fields,
    .resource-editor[b-xfl6tyow3b]  .resource-form .active-control {
        grid-column: 1 / -1;
    }
}

@media (max-width: 680px) {
    .resource-console[b-xfl6tyow3b] {
        padding-block: 1rem 3rem;
    }

    .resource-hero[b-xfl6tyow3b] {
        min-height: 31rem;
        padding: 1.5rem 1.2rem;
        grid-template-columns: 1fr;
    }

    .resource-hero h1[b-xfl6tyow3b] {
        font-size: clamp(2.8rem, 14vw, 4.5rem);
    }

    .resource-hero > span[b-xfl6tyow3b] {
        justify-self: start;
    }

    .resource-list article[b-xfl6tyow3b] {
        grid-template-columns: 3rem 1fr;
    }

    .resource-status[b-xfl6tyow3b],
    .resource-actions[b-xfl6tyow3b] {
        grid-column: 2;
        justify-self: start;
    }

    .resource-editor[b-xfl6tyow3b]  .resource-form {
        padding: 1.2rem;
        grid-template-columns: 1fr;
    }

    .resource-editor[b-xfl6tyow3b]  .vehicle-field-row {
        grid-template-columns: 1fr;
    }
}
/* /Components/Admin/Pages/UserDetails.razor.rz.scp.css */
.user-access[b-4ibjches4h] {
    --access-ink: var(--ink, #162027);
    --access-muted: var(--muted, #68737b);
    --access-line: var(--line, #d8ddd9);
    --access-surface: var(--surface, #ffffff);
    --access-signal: var(--signal, #df3d32);
    --access-graphite: var(--graphite, #1b242a);
    --access-success: var(--color-success);
    max-width: 78rem;
    padding-block: clamp(1.5rem, 4vw, 3.25rem);
    color: var(--access-ink);
}

.back-link[b-4ibjches4h] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 1.25rem;
    color: var(--access-muted);
    font-size: 0.78rem;
    font-weight: 750;
    letter-spacing: 0.05em;
    text-decoration: none;
    text-transform: uppercase;
}

.back-link > span:first-child[b-4ibjches4h] {
    color: var(--access-signal);
    font-size: 1.1rem;
    transition: transform 150ms ease;
}

.back-link:hover[b-4ibjches4h],
.back-link:focus-visible[b-4ibjches4h] {
    color: var(--access-ink);
}

.back-link:hover > span:first-child[b-4ibjches4h] {
    transform: translateX(-0.2rem);
}

.identity-panel[b-4ibjches4h] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: clamp(1rem, 3vw, 1.5rem);
    align-items: center;
    min-height: 13rem;
    padding: clamp(1.5rem, 5vw, 3rem);
    overflow: hidden;
    color: #f8f6f0;
    background:
        linear-gradient(100deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 2.8rem 100%,
        var(--access-graphite);
}

.identity-panel[b-4ibjches4h]::after {
    position: absolute;
    right: -5rem;
    bottom: -8rem;
    width: 20rem;
    aspect-ratio: 1;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
    box-shadow:
        0 0 0 3rem rgba(255, 255, 255, 0.025),
        0 0 0 6rem rgba(255, 255, 255, 0.015);
    content: "";
}

.identity-panel__signal[b-4ibjches4h] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.42rem;
    background: var(--access-signal);
}

.identity-avatar[b-4ibjches4h] {
    z-index: 1;
    display: grid;
    width: clamp(4.4rem, 9vw, 6.2rem);
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #ffffff;
    background: rgba(255, 255, 255, 0.06);
    font-size: clamp(1.15rem, 3vw, 1.6rem);
    font-weight: 850;
    letter-spacing: 0.1em;
}

.identity-copy[b-4ibjches4h] {
    z-index: 1;
    min-width: 0;
}

.identity-kicker[b-4ibjches4h] {
    margin: 0 0 0.65rem;
    color: rgba(255, 255, 255, 0.56);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.identity-copy h1[b-4ibjches4h] {
    overflow: hidden;
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 5vw, 3.8rem);
    font-weight: 750;
    letter-spacing: -0.055em;
    line-height: 0.98;
    text-overflow: ellipsis;
}

.identity-meta[b-4ibjches4h] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 1rem;
    color: rgba(255, 255, 255, 0.62);
    font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
    font-size: 0.78rem;
}

.status-badge[b-4ibjches4h] {
    z-index: 1;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 0.55rem;
    padding: 0.6rem 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #ffffff;
    background: rgba(255, 255, 255, 0.06);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-dot[b-4ibjches4h] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, currentColor 12%, transparent);
}

.status-badge.is-active[b-4ibjches4h] {
    color: #64dea2;
}

.status-badge.is-inactive[b-4ibjches4h] {
    color: #ff8d83;
}

.loading-state[b-4ibjches4h] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.5rem;
    color: var(--access-muted);
}

.loading-state > span[b-4ibjches4h] {
    width: 0.65rem;
    height: 0.65rem;
    background: var(--access-signal);
    animation: status-pulse-b-4ibjches4h 1.2s ease-in-out infinite alternate;
}

.access-message[b-4ibjches4h] {
    display: flex;
    gap: 1rem;
    align-items: baseline;
    margin: 1rem 0 0;
    border-radius: var(--radius-control);
}

.access-message strong[b-4ibjches4h] {
    font-size: 0.68rem;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.handover-slot[b-4ibjches4h] {
    display: contents;
}

.access-panel[b-4ibjches4h] {
    margin-top: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid var(--access-line);
    border-top: 3px solid var(--access-graphite);
    background: var(--access-surface);
    box-shadow: 0 1rem 3rem rgba(22, 32, 39, 0.055);
}

.access-panel__heading[b-4ibjches4h] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.7fr);
    gap: 2rem;
    align-items: center;
    padding: clamp(1.25rem, 4vw, 2rem);
    border-bottom: 1px solid var(--access-line);
}

.access-panel__heading > div[b-4ibjches4h] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.section-index[b-4ibjches4h] {
    display: grid;
    flex: 0 0 2.4rem;
    width: 2.4rem;
    aspect-ratio: 1;
    place-items: center;
    color: #ffffff;
    background: var(--access-graphite);
    font-size: 0.72rem;
    font-weight: 850;
}

.access-panel__heading h2[b-4ibjches4h],
.access-panel__heading p[b-4ibjches4h] {
    margin: 0;
}

.access-panel__heading h2[b-4ibjches4h] {
    margin-top: 0.2rem;
    font-size: clamp(1.35rem, 3vw, 2rem);
    font-weight: 760;
    letter-spacing: -0.035em;
}

.access-panel__heading > div p[b-4ibjches4h] {
    color: var(--access-signal);
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.security-note[b-4ibjches4h] {
    display: flex;
    align-items: start;
    gap: 0.7rem;
    color: var(--access-muted);
    font-size: 0.78rem;
    line-height: 1.55;
}

.security-note span[b-4ibjches4h] {
    color: var(--access-signal);
    font-size: 1rem;
}

.access-form[b-4ibjches4h] {
    padding: clamp(1.25rem, 4vw, 2rem);
}

.validation-summary[b-4ibjches4h] {
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-left: 3px solid var(--access-signal);
    background: color-mix(in srgb, var(--access-signal) 7%, var(--access-surface));
}

.control-block[b-4ibjches4h] {
    display: grid;
    grid-template-columns: minmax(12rem, 0.65fr) minmax(18rem, 1.35fr);
    gap: clamp(1.25rem, 4vw, 3rem);
    align-items: start;
    margin: 0;
    padding: clamp(1.25rem, 3vw, 1.75rem) 0;
    border: 0;
    border-bottom: 1px solid var(--access-line);
}

.control-block:first-of-type[b-4ibjches4h] {
    padding-top: 0;
}

.control-heading[b-4ibjches4h] {
    display: flex;
    align-items: start;
    gap: 0.8rem;
}

.control-heading > span[b-4ibjches4h] {
    color: var(--access-signal);
    font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
    font-size: 0.7rem;
    font-weight: 850;
}

.control-heading h3[b-4ibjches4h],
.control-heading p[b-4ibjches4h] {
    margin: 0;
}

.control-heading h3[b-4ibjches4h] {
    font-size: 0.92rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.control-heading p[b-4ibjches4h] {
    margin-top: 0.35rem;
    color: var(--access-muted);
    font-size: 0.78rem;
}

.control-block[b-4ibjches4h]  .access-checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
}

.account-toggle[b-4ibjches4h] {
    position: relative;
}

.account-toggle label[b-4ibjches4h] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-height: 4rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--access-line);
    cursor: pointer;
    transition: border-color 150ms ease, background-color 150ms ease;
}

.account-toggle label:hover[b-4ibjches4h] {
    border-color: color-mix(in srgb, var(--access-success) 55%, var(--access-line));
}

.access-checkbox:focus-visible + label[b-4ibjches4h] {
    outline: 3px solid color-mix(in srgb, var(--access-signal) 22%, transparent);
    outline-offset: 2px;
}

.toggle-track[b-4ibjches4h] {
    position: relative;
    display: block;
    flex: 0 0 3rem;
    width: 3rem;
    height: 1.65rem;
    border: 1px solid var(--access-line);
    background: var(--color-line);
    transition: border-color 150ms ease, background-color 150ms ease;
}

.toggle-track > span[b-4ibjches4h] {
    position: absolute;
    top: 0.21rem;
    left: 0.23rem;
    width: 1.1rem;
    height: 1.1rem;
    background: #7a848a;
    transition: transform 150ms ease, background-color 150ms ease;
}

.access-checkbox--toggle:checked + label[b-4ibjches4h] {
    border-color: color-mix(in srgb, var(--access-success) 40%, var(--access-line));
    background: color-mix(in srgb, var(--access-success) 5%, var(--access-surface));
}

.access-checkbox--toggle:checked + label .toggle-track[b-4ibjches4h] {
    border-color: var(--access-success);
    background: var(--access-success);
}

.access-checkbox--toggle:checked + label .toggle-track > span[b-4ibjches4h] {
    transform: translateX(1.37rem);
    background: #ffffff;
}

.account-toggle label > span:last-child[b-4ibjches4h] {
    display: grid;
}

.account-toggle strong[b-4ibjches4h],
.account-toggle small[b-4ibjches4h] {
    line-height: 1.35;
}

.account-toggle strong[b-4ibjches4h] {
    font-size: 0.88rem;
}

.account-toggle small[b-4ibjches4h] {
    color: var(--access-muted);
    font-size: 0.72rem;
}

.role-options[b-4ibjches4h] {
    display: grid;
    gap: 0.65rem;
}

.role-option[b-4ibjches4h] {
    position: relative;
}

.role-option label[b-4ibjches4h] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.9rem;
    align-items: center;
    min-height: 5.1rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--access-line);
    cursor: pointer;
    transition: border-color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

.role-option label:hover[b-4ibjches4h] {
    border-color: color-mix(in srgb, var(--access-graphite) 50%, var(--access-line));
    transform: translateX(0.15rem);
}

.role-code[b-4ibjches4h] {
    display: grid;
    width: 2.8rem;
    aspect-ratio: 1;
    place-items: center;
    color: var(--access-muted);
    border: 1px solid var(--access-line);
    background: color-mix(in srgb, var(--access-graphite) 3%, var(--access-surface));
    font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.04em;
}

.role-copy[b-4ibjches4h] {
    display: grid;
    min-width: 0;
}

.role-copy strong[b-4ibjches4h] {
    font-size: 0.88rem;
}

.role-copy small[b-4ibjches4h] {
    margin-top: 0.18rem;
    color: var(--access-muted);
    font-size: 0.72rem;
}

.selection-mark[b-4ibjches4h] {
    display: grid;
    width: 1.55rem;
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid var(--access-line);
    color: transparent;
    background: var(--access-surface);
    font-size: 0.72rem;
    font-weight: 900;
}

.role-checkbox:checked + label[b-4ibjches4h] {
    border-color: color-mix(in srgb, var(--access-signal) 52%, var(--access-line));
    background: color-mix(in srgb, var(--access-signal) 4%, var(--access-surface));
}

.role-checkbox:checked + label .role-code[b-4ibjches4h] {
    border-color: var(--access-signal);
    color: #ffffff;
    background: var(--access-signal);
}

.role-checkbox:checked + label .selection-mark[b-4ibjches4h] {
    border-color: var(--access-signal);
    color: #ffffff;
    background: var(--access-signal);
}

.form-command[b-4ibjches4h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding-top: clamp(1.25rem, 3vw, 1.75rem);
}

.form-command p[b-4ibjches4h] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    color: var(--access-muted);
    font-size: 0.72rem;
}

.form-command p span[b-4ibjches4h] {
    display: grid;
    width: 1.35rem;
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid var(--access-line);
    color: var(--access-signal);
    font-size: 0.68rem;
    font-weight: 850;
}

.security-panel[b-4ibjches4h] {
    margin-top: clamp(1.5rem, 4vw, 2.5rem);
    border: 1px solid var(--access-line);
    border-top: 3px solid #2667c9;
    background: var(--access-surface);
}

.security-panel > header[b-4ibjches4h] {
    display: flex;
    min-height: 6rem;
    padding: 1rem clamp(1rem, 3vw, 1.5rem);
    border-bottom: 1px solid var(--access-line);
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.security-panel > header > div:first-child[b-4ibjches4h] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.security-panel header p[b-4ibjches4h],
.security-panel header h2[b-4ibjches4h] {
    margin: 0;
}

.security-panel header p[b-4ibjches4h] {
    color: var(--color-technical);
    font-size: 0.6rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.security-panel header h2[b-4ibjches4h] {
    margin-top: 0.2rem;
    font-size: 1.25rem;
}

.security-state[b-4ibjches4h] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.security-state span[b-4ibjches4h] {
    padding: 0.35rem 0.5rem;
    font-size: 0.58rem;
    font-weight: 850;
    text-transform: uppercase;
}

.security-state .is-ready[b-4ibjches4h] {
    color: var(--color-success);
    background: var(--color-success-soft);
}

.security-state .is-pending[b-4ibjches4h] {
    color: var(--color-warning);
    background: var(--color-warning-soft);
}

.security-state .is-locked[b-4ibjches4h] {
    color: var(--color-danger);
    background: var(--color-signal-soft);
}

.security-actions[b-4ibjches4h] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    background: var(--access-line);
}

.security-actions > div[b-4ibjches4h] {
    display: grid;
    min-height: 11rem;
    padding: 1.1rem;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.8rem;
    background: var(--color-surface);
}

.security-actions > div.is-disabled[b-4ibjches4h] {
    background: var(--color-surface-subtle);
}

.action-code[b-4ibjches4h] {
    display: grid;
    width: 2.7rem;
    height: 2.7rem;
    place-items: center;
    color: #fff;
    background: var(--access-graphite);
    font-size: 0.58rem;
    font-weight: 850;
}

.security-actions > div > div[b-4ibjches4h] {
    display: grid;
}

.security-actions strong[b-4ibjches4h] {
    font-size: 0.78rem;
}

.security-actions p[b-4ibjches4h] {
    margin: 0.35rem 0 0;
    color: var(--access-muted);
    font-size: 0.67rem;
    line-height: 1.45;
}

.security-actions form[b-4ibjches4h],
.action-quiet[b-4ibjches4h] {
    grid-column: 2;
}

.security-actions button[b-4ibjches4h] {
    padding: 0.65rem 0.8rem;
    border: 1px solid #2667c9;
    color: var(--color-technical);
    background: var(--color-surface);
    font-size: 0.65rem;
    font-weight: 850;
}

.action-quiet[b-4ibjches4h] {
    color: var(--access-muted);
    font-size: 0.65rem;
}

.save-action[b-4ibjches4h] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(2rem, 5vw, 4rem);
    min-width: min(100%, 16rem);
    min-height: 3.25rem;
    padding-inline: 1.1rem;
    border: 0;
    border-radius: var(--radius-control);
    background: var(--access-signal);
    font-weight: 760;
}

.save-action:hover[b-4ibjches4h],
.save-action:focus-visible[b-4ibjches4h] {
    background: color-mix(in srgb, var(--access-signal) 84%, #000000);
}

.deletion-panel[b-4ibjches4h] {
    margin-top: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid color-mix(in srgb, var(--color-danger) 38%, var(--access-line));
    border-top: 3px solid var(--color-danger);
    background: var(--access-surface);
}

.deletion-panel > header[b-4ibjches4h] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: clamp(1.25rem, 4vw, 2rem);
    border-bottom: 1px solid var(--access-line);
}

.deletion-panel header p[b-4ibjches4h],
.deletion-panel header h2[b-4ibjches4h] {
    margin: 0;
}

.deletion-panel header p[b-4ibjches4h] {
    color: var(--color-danger);
    font-size: 0.65rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.deletion-panel header h2[b-4ibjches4h] {
    margin-top: 0.2rem;
    font-size: clamp(1.35rem, 3vw, 2rem);
    letter-spacing: -0.035em;
}

.deletion-layout[b-4ibjches4h] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(20rem, 1.1fr);
    gap: clamp(1.5rem, 5vw, 4rem);
    padding: clamp(1.25rem, 4vw, 2rem);
}

.deletion-copy strong[b-4ibjches4h] {
    font-size: 0.92rem;
}

.deletion-copy p[b-4ibjches4h] {
    max-width: 40rem;
    margin: 0.55rem 0 0;
    color: var(--access-muted);
    font-size: 0.78rem;
    line-height: 1.6;
}

.deletion-form[b-4ibjches4h] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
}

.deletion-form label[b-4ibjches4h] {
    display: block;
    grid-column: 1 / -1;
    color: var(--access-muted);
    font-size: 0.72rem;
    line-height: 1.5;
}

.deletion-form label strong[b-4ibjches4h] {
    color: var(--access-ink);
    font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
}

.deletion-form[b-4ibjches4h]  input {
    width: 100%;
    min-height: 3.2rem;
    padding: 0.8rem 1rem;
    border: 1px solid var(--access-line);
    border-radius: 0.8rem;
    color: var(--access-ink);
    background: var(--access-surface);
}

.deletion-form[b-4ibjches4h]  input:focus {
    border-color: var(--color-danger);
    outline: 3px solid color-mix(in srgb, var(--color-danger) 15%, transparent);
}

.delete-action[b-4ibjches4h] {
    justify-self: start;
    min-height: 3.2rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-danger);
    border-radius: 0.8rem;
    color: #ffffff;
    background: var(--color-danger);
    font-size: 0.76rem;
    font-weight: 800;
}

.delete-action:hover[b-4ibjches4h],
.delete-action:focus-visible[b-4ibjches4h] {
    background: color-mix(in srgb, var(--color-danger) 84%, #000000);
}

@keyframes status-pulse-b-4ibjches4h {
    to {
        opacity: 0.25;
    }
}

@media (max-width: 52rem) {
    .identity-panel[b-4ibjches4h] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .identity-panel .status-badge[b-4ibjches4h] {
        grid-column: 2;
        justify-self: start;
    }

    .access-panel__heading[b-4ibjches4h],
    .control-block[b-4ibjches4h],
    .deletion-layout[b-4ibjches4h] {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .security-panel > header[b-4ibjches4h] {
        align-items: start;
        flex-direction: column;
    }
}

@media (max-width: 36rem) {
    .identity-panel[b-4ibjches4h] {
        grid-template-columns: 1fr;
    }

    .identity-avatar[b-4ibjches4h] {
        width: 4rem;
    }

    .identity-panel .status-badge[b-4ibjches4h] {
        grid-column: auto;
    }

    .identity-meta[b-4ibjches4h] {
        align-items: start;
        flex-direction: column;
    }

    .identity-meta span[aria-hidden="true"][b-4ibjches4h] {
        display: none;
    }

    .access-panel__heading > div[b-4ibjches4h] {
        align-items: start;
    }

    .form-command[b-4ibjches4h] {
        align-items: stretch;
        flex-direction: column;
    }

    .security-actions[b-4ibjches4h] {
        grid-template-columns: 1fr;
    }

    .save-action[b-4ibjches4h] {
        width: 100%;
    }

    .delete-action[b-4ibjches4h] {
        width: 100%;
    }

    .deletion-form[b-4ibjches4h] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .back-link > span:first-child[b-4ibjches4h],
    .loading-state > span[b-4ibjches4h],
    .toggle-track[b-4ibjches4h],
    .toggle-track > span[b-4ibjches4h],
    .account-toggle label[b-4ibjches4h],
    .role-option label[b-4ibjches4h] {
        animation: none;
        transition: none;
    }
}
/* /Components/Admin/Pages/Users.razor.rz.scp.css */
.admin-users[b-u9okzrvk9d] {
    --admin-ink: var(--ink, #162027);
    --admin-muted: var(--muted, #68737b);
    --admin-line: var(--line, #d8ddd9);
    --admin-surface: var(--surface, #ffffff);
    --admin-signal: var(--signal, #df3d32);
    --admin-graphite: var(--graphite, #1b242a);
    padding-block: clamp(1.5rem, 4vw, 3.25rem);
    color: var(--admin-ink);
}

.page-intro[b-u9okzrvk9d] {
    margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
}

.page-kicker[b-u9okzrvk9d] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.7rem;
    color: var(--admin-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.pulse-marker[b-u9okzrvk9d] {
    width: 0.55rem;
    height: 0.55rem;
    background: var(--admin-signal);
    box-shadow: 0 0 0 0.3rem color-mix(in srgb, var(--admin-signal) 12%, transparent);
}

.page-title-row[b-u9okzrvk9d] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
}

.page-title-row h1[b-u9okzrvk9d] {
    max-width: 14ch;
    margin: 0;
    font-size: clamp(2.1rem, 5vw, 4rem);
    font-weight: 750;
    letter-spacing: -0.055em;
    line-height: 0.95;
}

.page-title-row p[b-u9okzrvk9d] {
    max-width: 43rem;
    margin: 1rem 0 0;
    color: var(--admin-muted);
    font-size: clamp(1rem, 2vw, 1.15rem);
}

.module-code[b-u9okzrvk9d] {
    display: grid;
    min-width: 9rem;
    padding: 0.8rem 1rem;
    border-left: 3px solid var(--admin-signal);
    background: color-mix(in srgb, var(--admin-graphite) 5%, transparent);
    font-variant-numeric: tabular-nums;
}

.module-code span[b-u9okzrvk9d] {
    color: var(--admin-muted);
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.module-code strong[b-u9okzrvk9d] {
    font-size: 0.9rem;
    letter-spacing: 0.08em;
}

.page-actions[b-u9okzrvk9d] {
    display: flex;
    align-items: stretch;
    gap: 0.65rem;
}

.page-actions > a[b-u9okzrvk9d] {
    display: grid;
    min-width: 9rem;
    padding: 0.8rem 1rem;
    place-items: center;
    color: #fff;
    background: var(--admin-signal);
    font-size: 0.7rem;
    font-weight: 800;
    text-decoration: none;
}

.filter-console[b-u9okzrvk9d] {
    border: 1px solid var(--admin-line);
    border-top: 3px solid var(--admin-graphite);
    background: color-mix(in srgb, var(--admin-surface) 94%, var(--admin-graphite));
    box-shadow: 0 1rem 3rem rgba(22, 32, 39, 0.06);
}

.console-heading[b-u9okzrvk9d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 3.25rem;
    padding: 0.75rem clamp(1rem, 3vw, 1.5rem);
    border-bottom: 1px solid var(--admin-line);
}

.console-heading > div[b-u9okzrvk9d] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.console-heading strong[b-u9okzrvk9d] {
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.console-heading small[b-u9okzrvk9d] {
    color: var(--admin-muted);
}

.console-index[b-u9okzrvk9d] {
    display: grid;
    width: 1.8rem;
    aspect-ratio: 1;
    place-items: center;
    color: #ffffff;
    background: var(--admin-graphite);
    font-size: 0.68rem;
    font-weight: 800;
}

.filter-fields[b-u9okzrvk9d] {
    display: grid;
    grid-template-columns: minmax(16rem, 2fr) minmax(8rem, 0.7fr) minmax(10rem, 1fr) auto;
    gap: 1rem;
    align-items: end;
    padding: clamp(1rem, 3vw, 1.5rem);
}

.filter-field[b-u9okzrvk9d] {
    display: grid;
    gap: 0.45rem;
}

.filter-field label[b-u9okzrvk9d] {
    color: var(--admin-muted);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.command-input[b-u9okzrvk9d],
.command-select[b-u9okzrvk9d] {
    min-height: 3.1rem;
    padding: 0.8rem 1rem;
    border: 1px solid var(--admin-line);
    border-radius: var(--radius-control);
    color: var(--admin-ink);
    background-color: var(--admin-surface);
    box-shadow: none;
}

.command-input:focus[b-u9okzrvk9d],
.command-select:focus[b-u9okzrvk9d] {
    border-color: var(--admin-signal);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--admin-signal) 15%, transparent);
}

.filter-action[b-u9okzrvk9d] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    min-height: 3.1rem;
    padding-inline: 1.1rem;
    border: 0;
    border-radius: var(--radius-control);
    background: var(--admin-signal);
    font-weight: 750;
}

.filter-action:hover[b-u9okzrvk9d],
.filter-action:focus-visible[b-u9okzrvk9d] {
    background: color-mix(in srgb, var(--admin-signal) 84%, #000000);
}

.admin-message[b-u9okzrvk9d],
.loading-state[b-u9okzrvk9d],
.empty-state[b-u9okzrvk9d] {
    margin-top: 1.5rem;
}

.admin-message[b-u9okzrvk9d] {
    display: flex;
    gap: 1rem;
    align-items: baseline;
    border-radius: var(--radius-control);
}

.admin-message strong[b-u9okzrvk9d] {
    font-size: 0.72rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.loading-state[b-u9okzrvk9d] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--admin-muted);
}

.loading-state > span[b-u9okzrvk9d] {
    width: 0.65rem;
    height: 0.65rem;
    background: var(--admin-signal);
    animation: status-pulse-b-u9okzrvk9d 1.2s ease-in-out infinite alternate;
}

.empty-state[b-u9okzrvk9d] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: clamp(1.25rem, 4vw, 2rem);
    border: 1px dashed var(--admin-line);
    background: var(--admin-surface);
}

.empty-state__code[b-u9okzrvk9d] {
    color: var(--admin-signal);
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: -0.06em;
}

.empty-state h2[b-u9okzrvk9d],
.empty-state p[b-u9okzrvk9d] {
    margin: 0;
}

.empty-state h2[b-u9okzrvk9d] {
    font-size: 1rem;
}

.empty-state p[b-u9okzrvk9d] {
    margin-top: 0.25rem;
    color: var(--admin-muted);
}

.roster-summary[b-u9okzrvk9d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 2rem 0 0.75rem;
    color: var(--admin-muted);
    font-size: 0.78rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.roster-summary p[b-u9okzrvk9d] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    margin: 0;
}

.summary-value[b-u9okzrvk9d] {
    color: var(--admin-ink);
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.roster-summary strong[b-u9okzrvk9d] {
    color: var(--admin-ink);
    font-variant-numeric: tabular-nums;
}

.user-roster[b-u9okzrvk9d] {
    border: 1px solid var(--admin-line);
    background: var(--admin-surface);
    box-shadow: 0 1rem 3rem rgba(22, 32, 39, 0.045);
}

.roster-columns[b-u9okzrvk9d],
.roster-row[b-u9okzrvk9d] {
    display: grid;
    grid-template-columns: minmax(15rem, 1.55fr) minmax(9rem, 0.8fr) minmax(12rem, 1fr) minmax(7rem, 0.55fr) minmax(10rem, 0.75fr);
    gap: 1rem;
    align-items: center;
}

.roster-columns[b-u9okzrvk9d] {
    padding: 0.75rem 1rem;
    color: #ffffffa8;
    background: var(--admin-graphite);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.roster-row[b-u9okzrvk9d] {
    position: relative;
    min-height: 6.6rem;
    padding: 1rem;
    border-bottom: 1px solid var(--admin-line);
    transition: background-color 160ms ease;
}

.roster-row:last-child[b-u9okzrvk9d] {
    border-bottom: 0;
}

.roster-row[b-u9okzrvk9d]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0;
    background: var(--admin-signal);
    content: "";
    transition: width 160ms ease;
}

.roster-row:hover[b-u9okzrvk9d],
.roster-row:focus-within[b-u9okzrvk9d] {
    background: color-mix(in srgb, var(--admin-signal) 3%, var(--admin-surface));
}

.roster-row:hover[b-u9okzrvk9d]::before,
.roster-row:focus-within[b-u9okzrvk9d]::before {
    width: 3px;
}

.person-cell[b-u9okzrvk9d] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.9rem;
}

.person-avatar[b-u9okzrvk9d] {
    display: grid;
    flex: 0 0 2.8rem;
    width: 2.8rem;
    aspect-ratio: 1;
    place-items: center;
    color: var(--admin-signal);
    border: 1px solid color-mix(in srgb, var(--admin-signal) 22%, var(--admin-line));
    background: color-mix(in srgb, var(--admin-signal) 7%, var(--admin-surface));
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.08em;
}

.person-cell h2[b-u9okzrvk9d],
.person-cell p[b-u9okzrvk9d] {
    overflow: hidden;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.person-cell h2[b-u9okzrvk9d] {
    font-size: 0.98rem;
    font-weight: 760;
}

.person-cell p[b-u9okzrvk9d] {
    margin-top: 0.22rem;
    color: var(--admin-muted);
    font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
    font-size: 0.76rem;
}

.membership-cell[b-u9okzrvk9d] {
    display: grid;
    gap: 0.15rem;
    font-variant-numeric: tabular-nums;
}

.membership-cell strong[b-u9okzrvk9d] {
    font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
    font-size: 0.88rem;
    letter-spacing: 0.04em;
}

.membership-cell small[b-u9okzrvk9d] {
    color: var(--admin-muted);
    font-size: 0.68rem;
}

.role-list[b-u9okzrvk9d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.role-badge[b-u9okzrvk9d] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.25rem 0.52rem;
    border: 1px solid var(--admin-line);
    color: var(--admin-ink);
    background: color-mix(in srgb, var(--admin-graphite) 3%, var(--admin-surface));
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.status-cell[b-u9okzrvk9d] {
    display: grid;
    gap: 0.4rem;
}

.status-badge[b-u9okzrvk9d] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 0.48rem;
    font-size: 0.72rem;
    font-weight: 750;
    white-space: nowrap;
}

.status-dot[b-u9okzrvk9d] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 0.22rem color-mix(in srgb, currentColor 12%, transparent);
}

.status-badge.is-active[b-u9okzrvk9d] {
    color: var(--color-success);
}

.status-badge.is-inactive[b-u9okzrvk9d] {
    color: var(--color-danger);
}

.row-action[b-u9okzrvk9d] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 2.7rem;
    padding: 0.65rem 0.8rem;
    border-color: var(--admin-line);
    border-radius: var(--radius-control);
    color: var(--admin-ink);
    font-size: 0.76rem;
    font-weight: 750;
}

.row-action:hover[b-u9okzrvk9d],
.row-action:focus-visible[b-u9okzrvk9d] {
    border-color: var(--admin-graphite);
    color: #ffffff;
    background: var(--admin-graphite);
}

.mobile-label[b-u9okzrvk9d] {
    display: none;
}

.pagination-console[b-u9okzrvk9d] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.5rem;
}

.pagination-console .btn[b-u9okzrvk9d] {
    min-width: 7rem;
    border-radius: var(--radius-control);
}

@keyframes status-pulse-b-u9okzrvk9d {
    to {
        opacity: 0.25;
    }
}

@media (max-width: 74rem) {
    .roster-columns[b-u9okzrvk9d],
    .roster-row[b-u9okzrvk9d] {
        grid-template-columns: minmax(13rem, 1.4fr) minmax(8rem, 0.75fr) minmax(10rem, 1fr) minmax(6rem, 0.5fr);
    }

    .roster-columns span:last-child[b-u9okzrvk9d] {
        display: none;
    }

    .row-action[b-u9okzrvk9d] {
        grid-column: 1 / -1;
        justify-self: end;
        margin-top: -0.45rem;
    }
}

@media (max-width: 56rem) {
    .filter-fields[b-u9okzrvk9d] {
        grid-template-columns: 1fr 1fr;
    }

    .filter-field--search[b-u9okzrvk9d],
    .filter-action[b-u9okzrvk9d] {
        grid-column: 1 / -1;
    }

    .roster-columns[b-u9okzrvk9d] {
        display: none;
    }

    .user-roster[b-u9okzrvk9d] {
        display: grid;
        gap: 0.9rem;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .roster-row[b-u9okzrvk9d] {
        grid-template-columns: 1fr 1fr;
        gap: 1rem 1.5rem;
        min-height: auto;
        padding: 1.1rem;
        border: 1px solid var(--admin-line);
        background: var(--admin-surface);
    }

    .person-cell[b-u9okzrvk9d] {
        grid-column: 1 / -1;
        padding-bottom: 0.9rem;
        border-bottom: 1px solid var(--admin-line);
    }

    .mobile-label[b-u9okzrvk9d] {
        display: block;
        width: 100%;
        color: var(--admin-muted);
        font-size: 0.62rem;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    .role-list[b-u9okzrvk9d],
    .status-cell[b-u9okzrvk9d] {
        align-content: start;
    }

    .row-action[b-u9okzrvk9d] {
        grid-column: 1 / -1;
        justify-self: stretch;
        margin: 0;
    }
}

@media (max-width: 36rem) {
    .page-title-row[b-u9okzrvk9d] {
        align-items: start;
        flex-direction: column;
    }

    .module-code[b-u9okzrvk9d] {
        min-width: min(100%, 12rem);
    }

    .console-heading[b-u9okzrvk9d] {
        align-items: start;
        flex-direction: column;
    }

    .filter-fields[b-u9okzrvk9d],
    .roster-row[b-u9okzrvk9d] {
        grid-template-columns: 1fr;
    }

    .filter-field--search[b-u9okzrvk9d],
    .filter-action[b-u9okzrvk9d],
    .person-cell[b-u9okzrvk9d],
    .row-action[b-u9okzrvk9d] {
        grid-column: auto;
    }

    .roster-summary[b-u9okzrvk9d] {
        align-items: start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .loading-state > span[b-u9okzrvk9d] {
        animation: none;
    }

    .roster-row[b-u9okzrvk9d],
    .roster-row[b-u9okzrvk9d]::before {
        transition: none;
    }
}
/* /Components/Beverages/Pages/Beverages.razor.rz.scp.css */
.beverage-page[b-gasnguw49a] {
    display: grid;
    width: min(100%, 92rem);
    margin-inline: auto;
    gap: 1.25rem;
}

.beverage-hero[b-gasnguw49a] {
    display: grid;
    padding: clamp(1.5rem, 4vw, 3.5rem);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-lg);
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 2rem;
    background:
        radial-gradient(circle at 88% 8%, rgb(47 111 237 / 18%), transparent 20rem),
        radial-gradient(circle at 70% 110%, rgb(226 59 48 / 13%), transparent 24rem),
        var(--color-surface);
    box-shadow: var(--shadow-md);
}

.beverage-hero h1[b-gasnguw49a] {
    max-width: 16ch;
    margin-block: 0.4rem 1rem;
}

.beverage-hero > div > p:last-child[b-gasnguw49a] {
    max-width: 51rem;
    margin: 0;
    color: var(--color-muted);
}

.balance-card[b-gasnguw49a] {
    display: grid;
    min-width: 15rem;
    padding: 1.2rem 1.35rem;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
    gap: 0.2rem;
    background: color-mix(in srgb, var(--color-surface-strong) 85%, transparent);
}

.balance-card small[b-gasnguw49a],
.balance-card span[b-gasnguw49a] {
    color: var(--color-muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.balance-card strong[b-gasnguw49a] {
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1;
}

.balance-card.is-open[b-gasnguw49a] {
    border-color: color-mix(in srgb, var(--color-signal) 48%, var(--color-line));
    background: var(--color-signal-soft);
}

.balance-card.is-open strong[b-gasnguw49a] {
    color: var(--color-signal);
}

.beverage-message[b-gasnguw49a] {
    display: flex;
    padding: 0.9rem 1rem;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
    align-items: center;
    gap: 0.8rem;
    background: var(--color-surface);
}

.beverage-message strong[b-gasnguw49a] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    place-items: center;
    color: #fff;
    background: #20865c;
    font-size: 0.68rem;
}

.beverage-message p[b-gasnguw49a] {
    margin: 0;
}

.beverage-message.is-error[b-gasnguw49a] {
    border-color: color-mix(in srgb, var(--color-signal) 48%, var(--color-line));
    background: var(--color-signal-soft);
}

.beverage-message.is-error strong[b-gasnguw49a] {
    background: var(--color-signal);
}

.beverage-loading[b-gasnguw49a] {
    display: flex;
    min-height: 12rem;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-lg);
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    color: var(--color-muted);
    background: var(--color-surface);
}

.beverage-loading span[b-gasnguw49a] {
    width: 1rem;
    height: 1rem;
    border: 2px solid var(--color-line);
    border-top-color: var(--color-signal);
    border-radius: 50%;
    animation: beverage-spin-b-gasnguw49a 0.8s linear infinite;
}

.consume-station[b-gasnguw49a],
.member-ledger[b-gasnguw49a],
.activity-board[b-gasnguw49a],
.manager-console[b-gasnguw49a] {
    overflow: hidden;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    box-shadow: var(--shadow-sm);
}

.consume-station > header[b-gasnguw49a],
.member-ledger > header[b-gasnguw49a],
.activity-board > header[b-gasnguw49a],
.manager-heading[b-gasnguw49a] {
    display: flex;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--color-line);
    align-items: center;
    gap: 0.85rem;
}

.consume-station > header > span[b-gasnguw49a],
.manager-heading > span[b-gasnguw49a] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    color: #fff;
    background: var(--color-ink);
    font-size: 0.72rem;
    font-weight: 900;
}

.consume-station header p[b-gasnguw49a],
.consume-station header h2[b-gasnguw49a],
.member-ledger header p[b-gasnguw49a],
.member-ledger header h2[b-gasnguw49a],
.activity-board header p[b-gasnguw49a],
.activity-board header h2[b-gasnguw49a],
.manager-heading p[b-gasnguw49a],
.manager-heading h2[b-gasnguw49a],
.manager-console section > header p[b-gasnguw49a],
.manager-console section > header h3[b-gasnguw49a],
.manager-forms header p[b-gasnguw49a],
.manager-forms header h3[b-gasnguw49a] {
    margin: 0;
}

.consume-station header p[b-gasnguw49a],
.member-ledger header p[b-gasnguw49a],
.activity-board header p[b-gasnguw49a],
.manager-heading p[b-gasnguw49a],
.manager-console section > header p[b-gasnguw49a],
.manager-forms header p[b-gasnguw49a] {
    color: var(--color-signal);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.consume-station > header > small[b-gasnguw49a],
.manager-heading > small[b-gasnguw49a] {
    margin-left: auto;
    color: var(--color-muted);
    font-weight: 700;
}

.consume-layout[b-gasnguw49a] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
}

.consume-form[b-gasnguw49a] {
    display: grid;
    padding: clamp(1.1rem, 3vw, 2rem);
    grid-template-columns: minmax(0, 1fr) 8rem;
    align-content: start;
    gap: 1rem;
}

.consume-form label[b-gasnguw49a],
.manager-forms label[b-gasnguw49a],
.manager-action-form label[b-gasnguw49a],
.cancel-panel label[b-gasnguw49a],
.close-activity-form label[b-gasnguw49a] {
    display: grid;
    gap: 0.35rem;
}

.consume-form label > span[b-gasnguw49a],
.manager-forms label > span[b-gasnguw49a],
.manager-action-form label > span[b-gasnguw49a],
.cancel-panel label > span[b-gasnguw49a],
.close-activity-form label > span[b-gasnguw49a] {
    color: var(--color-muted);
    font-size: 0.69rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.consume-form input[b-gasnguw49a],
.consume-form select[b-gasnguw49a],
.manager-forms input[b-gasnguw49a],
.manager-forms select[b-gasnguw49a],
.manager-action-form select[b-gasnguw49a],
.cancel-panel input[b-gasnguw49a],
.cancel-panel select[b-gasnguw49a],
.close-activity-form select[b-gasnguw49a] {
    width: 100%;
    min-height: 3rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid var(--color-line);
    border-radius: 0.65rem;
    color: var(--color-ink);
    background: var(--color-surface-strong);
    font: inherit;
}

.consume-form input:focus[b-gasnguw49a],
.consume-form select:focus[b-gasnguw49a],
.manager-forms input:focus[b-gasnguw49a],
.manager-forms select:focus[b-gasnguw49a],
.manager-action-form select:focus[b-gasnguw49a],
.cancel-panel input:focus[b-gasnguw49a],
.cancel-panel select:focus[b-gasnguw49a],
.close-activity-form select:focus[b-gasnguw49a] {
    border-color: var(--color-focus);
    outline: 3px solid color-mix(in srgb, var(--color-focus) 20%, transparent);
}

.consume-form .field-context[b-gasnguw49a],
.consume-form button[b-gasnguw49a] {
    grid-column: 1 / -1;
}

.consume-form label small[b-gasnguw49a] {
    color: var(--color-muted);
}

.consume-form button[b-gasnguw49a],
.manager-forms button[b-gasnguw49a],
.manager-action-form button[b-gasnguw49a],
.cancel-panel button[b-gasnguw49a],
.close-activity-form button[b-gasnguw49a] {
    min-height: 3rem;
    padding: 0.75rem 1rem;
    border: 0;
    border-radius: 0.65rem;
    color: #fff;
    background: var(--color-signal);
    cursor: pointer;
    font: inherit;
    font-weight: 850;
}

.consume-form button:hover[b-gasnguw49a],
.manager-forms button:hover[b-gasnguw49a],
.manager-action-form button:hover[b-gasnguw49a],
.cancel-panel button:hover[b-gasnguw49a],
.close-activity-form button:hover[b-gasnguw49a] {
    filter: brightness(1.08);
}

.consume-form button:disabled[b-gasnguw49a] {
    cursor: not-allowed;
    opacity: 0.55;
}

.product-snapshot[b-gasnguw49a] {
    display: grid;
    padding: 1rem;
    border-left: 1px solid var(--color-line);
    align-content: start;
    gap: 0.55rem;
    background: var(--color-surface-subtle);
}

.product-snapshot article[b-gasnguw49a] {
    display: grid;
    padding: 0.75rem;
    border: 1px solid var(--color-line);
    border-radius: 0.7rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    background: var(--color-surface);
}

.product-snapshot article > span[b-gasnguw49a] {
    display: grid;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.55rem;
    place-items: center;
    color: #fff;
    background: #2f6fed;
    font-weight: 900;
}

.product-snapshot article div[b-gasnguw49a] {
    display: grid;
}

.product-snapshot article small[b-gasnguw49a] {
    color: var(--color-muted);
}

.product-snapshot article b[b-gasnguw49a] {
    font-size: 1.35rem;
}

.product-snapshot article.is-low[b-gasnguw49a] {
    border-color: color-mix(in srgb, var(--color-signal) 40%, var(--color-line));
}

.product-snapshot article.is-low > span[b-gasnguw49a] {
    background: var(--color-signal);
}

.member-grid[b-gasnguw49a],
.manager-grid[b-gasnguw49a],
.manager-forms[b-gasnguw49a] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.member-ledger > header[b-gasnguw49a],
.activity-board > header[b-gasnguw49a],
.debt-register > header[b-gasnguw49a],
.catalog-register > header[b-gasnguw49a] {
    justify-content: space-between;
}

.member-ledger > header > strong[b-gasnguw49a] {
    color: var(--color-signal);
    font-size: 1.45rem;
}

.activity-board > header > span[b-gasnguw49a] {
    padding: 0.35rem 0.55rem;
    border-radius: 999px;
    color: #fff;
    background: #2f6fed;
    font-size: 0.7rem;
    font-weight: 800;
}

.empty-state[b-gasnguw49a],
.empty-compact[b-gasnguw49a] {
    display: grid;
    min-height: 8rem;
    padding: 1.5rem;
    place-items: center;
    align-content: center;
    gap: 0.35rem;
    color: var(--color-muted);
    text-align: center;
}

.empty-state span[b-gasnguw49a] {
    color: var(--color-line-strong);
    font-size: 2rem;
    font-weight: 900;
}

.empty-state p[b-gasnguw49a],
.empty-compact p[b-gasnguw49a] {
    margin: 0;
}

.ledger-list[b-gasnguw49a],
.activity-list[b-gasnguw49a],
.debt-list[b-gasnguw49a],
.catalog-list[b-gasnguw49a] {
    display: grid;
}

.ledger-list article[b-gasnguw49a] {
    display: grid;
    min-height: 4.4rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--color-line);
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.8rem;
}

.ledger-list article div[b-gasnguw49a] {
    display: grid;
}

.ledger-list article small[b-gasnguw49a] {
    color: var(--color-muted);
}

.ledger-status[b-gasnguw49a] {
    padding: 0.3rem 0.48rem;
    border-radius: 999px;
    color: var(--color-muted);
    background: var(--color-surface-subtle);
    font-size: 0.66rem;
    font-weight: 850;
    text-transform: uppercase;
}

.ledger-status.is-open[b-gasnguw49a] {
    color: var(--color-signal);
    background: var(--color-signal-soft);
}

.ledger-status.is-paid[b-gasnguw49a] {
    color: #20865c;
    background: rgb(32 134 92 / 12%);
}

.ledger-status.is-activity[b-gasnguw49a] {
    color: #2f6fed;
    background: rgb(47 111 237 / 12%);
}

.ledger-status.is-cancelled[b-gasnguw49a] {
    text-decoration: line-through;
}

.cancel-panel[b-gasnguw49a] {
    padding: 1rem;
    border-top: 1px solid var(--color-line);
    background: var(--color-surface-subtle);
}

.cancel-panel summary[b-gasnguw49a] {
    cursor: pointer;
    font-weight: 800;
}

.cancel-panel form[b-gasnguw49a] {
    display: grid;
    margin-top: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.75rem;
}

.activity-list[b-gasnguw49a] {
    padding: 0.8rem;
    gap: 0.65rem;
}

.activity-list article[b-gasnguw49a] {
    padding: 0.9rem;
    border: 1px solid var(--color-line);
    border-radius: 0.75rem;
    background: var(--color-surface-subtle);
}

.activity-list article.is-open[b-gasnguw49a] {
    border-left: 4px solid #2f6fed;
}

.activity-list article > header[b-gasnguw49a] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.activity-list article > header div[b-gasnguw49a] {
    display: grid;
}

.activity-list article > header small[b-gasnguw49a],
.activity-list article > p[b-gasnguw49a] {
    color: var(--color-muted);
}

.activity-list article > header > span[b-gasnguw49a] {
    color: var(--color-muted);
    font-size: 0.66rem;
    font-weight: 800;
    text-transform: uppercase;
}

.activity-list ul[b-gasnguw49a] {
    display: grid;
    margin: 0.8rem 0 0;
    padding: 0;
    gap: 0.35rem;
    list-style: none;
}

.activity-list li[b-gasnguw49a] {
    display: flex;
    padding-top: 0.35rem;
    border-top: 1px solid var(--color-line);
    justify-content: space-between;
    gap: 1rem;
}

.manager-console[b-gasnguw49a] {
    border-top: 4px solid var(--color-signal);
}

.manager-summary[b-gasnguw49a] {
    display: grid;
    padding: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    background: var(--color-surface-subtle);
}

.manager-summary article[b-gasnguw49a] {
    display: grid;
    padding: 1rem;
    border: 1px solid var(--color-line);
    border-radius: 0.75rem;
    gap: 0.2rem;
    background: var(--color-surface);
}

.manager-summary small[b-gasnguw49a],
.manager-summary span[b-gasnguw49a] {
    color: var(--color-muted);
}

.manager-summary strong[b-gasnguw49a] {
    font-size: 1.8rem;
}

.manager-grid[b-gasnguw49a],
.manager-forms[b-gasnguw49a] {
    padding: 0 1rem 1rem;
}

.manager-grid > section[b-gasnguw49a],
.manager-forms > section[b-gasnguw49a] {
    overflow: hidden;
    border: 1px solid var(--color-line);
    border-radius: 0.8rem;
    background: var(--color-surface);
}

.manager-grid section > header[b-gasnguw49a],
.manager-forms section > header[b-gasnguw49a] {
    padding: 1rem;
    border-bottom: 1px solid var(--color-line);
}

.debt-list article[b-gasnguw49a],
.catalog-list article[b-gasnguw49a] {
    display: grid;
    min-height: 4rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--color-line);
    align-items: center;
    gap: 0.7rem;
}

.debt-list article[b-gasnguw49a] {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.debt-list article > span[b-gasnguw49a] {
    display: grid;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    place-items: center;
    color: #fff;
    background: var(--color-signal);
    font-size: 0.72rem;
    font-weight: 900;
}

.debt-list article div[b-gasnguw49a],
.catalog-list article div[b-gasnguw49a] {
    display: grid;
}

.debt-list small[b-gasnguw49a],
.catalog-list small[b-gasnguw49a] {
    color: var(--color-muted);
}

.catalog-list article[b-gasnguw49a] {
    grid-template-columns: minmax(0, 1fr) auto auto auto;
}

.catalog-list article > b[b-gasnguw49a] {
    min-width: 2rem;
    font-size: 1.25rem;
    text-align: right;
}

.catalog-list article > span[b-gasnguw49a] {
    color: #20865c;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.catalog-list article.is-inactive[b-gasnguw49a] {
    opacity: 0.62;
}

.catalog-list article.is-inactive > span[b-gasnguw49a] {
    color: var(--color-muted);
}

.catalog-list a[b-gasnguw49a],
.manager-forms a[b-gasnguw49a] {
    color: var(--color-signal);
    font-weight: 800;
    text-decoration: none;
}

.manager-action-form[b-gasnguw49a],
.manager-forms form[b-gasnguw49a],
.close-activity-form[b-gasnguw49a] {
    display: grid;
    padding: 1rem;
    gap: 0.75rem;
}

.manager-action-form[b-gasnguw49a] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    border-top: 1px solid var(--color-line);
    background: var(--color-surface-subtle);
}

.manager-forms form[b-gasnguw49a] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.manager-forms form button[b-gasnguw49a],
.manager-forms form > a[b-gasnguw49a],
.manager-forms .check-control[b-gasnguw49a] {
    grid-column: 1 / -1;
}

.check-control[b-gasnguw49a] {
    display: flex !important;
    min-height: 2.8rem;
    padding: 0.7rem;
    border: 1px solid var(--color-line);
    border-radius: 0.65rem;
    align-items: center;
    gap: 0.65rem;
    background: var(--color-surface-subtle);
}

.check-control input[b-gasnguw49a] {
    width: 1.15rem;
    min-height: 1.15rem;
}

.close-activity-form[b-gasnguw49a] {
    border-top: 1px solid var(--color-line);
    background: var(--color-surface-subtle);
}

@keyframes beverage-spin-b-gasnguw49a {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 980px) {
    .consume-layout[b-gasnguw49a],
    .member-grid[b-gasnguw49a],
    .manager-grid[b-gasnguw49a],
    .manager-forms[b-gasnguw49a] {
        grid-template-columns: 1fr;
    }

    .product-snapshot[b-gasnguw49a] {
        border-top: 1px solid var(--color-line);
        border-left: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .beverage-hero[b-gasnguw49a] {
        grid-template-columns: 1fr;
    }

    .balance-card[b-gasnguw49a] {
        min-width: 0;
    }

    .consume-station > header[b-gasnguw49a],
    .manager-heading[b-gasnguw49a] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .consume-station > header > small[b-gasnguw49a],
    .manager-heading > small[b-gasnguw49a] {
        width: 100%;
        margin-left: 3.2rem;
    }

    .consume-form[b-gasnguw49a],
    .manager-forms form[b-gasnguw49a],
    .manager-action-form[b-gasnguw49a],
    .cancel-panel form[b-gasnguw49a] {
        grid-template-columns: 1fr;
    }

    .consume-form .field-product[b-gasnguw49a],
    .consume-form label[b-gasnguw49a],
    .consume-form button[b-gasnguw49a],
    .manager-action-form label[b-gasnguw49a],
    .manager-action-form button[b-gasnguw49a] {
        grid-column: 1;
    }

    .product-snapshot[b-gasnguw49a],
    .manager-summary[b-gasnguw49a] {
        grid-template-columns: 1fr;
    }

    .ledger-list article[b-gasnguw49a] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .ledger-list article > b[b-gasnguw49a] {
        grid-column: 2;
    }

    .catalog-list article[b-gasnguw49a] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .catalog-list article > span[b-gasnguw49a],
    .catalog-list article > a[b-gasnguw49a] {
        grid-row: 2;
    }
}

@media (prefers-reduced-motion: reduce) {
    .beverage-loading span[b-gasnguw49a] {
        animation: none;
    }
}
/* /Components/Calendar/Pages/CalendarEntryDetails.razor.rz.scp.css */
.entry-dossier[b-te3t1y88fy] {
    --detail-ink: var(--color-ink);
    --detail-muted: var(--color-muted);
    --detail-line: var(--color-line);
    --detail-red: var(--color-signal-bright);
    --detail-blue: var(--color-technical);
    --detail-violet: var(--color-violet);
    --detail-amber: var(--color-warning);
    display: grid;
    padding-block: clamp(1.5rem, 4vw, 4rem);
    gap: 1.4rem;
}

.entry-header[b-te3t1y88fy] {
    --type-color: var(--detail-blue);
    position: relative;
    display: grid;
    min-height: 25rem;
    padding: clamp(2rem, 5vw, 4.5rem);
    overflow: hidden;
    grid-template-columns: 1fr auto;
    align-content: space-between;
    gap: 2rem;
    color: #fff;
    background:
        linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px),
        radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--type-color) 26%, transparent), transparent 18rem),
        var(--color-inverse-surface);
    background-size: 5rem 5rem, 5rem 5rem, auto, auto;
}

.entry-header[b-te3t1y88fy]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.42rem;
    background: var(--type-color);
    content: "";
}

.entry-header[b-te3t1y88fy]::after {
    position: absolute;
    right: -8rem;
    bottom: -9rem;
    width: 25rem;
    height: 25rem;
    border: 1px solid rgb(255 255 255 / 11%);
    border-radius: 50%;
    box-shadow: 0 0 0 4.5rem rgb(255 255 255 / 2%);
    content: "";
}

.entry-header.type-appointment[b-te3t1y88fy] {
    --type-color: var(--detail-blue);
}

.entry-header.type-absence[b-te3t1y88fy] {
    --type-color: var(--detail-violet);
}

.entry-header.type-traffic[b-te3t1y88fy] {
    --type-color: var(--detail-amber);
}

.entry-header.type-resource[b-te3t1y88fy] {
    --type-color: var(--detail-red);
}

.entry-header > a[b-te3t1y88fy] {
    z-index: 1;
    grid-column: 1 / -1;
    align-self: start;
    color: #bbc5ca;
    font-size: 0.72rem;
    font-weight: 750;
    text-decoration: none;
}

.entry-heading[b-te3t1y88fy] {
    z-index: 1;
    align-self: end;
}

.entry-type[b-te3t1y88fy] {
    display: inline-flex;
    margin-bottom: 1rem;
    padding: 0.35rem 0.55rem;
    border: 1px solid color-mix(in srgb, var(--type-color) 70%, #fff);
    color: #fff;
    background: color-mix(in srgb, var(--type-color) 60%, transparent);
    font-size: 0.62rem;
    font-weight: 850;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.entry-heading h1[b-te3t1y88fy] {
    max-width: 15ch;
    margin: 0;
    color: #fff;
    font-size: clamp(2.7rem, 6vw, 6rem);
    font-weight: 650;
    letter-spacing: -0.06em;
    line-height: 0.94;
}

.entry-heading p[b-te3t1y88fy] {
    margin: 1rem 0 0;
    color: #bac4c9;
}

.entry-state[b-te3t1y88fy] {
    z-index: 1;
    display: grid;
    min-width: 8.5rem;
    padding: 0.8rem 1rem;
    border-left: 3px solid var(--type-color);
    align-self: end;
    background: rgb(255 255 255 / 6%);
}

.entry-state span[b-te3t1y88fy] {
    color: #99a7ae;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.entry-state strong[b-te3t1y88fy] {
    font-size: 0.9rem;
    letter-spacing: 0.08em;
}

.entry-message[b-te3t1y88fy] {
    display: grid;
    padding: 1rem 1.2rem;
    border: 1px solid var(--detail-line);
    border-left: 3px solid var(--detail-ink);
    grid-template-columns: 3rem 1fr;
    background: var(--color-surface);
}

.entry-message strong[b-te3t1y88fy] {
    color: var(--detail-red);
    font-size: 0.67rem;
    letter-spacing: 0.1em;
}

.entry-message p[b-te3t1y88fy] {
    margin: 0;
}

.entry-message.is-error[b-te3t1y88fy] {
    border-left-color: var(--detail-red);
}

.entry-message.is-success[b-te3t1y88fy] {
    border-left-color: var(--color-success);
    background: var(--color-success-soft);
}

.entry-message.is-success strong[b-te3t1y88fy] {
    color: var(--color-success);
}

.entry-layout[b-te3t1y88fy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: var(--detail-line);
}

.entry-facts[b-te3t1y88fy],
.entry-context[b-te3t1y88fy] {
    padding: clamp(1.4rem, 3vw, 2.4rem);
    background: var(--color-surface);
}

.entry-facts > header[b-te3t1y88fy],
.entry-context > header[b-te3t1y88fy] {
    display: flex;
    min-height: 4.5rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid var(--detail-line);
    align-items: center;
    gap: 0.8rem;
}

.entry-facts > header > span[b-te3t1y88fy],
.entry-context > header > span[b-te3t1y88fy] {
    display: grid;
    width: 2.1rem;
    height: 2.1rem;
    place-items: center;
    color: #fff;
    background: var(--color-inverse-surface);
    font-size: 0.62rem;
    font-weight: 850;
}

.entry-facts header p[b-te3t1y88fy],
.entry-facts header h2[b-te3t1y88fy],
.entry-context header p[b-te3t1y88fy],
.entry-context header h2[b-te3t1y88fy] {
    margin: 0;
}

.entry-facts header p[b-te3t1y88fy],
.entry-context header p[b-te3t1y88fy] {
    color: var(--detail-red);
    font-size: 0.59rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.entry-facts header h2[b-te3t1y88fy],
.entry-context header h2[b-te3t1y88fy] {
    margin-top: 0.18rem;
    font-size: 1.25rem;
}

.entry-facts dl[b-te3t1y88fy],
.audit-facts[b-te3t1y88fy] {
    margin: 0;
}

.entry-facts dl > div[b-te3t1y88fy],
.audit-facts > div[b-te3t1y88fy] {
    display: grid;
    min-height: 4.2rem;
    padding-block: 0.85rem;
    border-bottom: 1px solid #e6eaea;
    grid-template-columns: minmax(8rem, 0.7fr) 1.3fr;
    align-items: center;
    gap: 1rem;
}

.entry-facts dt[b-te3t1y88fy],
.audit-facts dt[b-te3t1y88fy] {
    color: var(--detail-muted);
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.entry-facts dd[b-te3t1y88fy],
.audit-facts dd[b-te3t1y88fy] {
    margin: 0;
    color: var(--detail-ink);
    font-size: 0.8rem;
    font-weight: 750;
}

.entry-description[b-te3t1y88fy] {
    padding: 1.2rem 0;
    border-bottom: 1px solid var(--detail-line);
}

.entry-description h3[b-te3t1y88fy] {
    margin: 0;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.entry-description p[b-te3t1y88fy] {
    margin: 0.6rem 0 0;
    color: var(--color-muted);
    white-space: pre-wrap;
}

.absence-privacy[b-te3t1y88fy] {
    display: flex;
    margin-block: 1.2rem;
    padding: 1rem;
    border: 1px solid #dbcef0;
    align-items: center;
    gap: 0.8rem;
    color: var(--color-violet);
    background: var(--color-violet-soft);
}

.absence-privacy > span[b-te3t1y88fy] {
    font-size: 1.6rem;
}

.absence-privacy p[b-te3t1y88fy] {
    display: grid;
    margin: 0;
    font-size: 0.73rem;
}

.response-station[b-te3t1y88fy],
.reminder-station[b-te3t1y88fy],
.entry-controls[b-te3t1y88fy] {
    border: 1px solid var(--detail-line);
    background: var(--color-surface);
}

.response-station[b-te3t1y88fy] {
    overflow: hidden;
    border: 2px solid color-mix(in srgb, var(--detail-blue) 48%, var(--detail-line));
    box-shadow: 0 1rem 2.5rem rgb(15 23 42 / 9%);
}

.response-station > header[b-te3t1y88fy],
.reminder-station > header[b-te3t1y88fy],
.entry-controls > header[b-te3t1y88fy] {
    display: flex;
    min-height: 7rem;
    padding: 1.2rem clamp(1.3rem, 3vw, 2rem);
    border-bottom: 1px solid var(--detail-line);
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.response-station > header[b-te3t1y88fy] {
    min-height: 9rem;
    background:
        linear-gradient(
            100deg,
            color-mix(in srgb, var(--detail-blue) 11%, var(--color-surface)),
            var(--color-surface) 58%);
}

.response-station header p[b-te3t1y88fy],
.response-station header h2[b-te3t1y88fy],
.reminder-station header p[b-te3t1y88fy],
.reminder-station header h2[b-te3t1y88fy],
.entry-controls header p[b-te3t1y88fy],
.entry-controls header h2[b-te3t1y88fy] {
    margin: 0;
}

.response-station header p[b-te3t1y88fy],
.reminder-station header p[b-te3t1y88fy],
.entry-controls header p[b-te3t1y88fy] {
    color: var(--detail-red);
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.response-station header p[b-te3t1y88fy] {
    color: var(--detail-blue);
}

.response-station header h2[b-te3t1y88fy],
.reminder-station header h2[b-te3t1y88fy],
.entry-controls header h2[b-te3t1y88fy] {
    margin-top: 0.25rem;
    font-size: clamp(1.5rem, 3vw, 2.6rem);
}

.response-station header h2[b-te3t1y88fy] {
    font-size: clamp(2rem, 4vw, 3.5rem);
    letter-spacing: -0.045em;
    line-height: 0.95;
}

.own-response[b-te3t1y88fy] {
    --own-response-color: var(--detail-blue);
    display: grid;
    min-width: 13rem;
    padding: 0.8rem 1rem;
    border: 1px solid color-mix(
        in srgb,
        var(--own-response-color) 55%,
        var(--detail-line));
    border-left: 4px solid var(--own-response-color);
    gap: 0.2rem;
    background: color-mix(
        in srgb,
        var(--own-response-color) 8%,
        var(--color-surface));
}

.own-response small[b-te3t1y88fy] {
    color: var(--detail-muted);
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.own-response strong[b-te3t1y88fy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--own-response-color);
    font-size: 1rem;
}

.own-response strong span[b-te3t1y88fy] {
    display: grid;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    place-items: center;
    color: #fff;
    background: var(--own-response-color);
    font-size: 0.8rem;
}

.own-response.is-accepted[b-te3t1y88fy] {
    --own-response-color: var(--color-success);
}

.own-response.is-tentative[b-te3t1y88fy] {
    --own-response-color: var(--detail-amber);
}

.own-response.is-declined[b-te3t1y88fy] {
    --own-response-color: var(--detail-red);
}

.response-totals[b-te3t1y88fy] {
    display: grid;
    padding: 0.9rem clamp(1.3rem, 3vw, 2rem);
    border-top: 1px solid var(--detail-line);
    grid-template-columns: repeat(4, minmax(5rem, 8rem));
    justify-content: end;
    gap: 0.6rem;
    background: var(--color-surface-subtle);
}

.response-totals span[b-te3t1y88fy] {
    display: grid;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--detail-line);
    color: var(--detail-muted);
    font-size: 0.59rem;
    text-align: center;
    text-transform: uppercase;
}

.response-totals strong[b-te3t1y88fy] {
    color: var(--detail-ink);
    font-size: 1.1rem;
}

.response-roster[b-te3t1y88fy] {
    border-top: 1px solid var(--detail-line);
    background: var(--color-surface);
}

.response-roster > header[b-te3t1y88fy] {
    display: flex;
    min-height: 6rem;
    padding: 1.2rem clamp(1.3rem, 3vw, 2rem);
    border-bottom: 1px solid var(--detail-line);
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.response-roster > header p[b-te3t1y88fy],
.response-roster > header h3[b-te3t1y88fy] {
    margin: 0;
}

.response-roster > header p[b-te3t1y88fy] {
    color: var(--detail-blue);
    font-size: 0.59rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.response-roster > header h3[b-te3t1y88fy] {
    margin-top: 0.2rem;
    color: var(--detail-ink);
    font-size: clamp(1.25rem, 3vw, 2rem);
    letter-spacing: -0.025em;
}

.response-roster > header > strong[b-te3t1y88fy] {
    padding: 0.5rem 0.7rem;
    color: var(--detail-muted);
    background: var(--color-surface-subtle);
    font-size: 0.65rem;
    text-transform: uppercase;
}

.response-roster-grid[b-te3t1y88fy] {
    display: grid;
    padding: clamp(1rem, 2.5vw, 1.6rem);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
    background: var(--color-surface-subtle);
}

.response-group[b-te3t1y88fy] {
    --response-group-color: var(--detail-blue);
    min-width: 0;
    border: 1px solid var(--detail-line);
    border-top: 4px solid var(--response-group-color);
    background: var(--color-surface);
}

.response-group.is-accepted[b-te3t1y88fy] {
    --response-group-color: var(--color-success);
}

.response-group.is-tentative[b-te3t1y88fy] {
    --response-group-color: var(--detail-amber);
}

.response-group.is-declined[b-te3t1y88fy] {
    --response-group-color: var(--detail-red);
}

.response-group.is-pending[b-te3t1y88fy] {
    --response-group-color: var(--detail-blue);
}

.response-group > header[b-te3t1y88fy] {
    display: grid;
    min-height: 4.8rem;
    padding: 0.8rem;
    border-bottom: 1px solid var(--detail-line);
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.65rem;
    background: color-mix(
        in srgb,
        var(--response-group-color) 7%,
        var(--color-surface));
}

.response-group > header > span[b-te3t1y88fy] {
    display: grid;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    place-items: center;
    color: #fff;
    background: var(--response-group-color);
    font-size: 0.8rem;
    font-weight: 850;
}

.response-group > header h4[b-te3t1y88fy],
.response-group > header p[b-te3t1y88fy] {
    margin: 0;
}

.response-group > header h4[b-te3t1y88fy] {
    color: var(--detail-ink);
    font-size: 0.78rem;
}

.response-group > header p[b-te3t1y88fy] {
    margin-top: 0.12rem;
    color: var(--detail-muted);
    font-size: 0.57rem;
}

.response-group > header > strong[b-te3t1y88fy] {
    color: var(--response-group-color);
    font-size: 1.15rem;
}

.response-group ul[b-te3t1y88fy] {
    padding: 0;
    margin: 0;
    list-style: none;
}

.response-group li[b-te3t1y88fy] {
    display: grid;
    min-height: 4.4rem;
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid var(--detail-line);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
}

.response-group li:last-child[b-te3t1y88fy] {
    border-bottom: 0;
}

.response-avatar[b-te3t1y88fy] {
    display: grid;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    place-items: center;
    color: var(--response-group-color);
    background: color-mix(
        in srgb,
        var(--response-group-color) 12%,
        var(--color-surface));
    font-size: 0.58rem;
    font-weight: 850;
}

.response-group li > span:last-child[b-te3t1y88fy] {
    display: grid;
    min-width: 0;
    gap: 0.1rem;
}

.response-group li strong[b-te3t1y88fy] {
    overflow: hidden;
    color: var(--detail-ink);
    font-size: 0.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.response-group li small[b-te3t1y88fy] {
    color: var(--detail-muted);
    font-size: 0.54rem;
}

.response-group-empty[b-te3t1y88fy],
.response-roster-error[b-te3t1y88fy] {
    margin: 0;
    color: var(--detail-muted);
    font-size: 0.67rem;
}

.response-group-empty[b-te3t1y88fy] {
    padding: 1rem;
}

.response-roster-error[b-te3t1y88fy] {
    padding: 1rem clamp(1.3rem, 3vw, 2rem);
    border-left: 3px solid var(--detail-red);
    background: var(--color-signal-soft);
}

.response-form[b-te3t1y88fy] {
    display: grid;
    padding: clamp(1.2rem, 3vw, 2rem);
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 0.85rem;
    background: var(--color-surface);
}

.response-form > div[b-te3t1y88fy] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.65rem;
}

.response-form label[b-te3t1y88fy] {
    position: relative;
    cursor: pointer;
}

.response-form input[b-te3t1y88fy] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.response-form label > span[b-te3t1y88fy] {
    display: grid;
    min-height: 8rem;
    padding: 1rem;
    border: 1px solid var(--detail-line);
    grid-template-columns: auto minmax(0, 1fr);
    align-content: center;
    align-items: center;
    gap: 0.8rem;
    background: var(--color-surface-subtle);
    transition:
        border-color 120ms ease,
        background-color 120ms ease,
        transform 120ms ease;
}

.response-symbol[b-te3t1y88fy] {
    display: grid;
    width: 3.2rem;
    height: 3.2rem;
    border: 1px solid color-mix(
        in srgb,
        var(--response-color) 55%,
        var(--detail-line));
    border-radius: 50%;
    place-items: center;
    color: var(--response-color);
    background: color-mix(
        in srgb,
        var(--response-color) 8%,
        var(--color-surface));
    font-size: 1.35rem;
}

.response-choice-copy[b-te3t1y88fy] {
    display: grid;
    gap: 0.15rem;
}

.response-form label strong[b-te3t1y88fy] {
    color: var(--detail-ink);
    font-size: 1rem;
}

.response-form label small[b-te3t1y88fy] {
    color: var(--detail-muted);
    font-size: 0.65rem;
}

.response-choice-state[b-te3t1y88fy] {
    grid-column: 1 / -1;
    color: var(--response-color);
    font-size: 0.58rem;
    font-style: normal;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.response-choice-state[b-te3t1y88fy]::before {
    content: "Auswählen";
}

.response-form input:checked + span[b-te3t1y88fy] {
    border-color: var(--response-color);
    background: color-mix(in srgb, var(--response-color) 10%, var(--color-surface));
    box-shadow:
        inset 5px 0 var(--response-color),
        0 0 0 1px color-mix(in srgb, var(--response-color) 22%, transparent);
}

.response-form input:checked + span .response-symbol[b-te3t1y88fy] {
    color: #fff;
    background: var(--response-color);
}

.response-form input:checked + span .response-choice-state[b-te3t1y88fy]::before {
    content: "Ausgewählt";
}

.response-form input:focus-visible + span[b-te3t1y88fy] {
    outline: 3px solid color-mix(
        in srgb,
        var(--response-color) 45%,
        transparent);
    outline-offset: 3px;
}

.response-accept[b-te3t1y88fy] {
    --response-color: var(--color-success);
}

.response-tentative[b-te3t1y88fy] {
    --response-color: var(--detail-amber);
}

.response-decline[b-te3t1y88fy] {
    --response-color: var(--detail-red);
}

.response-form > button[b-te3t1y88fy] {
    min-height: 4.5rem;
    padding: 1rem 1.4rem;
    border: 0;
    color: #fff;
    background: var(--detail-red);
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.01em;
}

@media (hover: hover) {
    .response-form label:hover > span[b-te3t1y88fy] {
        border-color: var(--response-color);
        transform: translateY(-2px);
    }

    .response-form > button:hover[b-te3t1y88fy] {
        filter: brightness(0.94);
    }
}

.cancelled-note[b-te3t1y88fy] {
    margin: 0;
    padding: 1.3rem 2rem;
    color: var(--detail-muted);
}

.reminder-station[b-te3t1y88fy] {
    border-top: 3px solid var(--detail-blue);
}

.reminder-station > header > a[b-te3t1y88fy] {
    color: var(--detail-blue);
    font-size: 0.67rem;
    font-weight: 800;
    text-decoration: none;
}

.reminder-options[b-te3t1y88fy] {
    display: grid;
    padding: clamp(1.2rem, 3vw, 2rem);
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.reminder-option[b-te3t1y88fy] {
    display: grid;
    min-height: 7rem;
    padding: 0.9rem;
    border: 1px solid var(--detail-line);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
    background: var(--color-surface-subtle);
}

.reminder-option > span:first-of-type[b-te3t1y88fy] {
    display: grid;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    place-items: center;
    color: var(--detail-blue);
    background: var(--color-technical-soft);
    font-size: 0.65rem;
    font-weight: 850;
}

.reminder-option > span:nth-of-type(2)[b-te3t1y88fy] {
    display: grid;
}

.reminder-option strong[b-te3t1y88fy] {
    color: var(--detail-ink);
    font-size: 0.75rem;
}

.reminder-option small[b-te3t1y88fy] {
    color: var(--detail-muted);
    font-size: 0.59rem;
}

.reminder-option button[b-te3t1y88fy] {
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--detail-line);
    grid-column: 1 / -1;
    color: var(--color-muted);
    background: var(--color-surface);
    font-size: 0.62rem;
    font-weight: 800;
}

.reminder-option.is-active[b-te3t1y88fy] {
    border-color: #95b5e4;
    background: var(--color-technical-soft);
    box-shadow: inset 3px 0 var(--detail-blue);
}

.reminder-option.is-active button[b-te3t1y88fy] {
    border-color: #a9c2e6;
    color: var(--color-technical);
}

.entry-controls[b-te3t1y88fy] {
    border-top: 3px solid var(--detail-ink);
}

.entry-controls > div[b-te3t1y88fy] {
    display: grid;
    padding: clamp(1.2rem, 3vw, 2rem);
    grid-template-columns: 0.7fr 1.3fr;
    gap: 1rem;
}

.entry-controls > div > a[b-te3t1y88fy] {
    display: flex;
    min-height: 5rem;
    padding: 1rem;
    border: 1px solid var(--detail-line);
    align-items: center;
    justify-content: space-between;
    color: var(--detail-ink);
    background: var(--color-surface-subtle);
    font-size: 0.78rem;
    font-weight: 800;
    text-decoration: none;
}

.cancel-form[b-te3t1y88fy] {
    display: flex;
    min-height: 5rem;
    padding: 0.8rem 1rem;
    border: 1px solid #efc3bf;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: var(--color-signal-soft);
}

.cancel-form p[b-te3t1y88fy] {
    display: grid;
    margin: 0;
    color: #705754;
    font-size: 0.69rem;
}

.cancel-form button[b-te3t1y88fy] {
    padding: 0.7rem 0.9rem;
    border: 1px solid var(--detail-red);
    color: var(--color-danger);
    background: var(--color-surface);
    font-size: 0.7rem;
    font-weight: 800;
}

@media (max-width: 900px) {
    .entry-layout[b-te3t1y88fy] {
        grid-template-columns: 1fr;
    }

    .response-roster-grid[b-te3t1y88fy] {
        grid-template-columns: 1fr;
    }

    .response-form[b-te3t1y88fy] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .entry-dossier[b-te3t1y88fy] {
        padding-block: 1rem 3rem;
    }

    .entry-header[b-te3t1y88fy] {
        min-height: 33rem;
        padding: 1.5rem 1.2rem;
        grid-template-columns: 1fr;
    }

    .entry-heading h1[b-te3t1y88fy] {
        font-size: clamp(2.8rem, 14vw, 4.8rem);
    }

    .entry-state[b-te3t1y88fy] {
        justify-self: start;
    }

    .entry-facts dl > div[b-te3t1y88fy],
    .audit-facts > div[b-te3t1y88fy] {
        grid-template-columns: 1fr;
        gap: 0.15rem;
    }

    .response-station > header[b-te3t1y88fy],
    .reminder-station > header[b-te3t1y88fy],
    .entry-controls > header[b-te3t1y88fy] {
        align-items: start;
        flex-direction: column;
        justify-content: center;
    }

    .response-totals[b-te3t1y88fy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .response-totals span[b-te3t1y88fy] {
        flex: 1;
        min-width: 0;
    }

    .response-roster > header[b-te3t1y88fy] {
        align-items: flex-start;
        flex-direction: column;
    }

    .response-form > div[b-te3t1y88fy],
    .reminder-options[b-te3t1y88fy],
    .entry-controls > div[b-te3t1y88fy] {
        grid-template-columns: 1fr;
    }

    .cancel-form[b-te3t1y88fy] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Calendar/Pages/CalendarEntryEditor.razor.rz.scp.css */
.entry-editor[b-ers15s54fs] {
    --editor-ink: var(--color-ink);
    --editor-muted: var(--color-muted);
    --editor-line: var(--color-line);
    --editor-red: var(--color-signal-bright);
    --editor-blue: var(--color-technical);
    --editor-violet: var(--color-violet);
    --editor-amber: var(--color-warning);
    display: grid;
    padding-block: clamp(1.5rem, 4vw, 4rem);
    gap: 1.4rem;
}

.editor-hero[b-ers15s54fs] {
    position: relative;
    display: grid;
    min-height: 21rem;
    padding: clamp(2rem, 5vw, 4rem);
    overflow: hidden;
    align-content: space-between;
    color: #fff;
    background:
        radial-gradient(circle at 80% 20%, rgb(226 59 48 / 22%), transparent 18rem),
        var(--color-inverse-surface);
}

.editor-hero[b-ers15s54fs]::after {
    position: absolute;
    right: -8rem;
    bottom: -8rem;
    width: 24rem;
    height: 24rem;
    border: 1px solid rgb(255 255 255 / 11%);
    border-radius: 50%;
    box-shadow: 0 0 0 4rem rgb(255 255 255 / 2%);
    content: "";
}

.editor-hero > a[b-ers15s54fs] {
    color: #b7c2c7;
    font-size: 0.72rem;
    font-weight: 750;
    text-decoration: none;
}

.editor-hero > p[b-ers15s54fs] {
    margin: auto 0 0.65rem;
    color: #9ba8af;
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.editor-hero h1[b-ers15s54fs] {
    max-width: 13ch;
    margin: 0;
    color: #fff;
    font-size: clamp(2.7rem, 5vw, 5rem);
    font-weight: 650;
    letter-spacing: -0.06em;
}

.editor-code[b-ers15s54fs] {
    position: absolute;
    z-index: 1;
    right: clamp(2rem, 5vw, 4rem);
    bottom: clamp(2rem, 5vw, 4rem);
    display: grid;
    min-width: 8rem;
    padding: 0.9rem 1rem;
    border-left: 3px solid var(--editor-red);
    background: rgb(255 255 255 / 6%);
}

.editor-code span[b-ers15s54fs] {
    color: #99a7ae;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.editor-code strong[b-ers15s54fs] {
    font-size: 1rem;
    letter-spacing: 0.08em;
}

.editor-message[b-ers15s54fs] {
    display: grid;
    padding: 1rem 1.2rem;
    border: 1px solid var(--editor-line);
    border-left: 3px solid var(--editor-ink);
    grid-template-columns: 3rem 1fr;
    background: var(--color-surface);
}

.editor-message.is-error[b-ers15s54fs] {
    border-left-color: var(--editor-red);
}

.editor-message strong[b-ers15s54fs] {
    color: var(--editor-red);
    font-size: 0.68rem;
    letter-spacing: 0.1em;
}

.editor-message p[b-ers15s54fs] {
    margin: 0;
}

.conflict-console[b-ers15s54fs] {
    display: grid;
    padding: clamp(1.2rem, 3vw, 2rem);
    border: 1px solid #e8bf7f;
    border-left: 4px solid var(--editor-amber);
    grid-template-columns: auto 1fr;
    gap: 1.2rem;
    background: var(--color-warning-soft);
}

.conflict-code[b-ers15s54fs] {
    align-self: start;
    padding: 0.35rem 0.5rem;
    color: #fff;
    background: var(--editor-amber);
    font-size: 0.58rem;
    font-weight: 850;
    letter-spacing: 0.1em;
}

.conflict-console h2[b-ers15s54fs] {
    margin: 0;
    font-size: 1.35rem;
}

.conflict-console p[b-ers15s54fs] {
    margin: 0.45rem 0 0;
    color: var(--color-warning);
}

.conflict-console ul[b-ers15s54fs] {
    display: grid;
    margin: 1rem 0 0;
    padding: 0;
    gap: 0.45rem;
    list-style: none;
}

.conflict-console li[b-ers15s54fs] {
    display: flex;
    padding: 0.6rem 0.75rem;
    border: 1px solid #ead9b7;
    justify-content: space-between;
    gap: 1rem;
    background: var(--color-surface);
    font-size: 0.72rem;
}

.conflict-console li span[b-ers15s54fs] {
    color: var(--editor-muted);
}

.entry-form[b-ers15s54fs] {
    display: grid;
    gap: 1px;
    background: var(--editor-line);
    border: 1px solid var(--editor-line);
}

.appointment-category-selector[b-ers15s54fs] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
}

.appointment-category-selector a[b-ers15s54fs],
.selected-category[b-ers15s54fs] {
    display: flex;
    min-height: 4.5rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--editor-line);
    align-items: center;
    gap: 0.8rem;
    color: var(--editor-ink);
    background: var(--color-surface-subtle);
    text-decoration: none;
}

.appointment-category-selector a[b-ers15s54fs] {
    border-left: 0.35rem solid var(--category-color);
}

.appointment-category-selector a:hover[b-ers15s54fs],
.appointment-category-selector a.is-selected[b-ers15s54fs] {
    border-color: var(--category-color);
    background:
        color-mix(
            in srgb,
            var(--category-color) 10%,
            var(--color-surface));
}

.appointment-category-selector a i[b-ers15s54fs],
.selected-category > i[b-ers15s54fs] {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    flex: 0 0 auto;
    background: var(--category-color);
}

.appointment-category-selector a span[b-ers15s54fs],
.selected-category div[b-ers15s54fs] {
    display: grid;
    gap: 0.2rem;
}

.appointment-category-selector strong[b-ers15s54fs],
.selected-category strong[b-ers15s54fs] {
    font-size: 0.78rem;
}

.appointment-category-selector small[b-ers15s54fs],
.selected-category small[b-ers15s54fs] {
    color: var(--editor-muted);
    font-size: 0.62rem;
}

.form-section[b-ers15s54fs] {
    display: grid;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    grid-template-columns: minmax(12rem, 0.55fr) minmax(0, 1.45fr);
    gap: clamp(1.5rem, 4vw, 4rem);
    background: var(--color-surface);
}

.form-section > header[b-ers15s54fs] {
    display: flex;
    align-items: start;
    gap: 0.8rem;
}

.form-section > header > span[b-ers15s54fs] {
    display: grid;
    flex: 0 0 2.1rem;
    width: 2.1rem;
    height: 2.1rem;
    place-items: center;
    color: #fff;
    background: var(--color-inverse-surface);
    font-size: 0.62rem;
    font-weight: 850;
}

.form-section header p[b-ers15s54fs],
.form-section header h2[b-ers15s54fs] {
    margin: 0;
}

.form-section header p[b-ers15s54fs] {
    color: var(--editor-red);
    font-size: 0.59rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.form-section header h2[b-ers15s54fs] {
    margin-top: 0.25rem;
    font-size: clamp(1.25rem, 2vw, 1.8rem);
}

.type-selector[b-ers15s54fs] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
}

.type-selector label[b-ers15s54fs] {
    position: relative;
    display: block;
    cursor: pointer;
}

.type-selector input[b-ers15s54fs] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.type-selector label > span[b-ers15s54fs] {
    display: grid;
    min-height: 6.4rem;
    padding: 1rem;
    border: 1px solid var(--editor-line);
    grid-template-columns: 0.6rem 1fr;
    align-content: center;
    gap: 0.25rem 0.7rem;
    background: var(--color-surface-subtle);
    transition:
        border-color 150ms ease,
        background 150ms ease;
}

.type-selector label > span i[b-ers15s54fs] {
    width: 0.55rem;
    height: 0.55rem;
    margin-top: 0.28rem;
    border-radius: 50%;
    background: var(--type-color);
}

.type-selector label > span strong[b-ers15s54fs],
.type-selector label > span small[b-ers15s54fs] {
    grid-column: 2;
}

.type-selector label > span strong[b-ers15s54fs] {
    color: var(--editor-ink);
    font-size: 0.85rem;
}

.type-selector label > span small[b-ers15s54fs] {
    color: var(--editor-muted);
    font-size: 0.67rem;
}

.type-selector input:checked + span[b-ers15s54fs] {
    border-color: var(--type-color);
    background: color-mix(in srgb, var(--type-color) 6%, var(--color-surface));
    box-shadow: inset 3px 0 var(--type-color);
}

.type-selector input:focus-visible + span[b-ers15s54fs] {
    outline: 3px solid #2f6fed;
    outline-offset: 3px;
}

.type-appointment[b-ers15s54fs] {
    --type-color: var(--editor-blue);
}

.type-absence[b-ers15s54fs] {
    --type-color: var(--editor-violet);
}

.type-traffic[b-ers15s54fs] {
    --type-color: var(--editor-amber);
}

.type-resource[b-ers15s54fs] {
    --type-color: var(--editor-red);
}

.form-fields[b-ers15s54fs] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-content: start;
    gap: 1rem;
}

.form-fields label[b-ers15s54fs] {
    display: grid;
    gap: 0.35rem;
}

.form-fields label > span[b-ers15s54fs] {
    color: var(--color-muted);
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.form-fields input:not([type="checkbox"])[b-ers15s54fs],
.form-fields select[b-ers15s54fs],
.form-fields textarea[b-ers15s54fs] {
    width: 100%;
    min-height: 3.1rem;
    padding: 0.85rem 1rem;
    border: 1px solid #c8d0d2;
    border-radius: var(--radius-control);
    color: var(--editor-ink);
    background: var(--color-surface-subtle);
}

.form-fields textarea[b-ers15s54fs] {
    min-height: 7.5rem;
}

.field-wide[b-ers15s54fs] {
    grid-column: 1 / -1;
}

.privacy-explainer[b-ers15s54fs],
.fixed-visibility[b-ers15s54fs] {
    display: flex;
    min-height: 6rem;
    padding: 1rem;
    border: 1px solid #d9ccef;
    align-items: center;
    gap: 0.9rem;
    color: var(--color-violet);
    background: var(--color-violet-soft);
}

.privacy-explainer > span[b-ers15s54fs] {
    font-size: 1.7rem;
}

.privacy-explainer p[b-ers15s54fs] {
    display: grid;
    margin: 0;
    font-size: 0.76rem;
}

.fixed-visibility[b-ers15s54fs] {
    display: grid;
    border-color: #cbd8ea;
    color: var(--color-technical);
    background: var(--color-technical-soft);
}

.fixed-visibility span[b-ers15s54fs] {
    font-size: 0.73rem;
}

.all-day-control[b-ers15s54fs],
.confirm-conflict[b-ers15s54fs] {
    display: flex !important;
    min-height: 3rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid var(--editor-line);
    align-items: center;
    gap: 0.65rem !important;
    background: var(--color-surface-subtle);
}

.all-day-control input[b-ers15s54fs],
.confirm-conflict input[b-ers15s54fs] {
    width: 1.15rem;
    height: 1.15rem;
    accent-color: var(--editor-red);
}

.timezone-note[b-ers15s54fs] {
    margin: 0;
    color: var(--editor-muted);
    font-size: 0.68rem;
}

.confirm-conflict[b-ers15s54fs] {
    border-color: #e8bf7f;
    color: var(--color-warning);
    background: var(--color-warning-soft);
}

.editor-actions[b-ers15s54fs] {
    display: flex;
    min-height: 6.5rem;
    padding: 1rem clamp(1.3rem, 3vw, 2.3rem);
    align-items: center;
    justify-content: flex-end;
    gap: 1.4rem;
    background: var(--color-inverse-surface);
}

.editor-actions > a[b-ers15s54fs] {
    color: #bbc5ca;
    font-size: 0.74rem;
    font-weight: 750;
    text-decoration: none;
}

.editor-actions button[b-ers15s54fs] {
    display: flex;
    min-width: 15rem;
    min-height: 3.4rem;
    padding: 0.75rem 1rem;
    border: 0;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    background: var(--editor-red);
    font-size: 0.78rem;
    font-weight: 800;
}

@media (max-width: 900px) {
    .form-section[b-ers15s54fs] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .entry-editor[b-ers15s54fs] {
        padding-block: 1rem 3rem;
    }

    .editor-hero[b-ers15s54fs] {
        min-height: 26rem;
        padding: 1.5rem 1.2rem 6rem;
    }

    .editor-hero h1[b-ers15s54fs] {
        font-size: clamp(2.8rem, 14vw, 4.5rem);
    }

    .editor-code[b-ers15s54fs] {
        right: 1.2rem;
        bottom: 1.5rem;
        left: 1.2rem;
    }

    .conflict-console[b-ers15s54fs] {
        grid-template-columns: 1fr;
    }

    .conflict-console li[b-ers15s54fs] {
        align-items: start;
        flex-direction: column;
    }

    .type-selector[b-ers15s54fs],
    .appointment-category-selector[b-ers15s54fs],
    .form-fields[b-ers15s54fs] {
        grid-template-columns: 1fr;
    }

    .field-wide[b-ers15s54fs] {
        grid-column: 1;
    }

    .editor-actions[b-ers15s54fs] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .editor-actions button[b-ers15s54fs] {
        width: 100%;
    }
}
/* /Components/Calendar/Pages/CalendarInbox.razor.rz.scp.css */
.inbox-shell[b-xv45tvtrbd] {
    --inbox-ink: var(--color-ink);
    --inbox-muted: var(--color-muted);
    --inbox-line: var(--color-line);
    --inbox-red: var(--color-signal-bright);
    display: grid;
    padding-block: clamp(1.5rem, 4vw, 4rem);
    gap: 1.25rem;
}

.inbox-hero[b-xv45tvtrbd] {
    position: relative;
    display: grid;
    min-height: 22rem;
    padding: clamp(2rem, 5vw, 4.5rem);
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 2rem;
    color: #fff;
    background:
        radial-gradient(circle at 82% 18%, rgb(227 59 48 / 34%), transparent 13rem),
        linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px),
        var(--color-inverse-surface);
    background-size: auto, 4rem 4rem, 4rem 4rem, auto;
}

.inbox-hero[b-xv45tvtrbd]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.42rem;
    background: var(--inbox-red);
    content: "";
}

.inbox-hero a[b-xv45tvtrbd] {
    position: absolute;
    top: 2rem;
    left: clamp(2rem, 5vw, 4.5rem);
    color: #b9c4c9;
    font-size: 0.7rem;
    font-weight: 800;
    text-decoration: none;
}

.inbox-hero p[b-xv45tvtrbd] {
    margin: 0 0 0.75rem;
    color: #ef6258;
    font-size: 0.64rem;
    font-weight: 850;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.inbox-hero h1[b-xv45tvtrbd] {
    max-width: 13ch;
    margin: 0;
    color: #fff;
    font-size: clamp(3rem, 6vw, 6rem);
    font-weight: 620;
    letter-spacing: -0.065em;
    line-height: 0.93;
}

.inbox-tally[b-xv45tvtrbd] {
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, 8rem);
    gap: 1px;
    background: rgb(255 255 255 / 15%);
}

.inbox-tally span[b-xv45tvtrbd] {
    display: grid;
    min-height: 7rem;
    padding: 1rem;
    align-content: end;
    color: #aebbc1;
    background: rgb(20 32 40 / 92%);
    font-size: 0.62rem;
    font-weight: 750;
    text-transform: uppercase;
}

.inbox-tally strong[b-xv45tvtrbd] {
    color: #fff;
    font-size: 2.1rem;
    letter-spacing: -0.05em;
}

.inbox-message[b-xv45tvtrbd] {
    display: grid;
    padding: 1rem 1.2rem;
    border: 1px solid var(--inbox-line);
    border-left: 3px solid var(--inbox-ink);
    grid-template-columns: 3rem 1fr;
    background: var(--color-surface);
}

.inbox-message strong[b-xv45tvtrbd] {
    color: var(--inbox-red);
    font-size: 0.65rem;
    letter-spacing: 0.1em;
}

.inbox-message p[b-xv45tvtrbd] {
    margin: 0;
}

.inbox-message.is-error[b-xv45tvtrbd] {
    border-left-color: var(--inbox-red);
}

.inbox-message.is-success[b-xv45tvtrbd] {
    border-left-color: var(--color-success);
    background: var(--color-success-soft);
}

.inbox-message.is-success strong[b-xv45tvtrbd] {
    color: var(--color-success);
}

.inbox-grid[b-xv45tvtrbd] {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 1px;
    background: var(--inbox-line);
}

.notification-lane[b-xv45tvtrbd],
.reminder-lane[b-xv45tvtrbd] {
    min-width: 0;
    padding: clamp(1.3rem, 3vw, 2.2rem);
    background: var(--color-surface);
}

.notification-lane > header[b-xv45tvtrbd],
.reminder-lane > header[b-xv45tvtrbd] {
    display: flex;
    min-height: 5.5rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid var(--inbox-line);
    align-items: center;
    gap: 0.85rem;
}

.notification-lane > header > span[b-xv45tvtrbd],
.reminder-lane > header > span[b-xv45tvtrbd] {
    display: grid;
    width: 2.1rem;
    height: 2.1rem;
    place-items: center;
    color: #fff;
    background: var(--color-inverse-surface);
    font-size: 0.62rem;
    font-weight: 850;
}

.notification-lane header p[b-xv45tvtrbd],
.notification-lane header h2[b-xv45tvtrbd],
.reminder-lane header p[b-xv45tvtrbd],
.reminder-lane header h2[b-xv45tvtrbd] {
    margin: 0;
}

.notification-lane header p[b-xv45tvtrbd],
.reminder-lane header p[b-xv45tvtrbd] {
    color: var(--inbox-red);
    font-size: 0.59rem;
    font-weight: 850;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.notification-lane header h2[b-xv45tvtrbd],
.reminder-lane header h2[b-xv45tvtrbd] {
    margin-top: 0.18rem;
    font-size: 1.4rem;
}

.notification-list[b-xv45tvtrbd],
.reminder-list[b-xv45tvtrbd] {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
}

.notification-list li[b-xv45tvtrbd] {
    display: grid;
    min-height: 7rem;
    padding-block: 1rem;
    border-bottom: 1px solid #e8ebec;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
}

.notification-list a[b-xv45tvtrbd],
.reminder-list a[b-xv45tvtrbd] {
    display: grid;
    color: var(--inbox-ink);
    text-decoration: none;
}

.notification-kind[b-xv45tvtrbd] {
    width: fit-content;
    margin-bottom: 0.45rem;
    padding: 0.25rem 0.4rem;
    color: var(--color-danger);
    background: var(--color-signal-soft);
    font-size: 0.55rem;
    font-weight: 850;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.notification-list a > strong[b-xv45tvtrbd],
.reminder-list a > strong[b-xv45tvtrbd] {
    overflow: hidden;
    font-size: 0.83rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notification-list a > small[b-xv45tvtrbd],
.reminder-list a > small[b-xv45tvtrbd] {
    margin-top: 0.25rem;
    color: var(--inbox-muted);
    font-size: 0.64rem;
}

.notification-list form button[b-xv45tvtrbd] {
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--inbox-line);
    color: var(--color-muted);
    background: var(--color-surface);
    font-size: 0.62rem;
    font-weight: 800;
}

.reminder-list li[b-xv45tvtrbd] {
    display: grid;
    min-height: 7rem;
    padding-block: 1rem;
    border-bottom: 1px solid #e8ebec;
    grid-template-columns: 4rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
}

.reminder-time[b-xv45tvtrbd] {
    display: grid;
    padding-left: 0.7rem;
    border-left: 3px solid var(--inbox-red);
}

.reminder-time strong[b-xv45tvtrbd] {
    font-size: 0.92rem;
}

.reminder-time small[b-xv45tvtrbd] {
    color: var(--inbox-muted);
    font-size: 0.6rem;
}

.reminder-list form button[b-xv45tvtrbd] {
    width: 2rem;
    height: 2rem;
    border: 1px solid #efc7c4;
    color: var(--color-danger);
    background: var(--color-signal-soft);
    font-size: 1.1rem;
}

.lane-state[b-xv45tvtrbd],
.lane-empty[b-xv45tvtrbd] {
    margin: 0;
    padding: 2rem 0;
    color: var(--inbox-muted);
}

.lane-empty[b-xv45tvtrbd] {
    display: grid;
}

.lane-empty strong[b-xv45tvtrbd] {
    color: var(--inbox-ink);
}

.lane-empty p[b-xv45tvtrbd] {
    margin: 0.25rem 0 0;
    font-size: 0.72rem;
}

@media (max-width: 900px) {
    .inbox-hero[b-xv45tvtrbd] {
        grid-template-columns: 1fr;
    }

    .inbox-tally[b-xv45tvtrbd] {
        justify-self: start;
    }

    .inbox-grid[b-xv45tvtrbd] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .inbox-shell[b-xv45tvtrbd] {
        padding-block: 1rem 3rem;
    }

    .inbox-hero[b-xv45tvtrbd] {
        min-height: 34rem;
        padding: 5rem 1.2rem 1.5rem;
    }

    .inbox-hero a[b-xv45tvtrbd] {
        top: 1.5rem;
        left: 1.2rem;
    }

    .inbox-hero h1[b-xv45tvtrbd] {
        font-size: clamp(3.2rem, 16vw, 5rem);
    }

    .inbox-tally[b-xv45tvtrbd] {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
    }

    .notification-list li[b-xv45tvtrbd] {
        grid-template-columns: 1fr;
    }

    .notification-list form button[b-xv45tvtrbd] {
        width: 100%;
    }

    .reminder-list li[b-xv45tvtrbd] {
        grid-template-columns: 3.6rem minmax(0, 1fr) auto;
    }
}
/* /Components/Calendar/Pages/CalendarOverview.razor.rz.scp.css */
.calendar-command[b-ql8hamdbws] {
    --cal-ink: var(--color-ink);
    --cal-line: var(--color-line);
    --cal-muted: var(--color-muted);
    --cal-red: var(--color-signal-bright);
    --cal-blue: var(--color-technical);
    --cal-amber: var(--color-warning);
    --cal-violet: var(--color-violet);
    display: grid;
    padding-block: clamp(1.5rem, 4vw, 4rem);
    gap: 1.4rem;
}

.calendar-hero[b-ql8hamdbws] {
    position: relative;
    display: grid;
    min-height: 25rem;
    padding: clamp(2rem, 5vw, 4.5rem);
    overflow: hidden;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 2rem;
    color: #fff;
    background:
        linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px),
        radial-gradient(circle at 78% 16%, rgb(38 103 201 / 20%), transparent 18rem),
        var(--color-inverse-surface);
    background-size: 5rem 5rem, 5rem 5rem, auto, auto;
}

.calendar-hero[b-ql8hamdbws]::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.42rem;
    height: 100%;
    background: var(--cal-red);
    content: "";
}

.calendar-hero > div:first-child > p[b-ql8hamdbws] {
    display: flex;
    margin: 0 0 1rem;
    align-items: center;
    gap: 0.65rem;
    color: #aeb9bf;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.calendar-hero > div:first-child > p span[b-ql8hamdbws] {
    width: 0.55rem;
    height: 0.55rem;
    background: var(--cal-red);
}

.calendar-hero h1[b-ql8hamdbws] {
    max-width: 12ch;
    margin: 0;
    color: #fff;
    font-size: clamp(3rem, 6vw, 6rem);
    font-weight: 650;
    letter-spacing: -0.065em;
    line-height: 0.9;
}

.hero-calendar-code[b-ql8hamdbws] {
    display: grid;
    min-width: 12rem;
    padding: 1.2rem;
    border: 1px solid rgb(255 255 255 / 14%);
    align-self: start;
    background: rgb(255 255 255 / 4%);
}

.hero-calendar-code span[b-ql8hamdbws],
.hero-calendar-code small[b-ql8hamdbws] {
    color: #9eabb2;
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.hero-calendar-code strong[b-ql8hamdbws] {
    color: #fff;
    font-size: 2.7rem;
    letter-spacing: -0.06em;
}

.hero-calendar-code small[b-ql8hamdbws] {
    padding-top: 0.6rem;
    border-top: 1px solid rgb(255 255 255 / 10%);
}

.hero-calendar-code > a[b-ql8hamdbws] {
    margin-top: 0.9rem;
    color: #fff;
    font-size: 0.62rem;
    font-weight: 800;
    text-decoration: none;
}

.calendar-hero > a[b-ql8hamdbws] {
    position: absolute;
    right: clamp(2rem, 5vw, 4.5rem);
    bottom: clamp(2rem, 5vw, 4.5rem);
    display: flex;
    width: min(18rem, 38%);
    min-height: 4rem;
    padding: 1rem 1.2rem;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    background: var(--cal-red);
    font-size: 0.78rem;
    font-weight: 800;
    text-decoration: none;
}

.calendar-hero > a:hover[b-ql8hamdbws] {
    color: #fff;
    background: #bc2d25;
}

.calendar-toolbar[b-ql8hamdbws] {
    display: grid;
    min-height: 5.5rem;
    padding: clamp(1.25rem, 3vw, 1.6rem);
    border: 1px solid var(--cal-line);
    border-top: 3px solid var(--cal-ink);
    grid-template-columns: auto 1fr;
    align-items: end;
    gap: 1rem;
    background: var(--color-surface);
}

.calendar-toolbar > nav[b-ql8hamdbws] {
    display: flex;
    min-height: 3rem;
    align-items: stretch;
}

.calendar-toolbar nav a[b-ql8hamdbws] {
    display: grid;
    min-width: 3rem;
    padding: 0.65rem;
    border: 1px solid var(--cal-line);
    place-items: center;
    color: var(--cal-ink);
    font-weight: 800;
    text-decoration: none;
}

.calendar-toolbar nav a + a[b-ql8hamdbws] {
    border-left: 0;
}

.calendar-toolbar nav .today-link[b-ql8hamdbws] {
    min-width: 5rem;
    font-size: 0.7rem;
    text-transform: uppercase;
}

.calendar-toolbar form[b-ql8hamdbws] {
    display: grid;
    grid-template-columns: 1fr 1fr 1.3fr 0.7fr auto;
    align-items: end;
    gap: 0.8rem;
}

.calendar-toolbar label[b-ql8hamdbws] {
    display: grid;
    gap: 0.3rem;
}

.calendar-toolbar label span[b-ql8hamdbws] {
    color: var(--cal-muted);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.calendar-toolbar select[b-ql8hamdbws] {
    width: 100%;
    min-height: 3rem;
    padding: 0.8rem 1rem;
    border: 1px solid var(--cal-line);
    border-radius: var(--radius-control);
    background: var(--color-surface-subtle);
}

.calendar-toolbar button[b-ql8hamdbws] {
    min-height: 3rem;
    padding: 0.65rem 1rem;
    border: 0;
    border-radius: var(--radius-control);
    color: #fff;
    background: var(--cal-red);
    font-size: 0.74rem;
    font-weight: 800;
}

.calendar-message[b-ql8hamdbws] {
    display: grid;
    padding: 1rem 1.2rem;
    border: 1px solid var(--cal-line);
    border-left: 3px solid var(--cal-ink);
    grid-template-columns: 3rem 1fr;
    background: var(--color-surface);
}

.calendar-message.is-error[b-ql8hamdbws] {
    border-left-color: var(--cal-red);
}

.calendar-message strong[b-ql8hamdbws] {
    color: var(--cal-red);
    font-size: 0.68rem;
    letter-spacing: 0.1em;
}

.calendar-message p[b-ql8hamdbws] {
    margin: 0;
}

.calendar-legend[b-ql8hamdbws] {
    display: flex;
    padding-inline: 0.2rem;
    gap: 1.2rem;
    flex-wrap: wrap;
}

.calendar-legend span[b-ql8hamdbws] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--cal-muted);
    font-size: 0.64rem;
    font-weight: 750;
    text-transform: uppercase;
}

.calendar-legend i[b-ql8hamdbws],
.day-events a i[b-ql8hamdbws] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: var(--type-color);
}

.type-appointment[b-ql8hamdbws] {
    --type-color: var(--cal-blue);
}

.type-absence[b-ql8hamdbws] {
    --type-color: var(--cal-violet);
}

.type-traffic[b-ql8hamdbws] {
    --type-color: var(--cal-amber);
}

.type-resource[b-ql8hamdbws] {
    --type-color: var(--cal-red);
}

.month-board[b-ql8hamdbws],
.calendar-agenda[b-ql8hamdbws] {
    border: 1px solid var(--cal-line);
    background: var(--color-surface);
}

.weekday-row[b-ql8hamdbws],
.month-grid[b-ql8hamdbws] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.weekday-row[b-ql8hamdbws] {
    min-height: 2.8rem;
    color: #b9c3c8;
    background: var(--color-inverse-surface);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.weekday-row span[b-ql8hamdbws] {
    display: grid;
    border-right: 1px solid rgb(255 255 255 / 7%);
    place-items: center;
}

.calendar-day[b-ql8hamdbws] {
    min-height: 10.2rem;
    padding: 0.65rem;
    border-right: 1px solid var(--cal-line);
    border-bottom: 1px solid var(--cal-line);
    background: var(--color-surface);
}

.calendar-day:nth-child(7n)[b-ql8hamdbws] {
    border-right: 0;
}

.calendar-day.is-outside[b-ql8hamdbws] {
    color: var(--cal-muted);
    background-color: var(--color-surface-subtle);
    background-image:
        repeating-linear-gradient(
            -45deg,
            var(--color-surface-subtle) 0 0.25rem,
            var(--color-surface) 0.25rem 0.5rem);
}

.calendar-day > header[b-ql8hamdbws] {
    display: flex;
    min-height: 1.7rem;
    align-items: center;
    justify-content: space-between;
}

.calendar-day time[b-ql8hamdbws] {
    display: grid;
    width: 1.7rem;
    height: 1.7rem;
    place-items: center;
    font-size: 0.72rem;
    font-weight: 850;
}

.calendar-day.is-today time[b-ql8hamdbws] {
    color: #fff;
    background: var(--cal-red);
}

.calendar-day > header span[b-ql8hamdbws] {
    color: var(--cal-red);
    font-size: 0.54rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.day-events[b-ql8hamdbws] {
    display: grid;
    margin-top: 0.45rem;
    gap: 0.3rem;
}

.day-events a[b-ql8hamdbws] {
    display: grid;
    min-height: 1.65rem;
    padding: 0.25rem 0.35rem;
    border-left: 2px solid var(--type-color);
    grid-template-columns: 0.45rem minmax(0, 1fr);
    align-items: center;
    gap: 0.35rem;
    color: var(--cal-ink);
    background: color-mix(in srgb, var(--type-color) 7%, var(--color-surface));
    font-size: 0.61rem;
    font-weight: 730;
    text-decoration: none;
}

.day-events a span[b-ql8hamdbws] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.day-events a small[b-ql8hamdbws] {
    margin-right: 0.22rem;
    color: var(--cal-muted);
    font-size: 0.54rem;
}

.more-events[b-ql8hamdbws] {
    color: var(--cal-muted);
    font-size: 0.58rem;
    font-weight: 750;
}

.calendar-agenda > header[b-ql8hamdbws] {
    display: flex;
    min-height: 7rem;
    padding: 1.3rem 1.5rem;
    border-bottom: 1px solid var(--cal-line);
    align-items: center;
    justify-content: space-between;
}

.calendar-agenda header p[b-ql8hamdbws],
.calendar-agenda header h2[b-ql8hamdbws] {
    margin: 0;
}

.calendar-agenda header p[b-ql8hamdbws] {
    color: var(--cal-red);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.calendar-agenda header h2[b-ql8hamdbws] {
    margin-top: 0.25rem;
    font-size: clamp(1.5rem, 3vw, 2.5rem);
}

.calendar-agenda > header > span[b-ql8hamdbws] {
    color: var(--cal-muted);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.calendar-agenda ol[b-ql8hamdbws] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.calendar-agenda li[b-ql8hamdbws] {
    position: relative;
    display: grid;
    min-height: 7.4rem;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--cal-line);
    grid-template-columns: 4.3rem 1fr auto auto;
    align-items: center;
    gap: 1.2rem;
}

.calendar-agenda li[b-ql8hamdbws]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.24rem;
    background: var(--type-color);
    content: "";
}

.calendar-agenda li > time[b-ql8hamdbws] {
    display: grid;
    min-height: 4rem;
    border: 1px solid color-mix(in srgb, var(--type-color) 30%, var(--cal-line));
    place-items: center;
    align-content: center;
    color: var(--type-color);
    background: color-mix(in srgb, var(--type-color) 6%, var(--color-surface));
}

.calendar-agenda time strong[b-ql8hamdbws] {
    font-size: 1.4rem;
    line-height: 1;
}

.calendar-agenda time span[b-ql8hamdbws] {
    font-size: 0.55rem;
    font-weight: 850;
}

.agenda-copy > span[b-ql8hamdbws] {
    color: var(--type-color);
    font-size: 0.58rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.agenda-copy h3[b-ql8hamdbws],
.agenda-copy p[b-ql8hamdbws] {
    margin: 0;
}

.agenda-copy h3[b-ql8hamdbws] {
    margin-top: 0.15rem;
    font-size: 1.05rem;
}

.agenda-copy p[b-ql8hamdbws],
.agenda-copy small[b-ql8hamdbws] {
    color: var(--cal-muted);
    font-size: 0.7rem;
}

.agenda-response[b-ql8hamdbws] {
    display: grid;
    min-width: 12rem;
    gap: 0.4rem;
}

.agenda-own-response[b-ql8hamdbws] {
    --agenda-response-color: var(--cal-red);
    display: grid;
    padding: 0.45rem 0.6rem;
    border: 1px solid color-mix(
        in srgb,
        var(--agenda-response-color) 50%,
        var(--cal-line));
    border-left: 3px solid var(--agenda-response-color);
    gap: 0.1rem;
    background: color-mix(
        in srgb,
        var(--agenda-response-color) 7%,
        var(--color-surface));
}

.agenda-own-response > small[b-ql8hamdbws] {
    color: var(--cal-muted);
    font-size: 0.52rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.agenda-own-response > strong[b-ql8hamdbws] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--agenda-response-color);
    font-size: 0.7rem;
}

.agenda-own-response > strong > span[b-ql8hamdbws] {
    display: grid;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    place-items: center;
    color: #fff;
    background: var(--agenda-response-color);
    font-size: 0.58rem;
}

.agenda-own-response.is-accepted[b-ql8hamdbws] {
    --agenda-response-color: var(--color-success);
}

.agenda-own-response.is-tentative[b-ql8hamdbws] {
    --agenda-response-color: var(--color-warning);
}

.agenda-own-response.is-declined[b-ql8hamdbws] {
    --agenda-response-color: var(--cal-red);
}

.response-counts[b-ql8hamdbws] {
    display: flex;
    gap: 0.4rem;
}

.response-counts span[b-ql8hamdbws] {
    padding: 0.3rem 0.45rem;
    border: 1px solid var(--cal-line);
    color: var(--cal-muted);
    font-size: 0.62rem;
    font-weight: 800;
}

.calendar-agenda li > a[b-ql8hamdbws] {
    color: var(--cal-ink);
    font-size: 0.7rem;
    font-weight: 800;
    text-decoration: none;
}

.calendar-agenda li > a.response-action[b-ql8hamdbws] {
    display: grid;
    min-height: 3.2rem;
    padding: 0.65rem 0.85rem;
    place-items: center;
    color: #fff;
    background: var(--cal-red);
    text-align: center;
}

.calendar-empty[b-ql8hamdbws] {
    display: flex;
    min-height: 15rem;
    padding: 2rem;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.calendar-empty strong[b-ql8hamdbws] {
    color: var(--cal-red);
    font-size: 3rem;
}

.calendar-empty p[b-ql8hamdbws] {
    margin: 0;
    color: var(--cal-muted);
}

@media (max-width: 1080px) {
    .calendar-toolbar[b-ql8hamdbws] {
        grid-template-columns: 1fr;
    }

    .calendar-toolbar form[b-ql8hamdbws] {
        grid-template-columns: repeat(4, 1fr) auto;
    }

    .calendar-day[b-ql8hamdbws] {
        min-height: 8.5rem;
    }
}

@media (max-width: 760px) {
    .calendar-command[b-ql8hamdbws] {
        padding-block: 1rem 3rem;
    }

    .calendar-hero[b-ql8hamdbws] {
        min-height: 36rem;
        padding: 2rem 1.25rem 7rem;
        grid-template-columns: 1fr;
        align-content: space-between;
    }

    .calendar-hero h1[b-ql8hamdbws] {
        font-size: clamp(3rem, 15vw, 4.8rem);
    }

    .hero-calendar-code[b-ql8hamdbws] {
        justify-self: stretch;
    }

    .calendar-hero > a[b-ql8hamdbws] {
        right: 1.25rem;
        bottom: 1.5rem;
        left: 1.25rem;
        width: auto;
    }

    .calendar-toolbar form[b-ql8hamdbws] {
        grid-template-columns: 1fr;
    }

    .calendar-legend[b-ql8hamdbws] {
        gap: 0.7rem 1rem;
    }

    .month-board[b-ql8hamdbws] {
        overflow-x: auto;
    }

    .weekday-row[b-ql8hamdbws],
    .month-grid[b-ql8hamdbws] {
        min-width: 52rem;
    }

    .calendar-agenda > header[b-ql8hamdbws] {
        align-items: start;
    }

    .calendar-agenda li[b-ql8hamdbws] {
        grid-template-columns: 3.8rem 1fr;
    }

    .response-counts[b-ql8hamdbws] {
        width: 100%;
    }

    .agenda-response[b-ql8hamdbws] {
        min-width: 0;
        grid-column: 2;
    }

    .calendar-agenda li > a[b-ql8hamdbws] {
        grid-column: 2;
    }

    .calendar-agenda li > a.response-action[b-ql8hamdbws] {
        justify-self: stretch;
    }
}
/* /Components/Incidents/Pages/HydrantEditor.razor.rz.scp.css */
.hydrant-editor[b-flg12gyok5] {
    width: min(100%, 70rem);
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 3rem);
}

.back-link[b-flg12gyok5] {
    display: inline-block;
    margin-bottom: 1rem;
    color: var(--color-muted);
    font-weight: 750;
    text-decoration: none;
}

.editor-hero[b-flg12gyok5] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    padding: clamp(1.5rem, 4vw, 3rem);
    color: #fff;
    background: var(--color-rail);
    border-left: 0.4rem solid #1477c9;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.editor-hero h1[b-flg12gyok5] {
    margin: 0;
    color: #fff;
}

.editor-hero p[b-flg12gyok5] {
    margin: 0 0 0.4rem;
    color: #75bfff;
}

.editor-form[b-flg12gyok5] {
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    border-top: 0;
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

.field-grid[b-flg12gyok5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: clamp(1.25rem, 3vw, 2.5rem);
}

.field-grid label > span[b-flg12gyok5] {
    display: block;
    margin-bottom: 0.4rem;
    color: var(--color-muted-strong);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.location-tools[b-flg12gyok5] {
    padding: 1rem;
    background:
        linear-gradient(
            135deg,
            color-mix(in srgb, #1477c9 10%, var(--color-surface)),
            var(--color-surface));
    border: 1px solid color-mix(in srgb, #1477c9 32%, var(--color-line));
    border-radius: var(--radius-control);
}

.location-heading[b-flg12gyok5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.45rem;
}

.location-heading label[b-flg12gyok5] {
    color: var(--color-muted-strong);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.location-heading span[b-flg12gyok5] {
    color: #1477c9;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.location-actions[b-flg12gyok5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.75rem;
}

.location-action[b-flg12gyok5] {
    min-height: 2.7rem;
    padding: 0.65rem 0.9rem;
    color: var(--color-text);
    font-weight: 800;
    background: var(--color-surface);
    border: 1px solid var(--color-line-strong);
    border-radius: var(--radius-control);
    cursor: pointer;
}

.location-action:hover[b-flg12gyok5] {
    border-color: #1477c9;
}

.location-action-primary[b-flg12gyok5] {
    color: #fff;
    background: #1477c9;
    border-color: #1477c9;
}

.location-action:disabled[b-flg12gyok5] {
    cursor: wait;
    opacity: 0.65;
}

.location-help[b-flg12gyok5],
.location-status[b-flg12gyok5] {
    margin: 0.65rem 0 0;
    color: var(--color-muted);
    font-size: 0.85rem;
}

.location-status[b-flg12gyok5] {
    min-height: 1.25rem;
    color: var(--color-text);
    font-weight: 700;
}

.location-results[b-flg12gyok5] {
    display: grid;
    gap: 0.45rem;
    margin-top: 0.7rem;
}

.location-results[hidden][b-flg12gyok5] {
    display: none;
}

.location-tools[b-flg12gyok5]  .location-result {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    width: 100%;
    padding: 0.8rem;
    color: var(--color-text);
    text-align: left;
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-control);
    cursor: pointer;
}

.location-tools[b-flg12gyok5]  .location-result:hover,
.location-tools[b-flg12gyok5]  .location-result:focus-visible {
    border-color: #1477c9;
    outline: none;
}

.location-tools[b-flg12gyok5]  .location-result strong {
    align-self: center;
    color: #1477c9;
    font-size: 0.75rem;
    white-space: nowrap;
}

.location-attribution[b-flg12gyok5] {
    display: inline-block;
    margin-top: 0.75rem;
    color: var(--color-muted);
    font-size: 0.72rem;
}

.field-wide[b-flg12gyok5] {
    grid-column: 1 / -1;
}

textarea.field-control[b-flg12gyok5] {
    resize: vertical;
}

.editor-form footer[b-flg12gyok5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 1.25rem clamp(1.25rem, 3vw, 2.5rem);
    background: var(--color-surface-subtle);
}

.editor-form footer p[b-flg12gyok5] {
    margin: 0;
    color: var(--color-muted);
}

.editor-form button[b-flg12gyok5] {
    padding: 0.9rem 1.2rem;
    color: #fff;
    font-weight: 800;
    background: var(--color-signal-bright);
    border: 0;
    border-radius: var(--radius-control);
}

.editor-alert[b-flg12gyok5],
.validation-summary[b-flg12gyok5] {
    padding: 1rem 1.25rem;
    color: var(--color-danger);
    background: var(--color-signal-soft);
    border-left: 0.3rem solid var(--color-danger);
}

@media (max-width: 680px) {
    .editor-hero[b-flg12gyok5],
    .editor-form footer[b-flg12gyok5] {
        align-items: stretch;
        flex-direction: column;
    }

    .field-grid[b-flg12gyok5] {
        grid-template-columns: 1fr;
    }

    .field-wide[b-flg12gyok5] {
        grid-column: auto;
    }

    .location-heading[b-flg12gyok5],
    .location-tools[b-flg12gyok5]  .location-result {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .location-heading[b-flg12gyok5] {
        display: grid;
    }

    .location-actions[b-flg12gyok5] {
        display: grid;
    }
}
/* /Components/Incidents/Pages/Hydrants.razor.rz.scp.css */
.hydrant-register[b-olv0o58w07] {
    width: min(100%, 78rem);
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 3rem);
}

.back-link[b-olv0o58w07] {
    display: inline-block;
    margin-bottom: 1rem;
    color: var(--color-muted);
    font-weight: 750;
    text-decoration: none;
}

.register-hero[b-olv0o58w07] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    padding: clamp(1.5rem, 4vw, 3rem);
    color: #fff;
    background: var(--color-rail);
    border-left: 0.4rem solid var(--color-signal-bright);
    border-radius: var(--radius-lg);
}

.register-hero h1[b-olv0o58w07],
.register-hero p[b-olv0o58w07] {
    margin: 0;
}

.register-hero .eyebrow[b-olv0o58w07] {
    margin-bottom: 0.5rem;
    color: var(--color-signal-bright);
}

.register-hero h1[b-olv0o58w07] {
    color: #fff;
}

.register-hero > a[b-olv0o58w07],
.hydrant-cards a[b-olv0o58w07] {
    color: #fff;
    font-weight: 800;
    text-decoration: none;
}

.register-hero > a[b-olv0o58w07] {
    padding: 0.9rem 1.1rem;
    background: var(--color-signal-bright);
    border-radius: var(--radius-control);
}

.hydrant-cards[b-olv0o58w07] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

.hydrant-cards article[b-olv0o58w07] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
}

.hydrant-cards article > div[b-olv0o58w07] {
    display: grid;
    gap: 0.2rem;
}

.hydrant-cards article > div:nth-child(3)[b-olv0o58w07] {
    justify-items: end;
}

.hydrant-cards small[b-olv0o58w07],
.hydrant-cards span[b-olv0o58w07] {
    color: var(--color-muted);
}

.hydrant-cards a[b-olv0o58w07] {
    color: var(--color-signal);
}

.hydrant-symbol[b-olv0o58w07] {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    color: #fff !important;
    font-weight: 900;
    place-items: center;
    background: #1477c9;
    border: 0.2rem solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--color-line);
}

.hydrant-symbol.status-restricted[b-olv0o58w07],
.status-label.status-restricted[b-olv0o58w07] {
    background: #986800;
}

.hydrant-symbol.status-outofservice[b-olv0o58w07],
.status-label.status-outofservice[b-olv0o58w07] {
    background: #a62b2b;
}

.hydrant-symbol.status-unverified[b-olv0o58w07],
.status-label.status-unverified[b-olv0o58w07] {
    background: #68737e;
}

.hydrant-symbol.type-suctionpoint.status-ready[b-olv0o58w07] {
    background: #087f8c;
    border-radius: 0.35rem;
}

.status-label[b-olv0o58w07] {
    padding: 0.25rem 0.5rem;
    color: #fff !important;
    font-size: 0.72rem;
    font-weight: 850;
    background: #1477c9;
    border-radius: 999px;
}

.register-empty[b-olv0o58w07],
.register-alert[b-olv0o58w07] {
    display: grid;
    gap: 0.25rem;
    margin-top: 1rem;
    padding: 1.25rem;
    background: var(--color-surface);
    border: 1px solid var(--color-line);
}

.register-alert[b-olv0o58w07] {
    color: var(--color-danger);
    border-left: 0.3rem solid var(--color-danger);
}

@media (max-width: 760px) {
    .register-hero[b-olv0o58w07],
    .hydrant-cards article[b-olv0o58w07] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .register-hero[b-olv0o58w07] {
        flex-direction: column;
    }

    .hydrant-cards article > div:nth-child(3)[b-olv0o58w07] {
        justify-items: start;
    }
}
/* /Components/Incidents/Pages/IncidentDetails.razor.rz.scp.css */
.incident-details[b-uqk3nfj7tt] {
    width: min(100%, 94rem);
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 3rem);
}

.back-link[b-uqk3nfj7tt] {
    display: inline-block;
    margin-bottom: 1rem;
    color: var(--color-muted);
    font-weight: 750;
    text-decoration: none;
}

.detail-hero[b-uqk3nfj7tt] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    padding: clamp(1.5rem, 4vw, 4rem);
    color: #fff;
    background:
        radial-gradient(circle at 80% 10%, rgb(226 59 48 / 18%), transparent 28rem),
        var(--color-rail);
    border-left: 0.4rem solid var(--color-signal-bright);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.detail-hero h1[b-uqk3nfj7tt] {
    margin-bottom: 0.6rem;
    color: #fff;
}

.detail-hero p:last-child[b-uqk3nfj7tt] {
    margin: 0;
    color: var(--color-rail-muted);
    font-size: 1.1rem;
}

.hero-status[b-uqk3nfj7tt] {
    display: grid;
    min-width: 12rem;
    gap: 0.3rem;
    text-align: right;
}

.hero-status > span[b-uqk3nfj7tt] {
    justify-self: end;
    padding: 0.4rem 0.7rem;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: var(--color-warning);
    border-radius: 999px;
}

.hero-status > span.status-active[b-uqk3nfj7tt] {
    background: var(--color-signal-bright);
}

.hero-status > span.status-correction[b-uqk3nfj7tt] {
    background: var(--color-violet);
}

.hero-status > span.status-closed[b-uqk3nfj7tt] {
    background: var(--color-success);
}

.hero-status small[b-uqk3nfj7tt] {
    color: var(--color-rail-muted);
}

.command-bar[b-uqk3nfj7tt] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.75rem;
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
}

.command-bar > a[b-uqk3nfj7tt],
.command-bar button[b-uqk3nfj7tt],
.journal-form button[b-uqk3nfj7tt],
.radio-form button[b-uqk3nfj7tt] {
    min-height: 2.8rem;
    padding: 0.7rem 1rem;
    color: #fff;
    font-weight: 800;
    text-decoration: none;
    background: var(--color-signal-bright);
    border: 0;
    border-radius: var(--radius-control);
}

.correction-form[b-uqk3nfj7tt] {
    display: flex;
    flex: 1;
    align-items: end;
    gap: 0.75rem;
}

.correction-form label[b-uqk3nfj7tt] {
    flex: 1;
}

.correction-form label > span[b-uqk3nfj7tt],
.journal-form label > span[b-uqk3nfj7tt],
.radio-form label > span[b-uqk3nfj7tt] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--color-muted-strong);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.facts-panel[b-uqk3nfj7tt],
.situation-panel[b-uqk3nfj7tt],
.journal-panel[b-uqk3nfj7tt],
.radio-panel[b-uqk3nfj7tt] {
    margin-top: 1rem;
    padding: clamp(1.25rem, 3vw, 2.5rem);
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}

.facts-panel > header[b-uqk3nfj7tt],
.situation-panel > header[b-uqk3nfj7tt],
.journal-panel > header[b-uqk3nfj7tt],
.radio-panel > header[b-uqk3nfj7tt] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.facts-panel > header > span[b-uqk3nfj7tt],
.situation-panel > header > span[b-uqk3nfj7tt],
.journal-panel > header > span[b-uqk3nfj7tt],
.radio-panel > header > span[b-uqk3nfj7tt] {
    display: grid;
    flex: 0 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    color: #fff;
    font-weight: 850;
    place-items: center;
    background: var(--color-rail);
    border-radius: var(--radius-xs);
}

.facts-panel header p[b-uqk3nfj7tt],
.situation-panel header p[b-uqk3nfj7tt],
.journal-panel header p[b-uqk3nfj7tt],
.radio-panel header p[b-uqk3nfj7tt] {
    margin: 0;
    color: var(--color-signal);
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.facts-panel header h2[b-uqk3nfj7tt],
.situation-panel header h2[b-uqk3nfj7tt],
.journal-panel header h2[b-uqk3nfj7tt],
.radio-panel header h2[b-uqk3nfj7tt] {
    margin: 0;
}

.journal-panel > header > small[b-uqk3nfj7tt] {
    margin-left: auto;
    color: var(--color-muted);
    font-weight: 750;
}

.situation-panel > header[b-uqk3nfj7tt] {
    flex-wrap: wrap;
}

.situation-panel > header > small[b-uqk3nfj7tt] {
    margin-left: auto;
    color: var(--color-muted);
    font-weight: 750;
}

.situation-layout[b-uqk3nfj7tt] {
    display: grid;
    grid-template-columns: minmax(17rem, 0.72fr) minmax(0, 2fr);
    overflow: hidden;
    background: var(--color-surface-subtle);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
}

.situation-palette[b-uqk3nfj7tt] {
    max-height: 42rem;
    overflow-y: auto;
    background: var(--color-surface);
    border-right: 1px solid var(--color-line);
}

.palette-group[b-uqk3nfj7tt] {
    display: block;
    margin: 0;
    padding: 1rem;
    border-bottom: 1px solid var(--color-line);
}

.palette-group > p[b-uqk3nfj7tt],
.palette-group > summary[b-uqk3nfj7tt] {
    margin: 0 0 0.75rem;
    color: var(--color-muted-strong);
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.palette-group > summary[b-uqk3nfj7tt] {
    display: flex;
    cursor: pointer;
    list-style: none;
}

.palette-group > summary[b-uqk3nfj7tt]::-webkit-details-marker {
    display: none;
}

.palette-group > summary[b-uqk3nfj7tt]::before {
    margin-right: 0.45rem;
    content: "+";
    color: var(--color-signal);
}

.palette-group[open] > summary[b-uqk3nfj7tt]::before {
    content: "−";
}

.palette-group > summary > span[b-uqk3nfj7tt] {
    margin-left: auto;
}

.tool-grid[b-uqk3nfj7tt],
.tool-list[b-uqk3nfj7tt] {
    display: grid;
    gap: 0.5rem;
}

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

.situation-tool[b-uqk3nfj7tt] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0 0.6rem;
    min-width: 0;
    padding: 0.65rem;
    color: var(--color-ink);
    text-align: left;
    background: var(--color-surface-subtle);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-control);
    cursor: grab;
}

.situation-tool:hover:not(:disabled)[b-uqk3nfj7tt],
.situation-tool:focus-visible[b-uqk3nfj7tt] {
    border-color: var(--color-signal);
    box-shadow: 0 0 0 0.18rem var(--color-signal-soft);
    transform: translateY(-1px);
}

.situation-tool:disabled[b-uqk3nfj7tt] {
    cursor: default;
    opacity: 0.48;
}

.situation-tool > span[b-uqk3nfj7tt] {
    display: grid;
    grid-row: 1 / 3;
    min-width: 2.35rem;
    height: 2.35rem;
    padding: 0.2rem;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    place-items: center;
    background: #365c7d;
    border: 0.13rem solid #fff;
    border-radius: 0.35rem;
    box-shadow: 0 0.1rem 0.35rem rgb(0 0 0 / 22%);
}

.situation-tool > strong[b-uqk3nfj7tt],
.situation-tool > small[b-uqk3nfj7tt] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.situation-tool > strong[b-uqk3nfj7tt] {
    font-size: 0.82rem;
}

.situation-tool > small[b-uqk3nfj7tt],
.palette-empty[b-uqk3nfj7tt],
.external-vehicle > small[b-uqk3nfj7tt] {
    color: var(--color-muted);
    font-size: 0.68rem;
}

.situation-tool.kind-incident > span[b-uqk3nfj7tt],
.situation-tool.kind-fire > span[b-uqk3nfj7tt] {
    background: #e23b30;
}

.situation-tool.kind-incident > span[b-uqk3nfj7tt] {
    border-radius: 50% 50% 50% 0.2rem;
}

.situation-tool.kind-fire > span[b-uqk3nfj7tt] {
    background: #df3a24;
}

.situation-tool.kind-incidentsite > span[b-uqk3nfj7tt] {
    background: #c51e2d;
}

.situation-tool.kind-commandpost > span[b-uqk3nfj7tt],
.situation-tool.category-command > span[b-uqk3nfj7tt] {
    background: #75285f;
}

.situation-tool.kind-stagingarea > span[b-uqk3nfj7tt],
.situation-tool.category-crew > span[b-uqk3nfj7tt] {
    background: #2c6ca3;
}

.situation-tool.kind-roadclosure > span[b-uqk3nfj7tt],
.situation-tool.kind-hazard > span[b-uqk3nfj7tt] {
    background: #b76f00;
}

.situation-tool.kind-member > span[b-uqk3nfj7tt] {
    background: #1672b9;
    border-radius: 50%;
}

.situation-tool.category-tank > span[b-uqk3nfj7tt],
.situation-tool.category-rescueengine > span[b-uqk3nfj7tt] {
    background: #c62f28;
}

.situation-tool.category-pump > span[b-uqk3nfj7tt] {
    background: #156c85;
}

.situation-tool.category-rescue > span[b-uqk3nfj7tt] {
    background: #705524;
}

.situation-tool.category-aerial > span[b-uqk3nfj7tt] {
    background: #6546a7;
}

.situation-tool.category-logistics > span[b-uqk3nfj7tt] {
    background: #38764b;
}

.situation-tool.category-special > span[b-uqk3nfj7tt] {
    background: #515d67;
}

.palette-empty[b-uqk3nfj7tt] {
    margin: 0;
}

.external-vehicle[b-uqk3nfj7tt] {
    display: grid;
    gap: 0.65rem;
}

.external-vehicle > p[b-uqk3nfj7tt] {
    margin-bottom: 0;
}

.external-vehicle label[b-uqk3nfj7tt] {
    display: grid;
    gap: 0.3rem;
}

.external-vehicle label > span[b-uqk3nfj7tt] {
    color: var(--color-muted);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.external-vehicle input[b-uqk3nfj7tt],
.external-vehicle select[b-uqk3nfj7tt] {
    width: 100%;
    min-height: 2.65rem;
    padding: 0.6rem 0.7rem;
    color: var(--color-ink);
    background: var(--color-surface-subtle);
    border: 1px solid var(--color-line-strong);
    border-radius: var(--radius-control);
}

.external-add[b-uqk3nfj7tt],
.map-selection button[b-uqk3nfj7tt] {
    min-height: 2.65rem;
    padding: 0.65rem 0.8rem;
    color: #fff;
    font-weight: 800;
    background: var(--color-signal-bright);
    border: 0;
    border-radius: var(--radius-control);
}

.palette-closed[b-uqk3nfj7tt] {
    margin: 1rem;
    padding: 1rem;
    color: var(--color-muted);
    background: var(--color-surface-subtle);
    border-left: 0.25rem solid var(--color-success);
    border-radius: var(--radius-sm);
}

.situation-map-wrap[b-uqk3nfj7tt] {
    position: relative;
    min-width: 0;
    min-height: 42rem;
    overflow: hidden;
}

.situation-map[b-uqk3nfj7tt] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background-color: #dbe4e8;
    background-image:
        linear-gradient(#c6d1d6 1px, transparent 1px),
        linear-gradient(90deg, #c6d1d6 1px, transparent 1px);
    background-size: 2rem 2rem;
    isolation: isolate;
    touch-action: none;
}

.situation-map[b-uqk3nfj7tt]  .situation-tile-layer,
.situation-map[b-uqk3nfj7tt]  .situation-marker-layer {
    position: absolute;
    inset: 0;
}

.situation-map[b-uqk3nfj7tt]  .situation-tile {
    position: absolute;
    width: 256px;
    height: 256px;
    user-select: none;
}

.situation-map[b-uqk3nfj7tt]  .situation-marker {
    position: absolute;
    z-index: 2;
    display: grid;
    min-width: 2.7rem;
    min-height: 2.7rem;
    padding: 0.25rem 0.5rem;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 900;
    line-height: 1;
    place-items: center;
    background: #365c7d;
    border: 0.18rem solid #fff;
    border-radius: 0.35rem;
    box-shadow: 0 0.18rem 0.65rem rgb(0 0 0 / 40%);
    cursor: grab;
    transform: translate(-50%, -50%);
}

.situation-map[b-uqk3nfj7tt]  .situation-marker:focus-visible,
.situation-map[b-uqk3nfj7tt]  .situation-marker.is-selected {
    outline: 0.22rem solid #ffca28;
    outline-offset: 0.12rem;
}

.situation-map[b-uqk3nfj7tt]  .situation-marker.kind-incident {
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    padding: 0;
    background: #e23b30;
    border-radius: 50% 50% 50% 0.25rem;
    transform: translate(-50%, -72%) rotate(-45deg);
}

.situation-map[b-uqk3nfj7tt]  .situation-marker.kind-incident > span {
    transform: rotate(45deg);
}

.situation-map[b-uqk3nfj7tt]  .situation-marker.kind-member {
    min-width: 2.8rem;
    padding: 0;
    background: #1672b9;
    border-radius: 50%;
}

.situation-map[b-uqk3nfj7tt]  .situation-marker.kind-fire {
    background: #df3a24;
    border-radius: 50% 50% 45% 55%;
}

.situation-map[b-uqk3nfj7tt]  .situation-marker.kind-incidentsite {
    background: #c51e2d;
}

.situation-map[b-uqk3nfj7tt]  .situation-marker.kind-commandpost,
.situation-map[b-uqk3nfj7tt]  .situation-marker.category-command {
    background: #75285f;
}

.situation-map[b-uqk3nfj7tt]  .situation-marker.kind-stagingarea,
.situation-map[b-uqk3nfj7tt]  .situation-marker.category-crew {
    background: #2c6ca3;
}

.situation-map[b-uqk3nfj7tt]  .situation-marker.kind-roadclosure,
.situation-map[b-uqk3nfj7tt]  .situation-marker.kind-hazard {
    background: #b76f00;
}

.situation-map[b-uqk3nfj7tt]  .situation-marker.category-tank,
.situation-map[b-uqk3nfj7tt]  .situation-marker.category-rescueengine {
    background: #c62f28;
}

.situation-map[b-uqk3nfj7tt]  .situation-marker.category-pump {
    background: #156c85;
}

.situation-map[b-uqk3nfj7tt]  .situation-marker.category-rescue {
    background: #705524;
}

.situation-map[b-uqk3nfj7tt]  .situation-marker.category-aerial {
    background: #6546a7;
}

.situation-map[b-uqk3nfj7tt]  .situation-marker.category-logistics {
    background: #38764b;
}

.situation-map[b-uqk3nfj7tt]  .situation-marker.category-special {
    background: #515d67;
}

.situation-map[b-uqk3nfj7tt]  .situation-marker-label {
    position: absolute;
    top: calc(100% + 0.4rem);
    left: 50%;
    max-width: 11rem;
    padding: 0.22rem 0.38rem;
    overflow: hidden;
    color: #17222c;
    font-size: 0.66rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgb(255 255 255 / 92%);
    border-radius: 0.2rem;
    box-shadow: 0 0.1rem 0.35rem rgb(0 0 0 / 20%);
    transform: translateX(-50%);
}

.situation-map[b-uqk3nfj7tt]  .situation-map-controls {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    z-index: 4;
    display: grid;
    overflow: hidden;
    border: 1px solid rgb(0 0 0 / 20%);
    border-radius: 0.35rem;
    box-shadow: var(--shadow-sm);
}

.situation-map[b-uqk3nfj7tt]  .situation-map-controls button {
    width: 2.75rem;
    height: 2.75rem;
    color: #17222c;
    font-size: 1.3rem;
    font-weight: 900;
    background: #fff;
    border: 0;
}

.situation-map[b-uqk3nfj7tt]  .situation-map-controls button + button {
    border-top: 1px solid #d4dce0;
}

.map-selection[b-uqk3nfj7tt] {
    position: absolute;
    right: 0.75rem;
    bottom: 2.8rem;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: calc(100% - 1.5rem);
    padding: 0.75rem;
    color: var(--color-ink);
    background: color-mix(in srgb, var(--color-surface) 94%, transparent);
    border: 1px solid var(--color-line-strong);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
    backdrop-filter: blur(0.55rem);
}

.map-selection[hidden][b-uqk3nfj7tt] {
    display: none;
}

.map-selection > div[b-uqk3nfj7tt] {
    display: grid;
}

.map-selection small[b-uqk3nfj7tt],
.map-selection span[b-uqk3nfj7tt] {
    color: var(--color-muted);
}

.map-selection span[b-uqk3nfj7tt] {
    font-family: var(--font-mono, monospace);
    font-size: 0.68rem;
}

.situation-status[b-uqk3nfj7tt],
.situation-attribution[b-uqk3nfj7tt] {
    position: absolute;
    z-index: 4;
    padding: 0.28rem 0.45rem;
    color: #17222c;
    font-size: 0.66rem;
    background: rgb(255 255 255 / 90%);
}

.situation-status[b-uqk3nfj7tt] {
    bottom: 0;
    left: 0;
    max-width: 72%;
}

.situation-status:empty[b-uqk3nfj7tt] {
    display: none;
}

.situation-status.is-error[b-uqk3nfj7tt] {
    color: #9f1717;
    font-weight: 800;
    background: rgb(255 230 228 / 94%);
}

.situation-attribution[b-uqk3nfj7tt] {
    right: 0;
    bottom: 0;
}

.situation-attribution a[b-uqk3nfj7tt] {
    color: #135f9d;
}

.situation-disclaimer[b-uqk3nfj7tt] {
    margin: 0;
    padding: 0.75rem 1rem 0;
    color: var(--color-muted);
    font-size: 0.75rem;
}

.facts-panel dl[b-uqk3nfj7tt] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin: 0;
    overflow: hidden;
    background: var(--color-line);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
}

.facts-panel dl > div[b-uqk3nfj7tt] {
    min-height: 6rem;
    padding: 1rem;
    background: var(--color-surface-subtle);
}

.facts-panel .fact-wide[b-uqk3nfj7tt] {
    grid-column: 1 / -1;
}

.facts-panel dt[b-uqk3nfj7tt] {
    margin-bottom: 0.5rem;
    color: var(--color-muted);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.facts-panel dd[b-uqk3nfj7tt] {
    margin: 0;
    font-weight: 700;
}

.journal-form[b-uqk3nfj7tt] {
    display: grid;
    grid-template-columns: 0.7fr 1fr 1fr 1fr;
    align-items: end;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: var(--color-surface-subtle);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
}

.journal-content[b-uqk3nfj7tt] {
    grid-column: 1 / -2;
}

.journal-form textarea[b-uqk3nfj7tt] {
    min-height: 5rem;
    resize: vertical;
}

.journal-table-wrap[b-uqk3nfj7tt] {
    overflow-x: auto;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
}

.journal-table[b-uqk3nfj7tt] {
    width: 100%;
    min-width: 62rem;
    border-collapse: collapse;
}

.journal-table th[b-uqk3nfj7tt] {
    padding: 0.7rem;
    color: var(--color-muted);
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    text-align: left;
    text-transform: uppercase;
    background: var(--color-surface-subtle);
}

.journal-table td[b-uqk3nfj7tt] {
    padding: 0.85rem 0.7rem;
    vertical-align: top;
    border-top: 1px solid var(--color-line);
}

.journal-table td:nth-child(3)[b-uqk3nfj7tt],
.journal-table td:nth-child(4)[b-uqk3nfj7tt] {
    display: table-cell;
}

.journal-table td > strong[b-uqk3nfj7tt],
.journal-table td > span[b-uqk3nfj7tt],
.journal-table td > small[b-uqk3nfj7tt] {
    display: block;
}

.journal-table td p[b-uqk3nfj7tt] {
    max-width: 42rem;
    margin: 0 0 0.35rem;
    white-space: pre-wrap;
}

.journal-table td small[b-uqk3nfj7tt] {
    color: var(--color-muted);
}

.journal-table tr.is-complete[b-uqk3nfj7tt] {
    background: color-mix(in srgb, var(--color-success-soft) 55%, transparent);
}

.journal-type[b-uqk3nfj7tt] {
    display: grid !important;
    width: 2rem;
    height: 2rem;
    color: #fff;
    font-weight: 900;
    place-items: center;
    background: var(--color-technical);
    border-radius: 50%;
}

.journal-type.type-message[b-uqk3nfj7tt] {
    background: var(--color-violet);
}

.journal-type.type-order[b-uqk3nfj7tt] {
    background: var(--color-signal-bright);
}

.completed-mark[b-uqk3nfj7tt] {
    color: var(--color-success);
    font-weight: 800;
}

.quiet-action[b-uqk3nfj7tt] {
    padding: 0;
    color: var(--color-signal);
    font-size: 0.78rem;
    font-weight: 800;
    text-align: left;
    text-decoration: underline;
    text-underline-offset: 0.18em;
    background: none;
    border: 0;
}

.radio-panel > header[b-uqk3nfj7tt] {
    flex-wrap: wrap;
}

.radio-legend[b-uqk3nfj7tt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-left: auto;
}

.radio-legend span[b-uqk3nfj7tt]::before {
    display: inline-block;
    width: 0.65rem;
    height: 0.65rem;
    margin-right: 0.35rem;
    content: "";
    background: #3b82f6;
    border-radius: 50%;
}

.radio-legend .bos[b-uqk3nfj7tt]::before {
    background: #a855f7;
}

.radio-legend .command[b-uqk3nfj7tt]::before {
    background: #22c55e;
}

.radio-legend .work[b-uqk3nfj7tt]::before {
    background: #ef4444;
}

.diagram-wrap[b-uqk3nfj7tt] {
    overflow-x: auto;
    background:
        linear-gradient(var(--color-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--color-grid) 1px, transparent 1px),
        var(--color-surface-subtle);
    background-size: 32px 32px;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
}

.radio-diagram[b-uqk3nfj7tt] {
    width: auto;
    min-width: 100%;
    height: 36rem;
}

.lane-label[b-uqk3nfj7tt] {
    fill: var(--color-muted);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
}

.lane-line[b-uqk3nfj7tt] {
    stroke: var(--color-line);
    stroke-dasharray: 5 7;
}

.radio-link[b-uqk3nfj7tt] {
    stroke-width: 5;
    stroke: #3b82f6;
}

.radio-link.link-bos[b-uqk3nfj7tt],
.link-chip.link-bos[b-uqk3nfj7tt] {
    stroke: #a855f7;
}

.radio-link.link-command[b-uqk3nfj7tt],
.link-chip.link-command[b-uqk3nfj7tt] {
    stroke: #22c55e;
}

.radio-link.link-work[b-uqk3nfj7tt],
.link-chip.link-work[b-uqk3nfj7tt] {
    stroke: #ef4444;
}

.radio-node rect[b-uqk3nfj7tt] {
    fill: var(--color-surface);
    stroke: var(--color-line-strong);
    stroke-width: 2;
}

.node-title[b-uqk3nfj7tt] {
    fill: var(--color-ink);
    font-size: 15px;
    font-weight: 800;
}

.node-meta[b-uqk3nfj7tt] {
    fill: var(--color-muted);
    font-size: 12px;
}

.channel-label-bg[b-uqk3nfj7tt] {
    fill: var(--color-rail);
}

.channel-label[b-uqk3nfj7tt] {
    fill: #fff;
    font-size: 11px;
    font-weight: 800;
}

.radio-forms[b-uqk3nfj7tt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.radio-form[b-uqk3nfj7tt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
    gap: 0.75rem;
    padding: 1rem;
    background: var(--color-surface-subtle);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
}

.radio-form h3[b-uqk3nfj7tt],
.radio-form .form-wide[b-uqk3nfj7tt] {
    grid-column: 1 / -1;
}

.radio-register[b-uqk3nfj7tt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.radio-register > div[b-uqk3nfj7tt] {
    overflow: hidden;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
}

.radio-register h3[b-uqk3nfj7tt] {
    margin: 0;
    padding: 1rem;
    background: var(--color-surface-subtle);
    border-bottom: 1px solid var(--color-line);
}

.radio-register article[b-uqk3nfj7tt] {
    display: grid;
    grid-template-columns: minmax(6rem, 0.6fr) 1fr auto;
    align-items: center;
    gap: 0.5rem;
    padding: 0.8rem 1rem;
    border-bottom: 1px solid var(--color-line);
}

.radio-register article:last-child[b-uqk3nfj7tt] {
    border-bottom: 0;
}

.radio-register article > span[b-uqk3nfj7tt],
.radio-register article > small[b-uqk3nfj7tt] {
    color: var(--color-muted);
    font-size: 0.72rem;
}

.radio-register article form[b-uqk3nfj7tt] {
    grid-column: 3;
    grid-row: 1 / 3;
}

.link-chip[b-uqk3nfj7tt] {
    padding-left: 0.5rem;
    border-left: 0.3rem solid #3b82f6;
}

.link-chip.link-bos[b-uqk3nfj7tt] {
    border-color: #a855f7;
}

.link-chip.link-command[b-uqk3nfj7tt] {
    border-color: #22c55e;
}

.link-chip.link-work[b-uqk3nfj7tt] {
    border-color: #ef4444;
}

.operational-note[b-uqk3nfj7tt] {
    display: grid;
    gap: 0.25rem;
    margin-top: 1rem;
    padding: 1rem;
    color: var(--color-muted);
    background: var(--color-warning-soft);
    border-left: 0.3rem solid var(--color-warning);
    border-radius: var(--radius-sm);
}

.operational-note strong[b-uqk3nfj7tt] {
    color: var(--color-warning);
}

.section-empty[b-uqk3nfj7tt],
.loading-state[b-uqk3nfj7tt],
.detail-alert[b-uqk3nfj7tt],
.detail-notice[b-uqk3nfj7tt] {
    padding: 1rem;
    color: var(--color-muted);
    background: var(--color-surface-subtle);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-sm);
}

.detail-alert[b-uqk3nfj7tt] {
    color: var(--color-danger);
    background: var(--color-signal-soft);
    border-left: 0.3rem solid var(--color-danger);
}

.detail-notice[b-uqk3nfj7tt] {
    margin-top: 1rem;
    color: var(--color-success);
    background: var(--color-success-soft);
    border-left: 0.3rem solid var(--color-success);
}

@media (max-width: 900px) {
    .situation-layout[b-uqk3nfj7tt] {
        grid-template-columns: 1fr;
    }

    .situation-palette[b-uqk3nfj7tt] {
        max-height: 24rem;
        border-right: 0;
        border-bottom: 1px solid var(--color-line);
    }

    .situation-map-wrap[b-uqk3nfj7tt] {
        min-height: 32rem;
    }

    .facts-panel dl[b-uqk3nfj7tt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .journal-form[b-uqk3nfj7tt],
    .radio-forms[b-uqk3nfj7tt],
    .radio-register[b-uqk3nfj7tt] {
        grid-template-columns: 1fr;
    }

    .journal-content[b-uqk3nfj7tt] {
        grid-column: 1;
    }

    .journal-form button[b-uqk3nfj7tt] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .incident-details[b-uqk3nfj7tt] {
        padding: 0.75rem;
    }

    .detail-hero[b-uqk3nfj7tt] {
        align-items: stretch;
        flex-direction: column;
    }

    .hero-status[b-uqk3nfj7tt] {
        text-align: left;
    }

    .hero-status > span[b-uqk3nfj7tt] {
        justify-self: start;
    }

    .command-bar[b-uqk3nfj7tt],
    .correction-form[b-uqk3nfj7tt] {
        align-items: stretch;
        flex-direction: column;
    }

    .command-bar > a[b-uqk3nfj7tt],
    .command-bar form[b-uqk3nfj7tt],
    .command-bar button[b-uqk3nfj7tt] {
        width: 100%;
        text-align: center;
    }

    .facts-panel dl[b-uqk3nfj7tt] {
        grid-template-columns: 1fr;
    }

    .facts-panel .fact-wide[b-uqk3nfj7tt] {
        grid-column: auto;
    }

    .facts-panel > header[b-uqk3nfj7tt],
    .situation-panel > header[b-uqk3nfj7tt],
    .journal-panel > header[b-uqk3nfj7tt],
    .radio-panel > header[b-uqk3nfj7tt] {
        align-items: flex-start;
    }

    .journal-panel > header > small[b-uqk3nfj7tt],
    .situation-panel > header > small[b-uqk3nfj7tt],
    .radio-legend[b-uqk3nfj7tt] {
        width: 100%;
        margin-left: 3.5rem;
    }

    .radio-form[b-uqk3nfj7tt] {
        grid-template-columns: 1fr;
    }

    .radio-form h3[b-uqk3nfj7tt],
    .radio-form .form-wide[b-uqk3nfj7tt] {
        grid-column: auto;
    }

    .map-selection[b-uqk3nfj7tt] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Incidents/Pages/IncidentDocuments.razor.rz.scp.css */
.incident-documents[b-5xs26gro56] {
    width: min(100%, 94rem);
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 3rem);
}

.back-link[b-5xs26gro56] {
    display: inline-block;
    margin-bottom: 1rem;
    color: var(--color-muted);
    font-weight: 750;
    text-decoration: none;
}

.documents-hero[b-5xs26gro56] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    padding: clamp(1.5rem, 4vw, 4rem);
    color: #fff;
    background:
        radial-gradient(circle at 82% 10%, rgb(226 59 48 / 20%), transparent 27rem),
        var(--color-rail);
    border-left: 0.4rem solid var(--color-signal-bright);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.documents-hero h1[b-5xs26gro56] {
    margin-bottom: 0.8rem;
    color: #fff;
}

.documents-hero p:last-child[b-5xs26gro56] {
    max-width: 45rem;
    margin: 0;
    color: var(--color-rail-muted);
}

.hero-index[b-5xs26gro56] {
    display: grid;
    min-width: 9rem;
    padding: 1rem;
    border: 1px solid rgb(255 255 255 / 18%);
}

.hero-index span[b-5xs26gro56],
.hero-index small[b-5xs26gro56] {
    color: var(--color-rail-muted);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.hero-index strong[b-5xs26gro56] {
    font-size: 2.5rem;
    line-height: 1;
}

.incident-context[b-5xs26gro56] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    padding: 1rem 1.25rem;
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    border-left: 0.3rem solid var(--color-signal-bright);
    border-radius: var(--radius-md);
}

.incident-context > span[b-5xs26gro56] {
    padding: 0.35rem 0.55rem;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    background: var(--color-rail);
    border-radius: 999px;
}

.incident-context div[b-5xs26gro56] {
    display: grid;
    flex: 1;
}

.incident-context small[b-5xs26gro56] {
    color: var(--color-muted);
}

.incident-context a[b-5xs26gro56] {
    color: var(--color-signal);
    font-weight: 800;
    text-decoration: none;
}

.source-notice[b-5xs26gro56],
.documents-alert[b-5xs26gro56] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    padding: 1rem 1.25rem;
    color: var(--color-muted-strong);
    background: var(--color-surface-subtle);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
}

.source-notice strong[b-5xs26gro56] {
    flex: 0 0 auto;
    color: var(--color-ink);
}

.documents-alert[b-5xs26gro56] {
    color: var(--color-danger);
    border-left: 0.3rem solid var(--color-danger);
}

.document-controls[b-5xs26gro56] {
    display: grid;
    grid-template-columns: minmax(16rem, 2fr) minmax(12rem, 1fr) auto auto;
    align-items: end;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 1rem;
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
}

.document-controls label > span[b-5xs26gro56] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--color-muted-strong);
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.document-controls input[b-5xs26gro56],
.document-controls select[b-5xs26gro56],
.document-controls button[b-5xs26gro56] {
    width: 100%;
    min-height: 3rem;
    padding: 0.75rem 0.9rem;
    color: var(--color-ink);
    background: var(--color-surface-subtle);
    border: 1px solid var(--color-line-strong);
    border-radius: var(--radius-control);
}

.document-controls button[b-5xs26gro56] {
    width: auto;
    color: var(--color-muted-strong);
    font-weight: 800;
    background: var(--color-surface-subtle);
}

.document-controls p[b-5xs26gro56] {
    display: grid;
    min-width: 7rem;
    margin: 0;
    padding-bottom: 0.35rem;
    color: var(--color-muted);
    text-align: right;
}

.document-controls p strong[b-5xs26gro56] {
    color: var(--color-ink);
    font-size: 1.35rem;
}

.document-controls p span[b-5xs26gro56] {
    font-size: 0.72rem;
}

.document-grid[b-5xs26gro56] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.document-card[b-5xs26gro56] {
    display: flex;
    min-width: 0;
    min-height: 24rem;
    flex-direction: column;
    padding: clamp(1.1rem, 2vw, 1.6rem);
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    border-top: 0.25rem solid var(--color-line-strong);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.document-card.is-featured[b-5xs26gro56] {
    border-top-color: var(--color-signal-bright);
}

.document-card[hidden][b-5xs26gro56] {
    display: none;
}

.document-card header[b-5xs26gro56] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.8rem;
}

.document-marker[b-5xs26gro56] {
    display: grid;
    width: 3rem;
    height: 3rem;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: -0.02em;
    place-items: center;
    background: var(--color-rail);
    border-radius: var(--radius-xs);
}

.document-card header small[b-5xs26gro56] {
    color: var(--color-signal);
    font-size: 0.67rem;
    font-weight: 850;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.document-card h2[b-5xs26gro56] {
    margin: 0.2rem 0 0;
    font-size: 1.25rem;
}

.priority-label[b-5xs26gro56] {
    grid-column: 1 / -1;
    justify-self: start;
    padding: 0.25rem 0.5rem;
    color: var(--color-signal);
    font-size: 0.65rem;
    font-weight: 850;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    background: var(--color-signal-soft);
    border-radius: 999px;
}

.document-card > p[b-5xs26gro56] {
    color: var(--color-muted);
}

.document-card .operational-notice[b-5xs26gro56] {
    margin: 0 0 1rem;
    padding: 0.7rem;
    color: var(--color-muted-strong);
    font-size: 0.82rem;
    font-weight: 700;
    background: var(--color-surface-subtle);
    border-left: 0.2rem solid var(--color-warning);
}

.document-card dl[b-5xs26gro56] {
    display: grid;
    gap: 0.7rem;
    margin: auto 0 1.1rem;
}

.document-card dl div[b-5xs26gro56] {
    display: grid;
    gap: 0.15rem;
}

.document-card dt[b-5xs26gro56] {
    color: var(--color-muted);
    font-size: 0.65rem;
    font-weight: 850;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.document-card dd[b-5xs26gro56] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--color-ink);
    font-size: 0.86rem;
    font-weight: 750;
}

.document-card > a[b-5xs26gro56] {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1rem;
    color: #fff;
    font-weight: 850;
    text-decoration: none;
    background: var(--color-signal-bright);
    border-radius: var(--radius-control);
}

.document-card > a:hover[b-5xs26gro56] {
    color: #fff;
    background: var(--color-signal-dark);
}

.documents-empty[b-5xs26gro56] {
    display: grid;
    gap: 0.3rem;
    padding: 2rem;
    color: var(--color-muted);
    text-align: center;
    background: var(--color-surface);
    border: 1px dashed var(--color-line-strong);
    border-radius: var(--radius-md);
}

.documents-empty[hidden][b-5xs26gro56] {
    display: none;
}

@media (max-width: 1050px) {
    .document-controls[b-5xs26gro56] {
        grid-template-columns: 1fr 1fr;
    }

    .document-controls p[b-5xs26gro56] {
        text-align: left;
    }

    .document-grid[b-5xs26gro56] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .incident-documents[b-5xs26gro56] {
        padding: 0.75rem;
    }

    .documents-hero[b-5xs26gro56] {
        align-items: stretch;
        flex-direction: column;
    }

    .hero-index[b-5xs26gro56] {
        min-width: 0;
    }

    .incident-context[b-5xs26gro56],
    .source-notice[b-5xs26gro56] {
        align-items: stretch;
        flex-direction: column;
    }

    .document-controls[b-5xs26gro56],
    .document-grid[b-5xs26gro56] {
        grid-template-columns: 1fr;
    }

    .document-controls button[b-5xs26gro56] {
        width: 100%;
    }

    .document-card[b-5xs26gro56] {
        min-height: 0;
    }
}
/* /Components/Incidents/Pages/IncidentEditor.razor.rz.scp.css */
.incident-editor[b-fhvy2vn8np] {
    width: min(100%, 76rem);
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 3rem);
}

.back-link[b-fhvy2vn8np] {
    display: inline-block;
    margin-bottom: 1rem;
    color: var(--color-muted);
    font-weight: 750;
    text-decoration: none;
}

.editor-hero[b-fhvy2vn8np] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    padding: clamp(1.5rem, 4vw, 3rem);
    color: #fff;
    background: var(--color-rail);
    border-left: 0.4rem solid var(--color-signal-bright);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.editor-hero h1[b-fhvy2vn8np] {
    margin: 0;
    color: #fff;
}

.editor-hero > span[b-fhvy2vn8np] {
    display: grid;
    color: var(--color-rail-muted);
    text-align: right;
}

.editor-hero > span strong[b-fhvy2vn8np] {
    color: #fff;
}

.editor-form[b-fhvy2vn8np] {
    overflow: hidden;
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    border-top: 0;
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.editor-form > section[b-fhvy2vn8np] {
    padding: clamp(1.25rem, 3vw, 2.5rem);
    border-bottom: 1px solid var(--color-line);
}

.editor-form section > header[b-fhvy2vn8np] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.editor-form section > header > span[b-fhvy2vn8np] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    color: #fff;
    font-weight: 850;
    place-items: center;
    background: var(--color-rail);
    border-radius: var(--radius-xs);
}

.editor-form section > header p[b-fhvy2vn8np] {
    margin: 0 0 0.2rem;
    color: var(--color-signal);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.editor-form section > header h2[b-fhvy2vn8np] {
    margin: 0;
}

.field-grid[b-fhvy2vn8np] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.field-grid label[b-fhvy2vn8np] {
    display: block;
}

.field-grid label > span[b-fhvy2vn8np] {
    display: block;
    margin-bottom: 0.4rem;
    color: var(--color-muted-strong);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.field-wide[b-fhvy2vn8np] {
    grid-column: 1 / -1;
}

.location-tools[b-fhvy2vn8np] {
    padding: 1rem;
    background:
        linear-gradient(
            135deg,
            color-mix(in srgb, #1477c9 10%, var(--color-surface)),
            var(--color-surface));
    border: 1px solid color-mix(in srgb, #1477c9 32%, var(--color-line));
    border-radius: var(--radius-control);
}

.location-heading[b-fhvy2vn8np] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.45rem;
}

.location-heading label[b-fhvy2vn8np] {
    color: var(--color-muted-strong);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.location-heading span[b-fhvy2vn8np] {
    color: #1477c9;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.location-actions[b-fhvy2vn8np] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.75rem;
}

.editor-form .location-action[b-fhvy2vn8np] {
    min-height: 2.7rem;
    padding: 0.65rem 0.9rem;
    color: var(--color-ink);
    font-weight: 800;
    background: var(--color-surface);
    border: 1px solid var(--color-line-strong);
}

.editor-form .location-action:hover[b-fhvy2vn8np] {
    border-color: #1477c9;
}

.editor-form .location-action-primary[b-fhvy2vn8np] {
    color: #fff;
    background: #1477c9;
    border-color: #1477c9;
}

.editor-form .location-action:disabled[b-fhvy2vn8np] {
    cursor: wait;
    opacity: 0.65;
}

.location-help[b-fhvy2vn8np],
.location-status[b-fhvy2vn8np] {
    margin: 0.65rem 0 0;
    color: var(--color-muted);
    font-size: 0.85rem;
}

.location-status[b-fhvy2vn8np] {
    min-height: 1.25rem;
    color: var(--color-ink);
    font-weight: 700;
}

.location-results[b-fhvy2vn8np] {
    display: grid;
    gap: 0.45rem;
    margin-top: 0.7rem;
}

.location-results[hidden][b-fhvy2vn8np] {
    display: none;
}

.location-tools[b-fhvy2vn8np]  .location-result {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    width: 100%;
    padding: 0.8rem;
    color: var(--color-ink);
    text-align: left;
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-control);
}

.location-tools[b-fhvy2vn8np]  .location-result:hover,
.location-tools[b-fhvy2vn8np]  .location-result:focus-visible {
    border-color: #1477c9;
    outline: none;
}

.location-tools[b-fhvy2vn8np]  .location-result strong {
    align-self: center;
    color: #1477c9;
    font-size: 0.75rem;
    white-space: nowrap;
}

.location-attribution[b-fhvy2vn8np] {
    display: inline-block;
    margin-top: 0.75rem;
    color: var(--color-muted);
    font-size: 0.72rem;
}

textarea.field-control[b-fhvy2vn8np] {
    min-height: 8rem;
    resize: vertical;
}

.editor-form > footer[b-fhvy2vn8np] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 1.25rem clamp(1.25rem, 3vw, 2.5rem);
    background: var(--color-surface-subtle);
}

.editor-form > footer p[b-fhvy2vn8np] {
    max-width: 38rem;
    margin: 0;
    color: var(--color-muted);
    font-size: 0.85rem;
}

.editor-form button[b-fhvy2vn8np] {
    padding: 0.9rem 1.2rem;
    color: #fff;
    font-weight: 800;
    background: var(--color-signal-bright);
    border: 0;
    border-radius: var(--radius-control);
}

.editor-alert[b-fhvy2vn8np],
.validation-summary[b-fhvy2vn8np] {
    padding: 1rem 1.25rem;
    color: var(--color-danger);
    background: var(--color-signal-soft);
    border-left: 0.3rem solid var(--color-danger);
}

@media (max-width: 680px) {
    .incident-editor[b-fhvy2vn8np] {
        padding: 0.75rem;
    }

    .editor-hero[b-fhvy2vn8np],
    .editor-form > footer[b-fhvy2vn8np] {
        align-items: stretch;
        flex-direction: column;
    }

    .editor-hero > span[b-fhvy2vn8np] {
        text-align: left;
    }

    .field-grid[b-fhvy2vn8np] {
        grid-template-columns: 1fr;
    }

    .field-wide[b-fhvy2vn8np] {
        grid-column: auto;
    }

    .location-heading[b-fhvy2vn8np],
    .location-tools[b-fhvy2vn8np]  .location-result {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .location-heading[b-fhvy2vn8np],
    .location-actions[b-fhvy2vn8np] {
        display: grid;
    }
}
/* /Components/Incidents/Pages/IncidentHydrants.razor.rz.scp.css */
.incident-hydrants[b-bedkuy4by5] {
    width: min(100%, 96rem);
    margin: 0 auto;
    padding: clamp(0.75rem, 2vw, 2rem);
}

.back-link[b-bedkuy4by5] {
    display: inline-block;
    margin-bottom: 1rem;
    color: var(--color-muted);
    font-weight: 750;
    text-decoration: none;
}

.map-hero[b-bedkuy4by5] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    padding: clamp(1.5rem, 4vw, 3rem);
    color: #fff;
    background: var(--color-rail);
    border-left: 0.4rem solid #1477c9;
    border-radius: var(--radius-lg);
}

.map-hero h1[b-bedkuy4by5],
.map-hero p[b-bedkuy4by5] {
    margin: 0;
}

.map-hero h1[b-bedkuy4by5] {
    color: #fff;
}

.map-hero .eyebrow[b-bedkuy4by5] {
    margin-bottom: 0.5rem;
    color: #75bfff;
}

.map-hero > a[b-bedkuy4by5],
.map-empty a[b-bedkuy4by5] {
    color: #fff;
    font-weight: 800;
    text-decoration: none;
}

.map-hero > a[b-bedkuy4by5] {
    padding: 0.85rem 1rem;
    background: #1477c9;
    border-radius: var(--radius-control);
}

.map-layout[b-bedkuy4by5] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(20rem, 0.85fr);
    gap: 1rem;
    margin-top: 1rem;
}

.map-panel[b-bedkuy4by5],
.nearby-list[b-bedkuy4by5] {
    overflow: hidden;
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-lg);
}

.map-toolbar[b-bedkuy4by5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
}

.water-counts[b-bedkuy4by5] {
    display: flex;
    gap: 1rem;
}

.water-counts > span[b-bedkuy4by5] {
    display: grid;
    min-width: 5rem;
}

.water-counts strong[b-bedkuy4by5] {
    font-size: 1.5rem;
}

.water-counts small[b-bedkuy4by5],
.map-disclaimer[b-bedkuy4by5] {
    color: var(--color-muted);
}

.map-legend[b-bedkuy4by5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    color: var(--color-muted);
    font-size: 0.72rem;
    font-weight: 750;
}

.map-legend span[b-bedkuy4by5]::before {
    display: inline-block;
    width: 0.65rem;
    height: 0.65rem;
    margin-right: 0.3rem;
    content: "";
    background: #1477c9;
    border-radius: 50%;
}

.map-legend .incident[b-bedkuy4by5]::before {
    background: #ee3e35;
}

.map-legend .suction[b-bedkuy4by5]::before {
    width: 1rem;
    height: 1rem;
    color: #fff;
    font-size: 0.6rem;
    font-weight: 900;
    line-height: 1rem;
    text-align: center;
    content: "S";
    background: #087f8c;
    border-radius: 0.2rem;
}

.map-legend .restricted[b-bedkuy4by5]::before {
    background: #986800;
}

.map-legend .out[b-bedkuy4by5]::before {
    background: #68737e;
}

.operational-map[b-bedkuy4by5] {
    position: relative;
    min-height: clamp(26rem, 58vh, 44rem);
    overflow: hidden;
    background-color: #dbe4e8;
    background-image:
        linear-gradient(#c6d1d6 1px, transparent 1px),
        linear-gradient(90deg, #c6d1d6 1px, transparent 1px);
    background-size: 2rem 2rem;
    isolation: isolate;
    touch-action: none;
}

.map-canvas[b-bedkuy4by5],
.map-tile-layer[b-bedkuy4by5],
.map-marker-layer[b-bedkuy4by5],
.map-ring-layer[b-bedkuy4by5] {
    position: absolute;
    inset: 0;
}

.map-tile[b-bedkuy4by5] {
    position: absolute;
    width: 256px;
    height: 256px;
    user-select: none;
}

.map-marker[b-bedkuy4by5] {
    position: absolute;
    display: grid;
    min-width: 2.35rem;
    height: 2.35rem;
    padding: 0 0.45rem;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 900;
    place-items: center;
    background: #1477c9;
    border: 0.2rem solid #fff;
    border-radius: 999px;
    box-shadow: 0 0.15rem 0.5rem rgb(0 0 0 / 35%);
    transform: translate(-50%, -50%);
}

.map-marker.kind-incident[b-bedkuy4by5] {
    width: 2.8rem;
    height: 2.8rem;
    background: #ee3e35;
    border-radius: 0.3rem;
    transform: translate(-50%, -50%) rotate(45deg);
}

.map-marker.kind-incident span[b-bedkuy4by5] {
    transform: rotate(-45deg);
}

.map-marker.type-suctionpoint[b-bedkuy4by5] {
    background: #087f8c;
    border-radius: 0.35rem;
}

.map-marker.status-restricted[b-bedkuy4by5] {
    background: #986800;
}

.map-marker.status-outofservice[b-bedkuy4by5],
.map-marker.status-unverified[b-bedkuy4by5] {
    background: #68737e;
}

.map-ring[b-bedkuy4by5] {
    position: absolute;
    border: 2px dashed rgb(238 62 53 / 55%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.map-controls[b-bedkuy4by5] {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    z-index: 4;
    display: grid;
    overflow: hidden;
    border: 1px solid rgb(0 0 0 / 20%);
    border-radius: 0.35rem;
    box-shadow: var(--shadow-sm);
}

.map-controls button[b-bedkuy4by5] {
    width: 2.75rem;
    height: 2.75rem;
    color: #17222c;
    font-size: 1.3rem;
    font-weight: 900;
    background: #fff;
    border: 0;
}

.map-controls button + button[b-bedkuy4by5] {
    border-top: 1px solid #d4dce0;
}

.map-attribution[b-bedkuy4by5] {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
    padding: 0.2rem 0.4rem;
    color: #17222c;
    font-size: 0.64rem;
    background: rgb(255 255 255 / 88%);
}

.map-attribution a[b-bedkuy4by5] {
    color: #135f9d;
}

.map-disclaimer[b-bedkuy4by5] {
    margin: 0;
    padding: 0.75rem 1rem;
    font-size: 0.78rem;
}

.nearby-list[b-bedkuy4by5] {
    align-self: start;
    max-height: calc(58vh + 8rem);
    overflow-y: auto;
}

.nearby-list > header[b-bedkuy4by5] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 1rem;
    background: var(--color-surface);
    border-bottom: 1px solid var(--color-line);
}

.nearby-list header p[b-bedkuy4by5],
.nearby-list header h2[b-bedkuy4by5] {
    margin: 0;
}

.nearby-list header p[b-bedkuy4by5] {
    color: var(--color-signal);
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.nearby-list article[b-bedkuy4by5] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    gap: 0.8rem;
    padding: 1rem;
    border-bottom: 1px solid var(--color-line);
}

.distance[b-bedkuy4by5],
.hydrant-copy[b-bedkuy4by5] {
    display: grid;
    align-content: start;
    gap: 0.2rem;
}

.distance small[b-bedkuy4by5],
.hydrant-copy small[b-bedkuy4by5],
.hydrant-copy span[b-bedkuy4by5] {
    color: var(--color-muted);
}

.hydrant-copy p[b-bedkuy4by5] {
    margin: 0.4rem 0 0;
    font-size: 0.85rem;
}

.nearby-list article > a[b-bedkuy4by5] {
    grid-column: 2;
    color: var(--color-signal);
    font-size: 0.8rem;
    font-weight: 800;
    text-decoration: none;
}

.status-text[b-bedkuy4by5] {
    font-weight: 800;
}

.status-text em[b-bedkuy4by5] {
    display: inline-block;
    margin-left: 0.25rem;
    padding: 0.12rem 0.35rem;
    color: #fff;
    font-size: 0.65rem;
    font-style: normal;
    background: #986800;
    border-radius: 999px;
}

.status-restricted .status-text[b-bedkuy4by5] {
    color: #986800;
}

.status-outofservice .status-text[b-bedkuy4by5] {
    color: var(--color-danger);
}

.map-empty[b-bedkuy4by5],
.map-alert[b-bedkuy4by5] {
    display: grid;
    gap: 0.4rem;
    margin-top: 1rem;
    padding: 1.25rem;
    background: var(--color-surface);
    border: 1px solid var(--color-line);
}

.map-empty a[b-bedkuy4by5] {
    color: var(--color-signal);
}

.map-alert[b-bedkuy4by5] {
    color: var(--color-danger);
    border-left: 0.3rem solid var(--color-danger);
}

.list-empty[b-bedkuy4by5] {
    padding: 1rem;
    color: var(--color-muted);
}

:global(html[data-theme="dark"]) .map-tile[b-bedkuy4by5] {
    filter: brightness(0.72) contrast(1.08) saturate(0.7);
}

@media (max-width: 980px) {
    .map-layout[b-bedkuy4by5] {
        grid-template-columns: 1fr;
    }

    .nearby-list[b-bedkuy4by5] {
        max-height: none;
    }
}

@media (max-width: 680px) {
    .map-hero[b-bedkuy4by5],
    .map-toolbar[b-bedkuy4by5] {
        align-items: stretch;
        flex-direction: column;
    }

    .map-legend[b-bedkuy4by5] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .operational-map[b-bedkuy4by5] {
        min-height: 27rem;
    }
}
/* /Components/Incidents/Pages/Incidents.razor.rz.scp.css */
.incident-overview[b-k7wxvokjou] {
    width: min(100%, 92rem);
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 3rem);
}

.overview-hero[b-k7wxvokjou] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    padding: clamp(1.5rem, 4vw, 4rem);
    color: #fff;
    background:
        linear-gradient(120deg, rgb(8 14 19 / 96%), rgb(23 32 42 / 92%)),
        var(--color-rail);
    border-left: 0.4rem solid var(--color-signal-bright);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.overview-hero h1[b-k7wxvokjou] {
    margin-bottom: 0.75rem;
    color: #fff;
}

.overview-hero p:last-child[b-k7wxvokjou] {
    max-width: 42rem;
    margin-bottom: 0;
    color: var(--color-rail-muted);
}

.hero-actions[b-k7wxvokjou] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.6rem;
}

.primary-action[b-k7wxvokjou],
.secondary-action[b-k7wxvokjou] {
    flex: 0 0 auto;
    padding: 1rem 1.25rem;
    color: #fff;
    font-weight: 800;
    text-decoration: none;
    background: var(--color-signal-bright);
    border-radius: var(--radius-control);
}

.secondary-action[b-k7wxvokjou] {
    background: rgb(255 255 255 / 12%);
    border: 1px solid rgb(255 255 255 / 28%);
}

.primary-action:hover[b-k7wxvokjou] {
    color: #fff;
    background: var(--color-signal-dark);
}

.secondary-action:hover[b-k7wxvokjou] {
    color: #fff;
    background: rgb(255 255 255 / 20%);
}

.overview-filter[b-k7wxvokjou] {
    display: flex;
    gap: 0.5rem;
    margin: 1.25rem 0;
}

.overview-filter a[b-k7wxvokjou] {
    padding: 0.65rem 0.9rem;
    color: var(--color-muted);
    font-weight: 750;
    text-decoration: none;
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    border-radius: 999px;
}

.overview-filter a.is-active[b-k7wxvokjou] {
    color: var(--color-ink);
    border-color: var(--color-signal);
}

.incident-list[b-k7wxvokjou] {
    display: grid;
    gap: 0.75rem;
}

.incident-card[b-k7wxvokjou] {
    display: grid;
    grid-template-columns: 0.35rem minmax(9rem, 0.75fr) minmax(15rem, 2fr) minmax(9rem, 1fr) auto auto;
    align-items: center;
    gap: 1rem;
    overflow: hidden;
    color: var(--color-ink);
    text-decoration: none;
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.incident-card:hover[b-k7wxvokjou] {
    color: var(--color-ink);
    border-color: var(--color-line-strong);
    transform: translateY(-1px);
}

.status-signal[b-k7wxvokjou] {
    align-self: stretch;
    background: var(--color-warning);
}

.status-signal.status-active[b-k7wxvokjou] {
    background: var(--color-signal-bright);
}

.status-signal.status-correction[b-k7wxvokjou] {
    background: var(--color-violet);
}

.status-signal.status-closed[b-k7wxvokjou] {
    background: var(--color-success);
}

.incident-card__time[b-k7wxvokjou],
.incident-card__body[b-k7wxvokjou],
.incident-card__command[b-k7wxvokjou] {
    display: grid;
    padding: 1rem 0;
}

.incident-card small[b-k7wxvokjou] {
    color: var(--color-muted);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.incident-card__body strong[b-k7wxvokjou] {
    font-size: 1.08rem;
}

.incident-card__body span[b-k7wxvokjou] {
    color: var(--color-muted);
}

.status-pill[b-k7wxvokjou] {
    padding: 0.4rem 0.65rem;
    color: var(--color-muted-strong);
    font-size: 0.75rem;
    font-weight: 800;
    background: var(--color-surface-subtle);
    border: 1px solid var(--color-line);
    border-radius: 999px;
}

.incident-card > span:last-child[b-k7wxvokjou] {
    padding-right: 1rem;
    color: var(--color-signal);
}

.empty-state[b-k7wxvokjou],
.incident-alert[b-k7wxvokjou] {
    display: grid;
    gap: 0.35rem;
    padding: 2rem;
    color: var(--color-muted);
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
}

.incident-alert[b-k7wxvokjou] {
    color: var(--color-danger);
    border-left: 0.3rem solid var(--color-danger);
}

@media (max-width: 900px) {
    .incident-card[b-k7wxvokjou] {
        grid-template-columns: 0.3rem 1fr auto;
    }

    .incident-card__time[b-k7wxvokjou],
    .incident-card__body[b-k7wxvokjou],
    .incident-card__command[b-k7wxvokjou] {
        grid-column: 2;
        padding: 0;
    }

    .incident-card__time[b-k7wxvokjou] {
        padding-top: 1rem;
    }

    .incident-card__command[b-k7wxvokjou] {
        padding-bottom: 1rem;
    }

    .status-signal[b-k7wxvokjou] {
        grid-row: 1 / 5;
    }

    .status-pill[b-k7wxvokjou] {
        grid-column: 3;
        grid-row: 1;
        margin: 1rem 1rem 0 0;
    }

    .incident-card > span:last-child[b-k7wxvokjou] {
        display: none;
    }
}

@media (max-width: 640px) {
    .incident-overview[b-k7wxvokjou] {
        padding: 0.75rem;
    }

    .overview-hero[b-k7wxvokjou] {
        align-items: stretch;
        flex-direction: column;
    }

    .primary-action[b-k7wxvokjou] {
        text-align: center;
    }

    .hero-actions[b-k7wxvokjou] {
        flex-direction: column;
    }

    .secondary-action[b-k7wxvokjou] {
        text-align: center;
    }
}
/* /Components/Inventory/Pages/Equipment.razor.rz.scp.css */
.equipment-vault[b-j2jqawplet] {
    --vault-ink: var(--color-ink);
    --vault-muted: var(--color-muted);
    --vault-line: var(--color-line);
    --vault-red: var(--color-signal-bright);
    display: grid;
    padding-block: clamp(1.5rem, 4vw, 4rem);
    gap: 1.4rem;
}

.vault-hero[b-j2jqawplet] {
    position: relative;
    display: grid;
    min-height: 25rem;
    padding: clamp(2rem, 5vw, 4.5rem);
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 2rem;
    color: #fff;
    background:
        linear-gradient(135deg, transparent 0 48%, rgb(255 255 255 / 3%) 48% 52%, transparent 52%),
        radial-gradient(circle at 78% 25%, rgb(226 59 48 / 24%), transparent 16rem),
        var(--color-inverse-surface);
}

.vault-hero[b-j2jqawplet]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.42rem;
    background: var(--vault-red);
    content: "";
}

.vault-hero p:first-child[b-j2jqawplet] {
    display: flex;
    margin: 0 0 1rem;
    align-items: center;
    gap: 0.65rem;
    color: #aeb9bf;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.vault-hero p:first-child span[b-j2jqawplet] {
    width: 0.55rem;
    height: 0.55rem;
    background: var(--vault-red);
}

.vault-hero h1[b-j2jqawplet] {
    margin: 0;
    color: #fff;
    font-size: clamp(3rem, 6vw, 6rem);
    font-weight: 650;
    letter-spacing: -0.065em;
    line-height: 0.9;
}

.hero-copy[b-j2jqawplet] {
    max-width: 33rem;
    margin: 1.4rem 0 0;
    color: #b8c2c7;
}

.vault-count[b-j2jqawplet] {
    display: grid;
    min-width: 12rem;
    padding: 1.2rem;
    border: 1px solid rgb(255 255 255 / 16%);
    align-self: start;
    background: rgb(255 255 255 / 5%);
}

.vault-count small[b-j2jqawplet],
.vault-count span[b-j2jqawplet] {
    color: #9facb3;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.vault-count strong[b-j2jqawplet] {
    color: #fff;
    font-size: 4.5rem;
    letter-spacing: -0.08em;
    line-height: 1;
}

.vault-message[b-j2jqawplet] {
    display: grid;
    padding: 1rem 1.2rem;
    border: 1px solid var(--vault-line);
    border-left: 3px solid var(--vault-ink);
    grid-template-columns: 3rem 1fr;
    background: var(--color-surface);
}

.vault-message.is-error[b-j2jqawplet] {
    border-left-color: var(--vault-red);
}

.vault-message strong[b-j2jqawplet] {
    color: var(--vault-red);
    font-size: 0.68rem;
}

.vault-message p[b-j2jqawplet] {
    margin: 0;
}

.vault-empty[b-j2jqawplet] {
    display: grid;
    min-height: 16rem;
    padding: clamp(2rem, 5vw, 4rem);
    border: 1px solid var(--vault-line);
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 2rem;
    background: var(--color-surface);
}

.vault-empty > span[b-j2jqawplet] {
    color: #eef1f1;
    font-size: 7rem;
    font-weight: 850;
    line-height: 1;
}

.vault-empty h2[b-j2jqawplet],
.vault-empty p[b-j2jqawplet] {
    margin: 0;
}

.vault-empty p[b-j2jqawplet] {
    max-width: 36rem;
    margin-top: 0.5rem;
    color: var(--vault-muted);
}

.vault-register[b-j2jqawplet] {
    border: 1px solid var(--vault-line);
    background: var(--color-surface);
}

.vault-register > header[b-j2jqawplet] {
    display: flex;
    min-height: 6rem;
    padding: 1.2rem 1.5rem;
    border-bottom: 1px solid var(--vault-line);
    align-items: center;
    justify-content: space-between;
}

.vault-register > header p[b-j2jqawplet],
.vault-register > header h2[b-j2jqawplet] {
    margin: 0;
}

.vault-register > header p[b-j2jqawplet],
.vault-register > header > span[b-j2jqawplet] {
    color: var(--vault-muted);
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.vault-register > header p[b-j2jqawplet] {
    color: var(--vault-red);
}

.vault-register h2[b-j2jqawplet] {
    margin-top: 0.2rem;
    font-size: clamp(1.5rem, 3vw, 2.4rem);
}

.vault-grid[b-j2jqawplet] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vault-grid article[b-j2jqawplet] {
    position: relative;
    display: grid;
    min-height: 14rem;
    padding: 1.3rem;
    border-right: 1px solid var(--vault-line);
    border-bottom: 1px solid var(--vault-line);
    grid-template-columns: auto 1fr auto;
    align-content: space-between;
    gap: 1rem;
}

.vault-grid article:nth-child(2n)[b-j2jqawplet] {
    border-right: 0;
}

.item-code[b-j2jqawplet] {
    display: grid;
    align-content: start;
    gap: 0.25rem;
}

.item-code span[b-j2jqawplet] {
    color: var(--vault-red);
    font-size: 0.6rem;
    font-weight: 850;
    letter-spacing: 0.14em;
}

.item-code strong[b-j2jqawplet] {
    font-size: 0.75rem;
}

.item-main[b-j2jqawplet] {
    min-width: 0;
}

.item-main p[b-j2jqawplet],
.item-main h3[b-j2jqawplet] {
    margin: 0;
}

.item-main p[b-j2jqawplet] {
    color: var(--vault-red);
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.item-main h3[b-j2jqawplet] {
    margin-top: 0.35rem;
    font-size: 1.35rem;
}

.item-main div[b-j2jqawplet] {
    display: flex;
    margin-top: 1rem;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.item-main div span[b-j2jqawplet] {
    padding: 0.35rem 0.5rem;
    background: var(--color-surface-subtle);
    color: var(--vault-muted);
    font-size: 0.68rem;
}

.condition[b-j2jqawplet] {
    display: inline-flex;
    height: fit-content;
    padding: 0.35rem 0.55rem;
    align-items: center;
    gap: 0.35rem;
    color: var(--vault-muted);
    background: var(--color-surface-subtle);
    font-size: 0.65rem;
    font-weight: 800;
}

.condition i[b-j2jqawplet] {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 50%;
    background: #89959b;
}

.condition.is-new i[b-j2jqawplet],
.condition.is-good i[b-j2jqawplet] {
    background: #20845b;
}

.condition.is-worn i[b-j2jqawplet] {
    background: #c47a0a;
}

.condition.is-damaged i[b-j2jqawplet],
.condition.is-unusable i[b-j2jqawplet] {
    background: var(--vault-red);
}

.vault-grid article > a[b-j2jqawplet] {
    display: flex;
    min-height: 2.8rem;
    padding: 0.65rem 0.8rem;
    grid-column: 2 / -1;
    align-self: end;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    background: var(--color-inverse-surface);
    font-size: 0.7rem;
    font-weight: 800;
    text-decoration: none;
}

.vault-grid article > a:hover[b-j2jqawplet] {
    background: var(--vault-red);
}

.vault-pagination[b-j2jqawplet] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    color: var(--vault-muted);
    font-size: 0.7rem;
}

.vault-pagination a[b-j2jqawplet] {
    color: var(--vault-ink);
    font-weight: 800;
    text-decoration: none;
}

.vault-pagination a:last-child[b-j2jqawplet] {
    justify-self: end;
}

@media (max-width: 760px) {
    .vault-hero[b-j2jqawplet] {
        min-height: 31rem;
        grid-template-columns: 1fr;
    }

    .vault-count[b-j2jqawplet] {
        position: absolute;
        top: 2rem;
        right: 2rem;
        min-width: 7rem;
    }

    .vault-count strong[b-j2jqawplet] {
        font-size: 2.8rem;
    }

    .vault-grid[b-j2jqawplet] {
        grid-template-columns: 1fr;
    }

    .vault-grid article[b-j2jqawplet],
    .vault-grid article:nth-child(2n)[b-j2jqawplet] {
        border-right: 0;
    }

    .vault-empty[b-j2jqawplet] {
        grid-template-columns: 1fr;
    }

    .vault-empty > span[b-j2jqawplet] {
        font-size: 4rem;
    }
}
/* /Components/Inventory/Pages/InventoryDetails.razor.rz.scp.css */
.item-console[b-n3vdc3jlnn] {
    --item-ink: var(--color-ink);
    --item-muted: var(--color-muted);
    --item-line: var(--color-line);
    --item-red: var(--color-signal-bright);
    display: grid;
    padding-block: clamp(1.5rem, 4vw, 4rem);
    gap: 1.2rem;
}

.back-link[b-n3vdc3jlnn] {
    width: fit-content;
    color: var(--item-muted);
    font-size: 0.75rem;
    font-weight: 800;
    text-decoration: none;
}

.item-hero[b-n3vdc3jlnn] {
    position: relative;
    display: grid;
    min-height: 22rem;
    padding: clamp(2rem, 5vw, 4rem);
    overflow: hidden;
    grid-template-columns: auto 1fr;
    align-items: end;
    gap: clamp(1.5rem, 4vw, 3.5rem);
    color: #fff;
    background:
        radial-gradient(circle at 82% 20%, rgb(226 59 48 / 23%), transparent 17rem),
        var(--color-inverse-surface);
}

.item-hero[b-n3vdc3jlnn]::after {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.45rem;
    background: var(--item-red);
    content: "";
}

.hero-code[b-n3vdc3jlnn] {
    display: grid;
    min-width: 8.5rem;
    padding: 1rem;
    border: 1px solid rgb(255 255 255 / 15%);
    gap: 0.35rem;
    background: rgb(255 255 255 / 5%);
}

.hero-code span[b-n3vdc3jlnn] {
    color: var(--item-red);
    font-size: 0.65rem;
    font-weight: 850;
    letter-spacing: 0.14em;
}

.hero-code strong[b-n3vdc3jlnn] {
    color: #fff;
    font-size: 1.1rem;
    overflow-wrap: anywhere;
}

.item-hero > div:last-child > p[b-n3vdc3jlnn] {
    margin: 0 0 0.65rem;
    color: #aeb9bf;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.item-hero h1[b-n3vdc3jlnn] {
    max-width: 16ch;
    margin: 0;
    color: #fff;
    font-size: clamp(2.7rem, 6vw, 5.7rem);
    font-weight: 650;
    letter-spacing: -0.06em;
    line-height: 0.92;
}

.hero-status[b-n3vdc3jlnn] {
    display: flex;
    margin-top: 1.4rem;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.hero-status > span[b-n3vdc3jlnn] {
    padding: 0.4rem 0.6rem;
    color: #d6dcdf;
    background: rgb(255 255 255 / 8%);
    font-size: 0.65rem;
    font-weight: 800;
}

.condition[b-n3vdc3jlnn] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.condition i[b-n3vdc3jlnn] {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 50%;
    background: #89959b;
}

.condition.is-new i[b-n3vdc3jlnn],
.condition.is-good i[b-n3vdc3jlnn] {
    background: #3fc58a;
}

.condition.is-worn i[b-n3vdc3jlnn] {
    background: #f3a928;
}

.condition.is-damaged i[b-n3vdc3jlnn],
.condition.is-unusable i[b-n3vdc3jlnn] {
    background: var(--item-red);
}

.item-message[b-n3vdc3jlnn] {
    display: grid;
    padding: 1rem 1.2rem;
    border: 1px solid var(--item-line);
    border-left: 3px solid var(--item-ink);
    grid-template-columns: 3rem 1fr;
    background: var(--color-surface);
}

.item-message.is-error[b-n3vdc3jlnn] {
    border-left-color: var(--item-red);
}

.item-message.is-success[b-n3vdc3jlnn] {
    border-left-color: var(--color-success);
}

.item-message strong[b-n3vdc3jlnn] {
    color: var(--item-red);
    font-size: 0.68rem;
}

.item-message.is-success strong[b-n3vdc3jlnn] {
    color: var(--color-success);
}

.item-message p[b-n3vdc3jlnn] {
    margin: 0;
}

.item-layout[b-n3vdc3jlnn] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(19rem, 0.65fr);
    align-items: start;
    gap: 1.2rem;
}

.item-layout main[b-n3vdc3jlnn] {
    display: grid;
    gap: 1.2rem;
}

.item-data[b-n3vdc3jlnn],
.assignment-card[b-n3vdc3jlnn],
.maintenance-card[b-n3vdc3jlnn],
.item-actions[b-n3vdc3jlnn] {
    border: 1px solid var(--item-line);
    background: var(--color-surface);
}

.item-data > header[b-n3vdc3jlnn],
.assignment-card > header[b-n3vdc3jlnn],
.maintenance-card > header[b-n3vdc3jlnn],
.item-actions > header[b-n3vdc3jlnn] {
    display: flex;
    min-height: 6rem;
    padding: 1.2rem;
    border-bottom: 1px solid var(--item-line);
    align-items: center;
    gap: 0.85rem;
}

.item-data > header > span[b-n3vdc3jlnn],
.assignment-card > header > span[b-n3vdc3jlnn],
.maintenance-card > header > span[b-n3vdc3jlnn],
.item-actions > header > span[b-n3vdc3jlnn] {
    display: grid;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    color: #fff;
    background: var(--color-inverse-surface);
    font-size: 0.68rem;
    font-weight: 850;
}

.item-data header p[b-n3vdc3jlnn],
.item-data header h2[b-n3vdc3jlnn],
.assignment-card header p[b-n3vdc3jlnn],
.assignment-card header h2[b-n3vdc3jlnn],
.maintenance-card header p[b-n3vdc3jlnn],
.maintenance-card header h2[b-n3vdc3jlnn],
.item-actions header p[b-n3vdc3jlnn],
.item-actions header h2[b-n3vdc3jlnn] {
    margin: 0;
}

.item-data header p[b-n3vdc3jlnn],
.assignment-card header p[b-n3vdc3jlnn],
.maintenance-card header p[b-n3vdc3jlnn],
.item-actions header p[b-n3vdc3jlnn] {
    color: var(--item-red);
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.item-data header h2[b-n3vdc3jlnn],
.assignment-card header h2[b-n3vdc3jlnn],
.maintenance-card header h2[b-n3vdc3jlnn],
.item-actions header h2[b-n3vdc3jlnn] {
    font-size: 1.2rem;
}

.item-data dl[b-n3vdc3jlnn],
.assignment-card dl[b-n3vdc3jlnn] {
    display: grid;
    margin: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.item-data dl div[b-n3vdc3jlnn],
.assignment-card dl div[b-n3vdc3jlnn] {
    min-height: 5rem;
    padding: 1rem 1.2rem;
    border-right: 1px solid var(--item-line);
    border-bottom: 1px solid var(--item-line);
}

.item-data dl div:nth-child(2n)[b-n3vdc3jlnn],
.assignment-card dl div:last-child[b-n3vdc3jlnn] {
    border-right: 0;
}

.item-data dt[b-n3vdc3jlnn],
.assignment-card dt[b-n3vdc3jlnn] {
    color: var(--item-muted);
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.item-data dd[b-n3vdc3jlnn],
.assignment-card dd[b-n3vdc3jlnn] {
    margin: 0.35rem 0 0;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.assignment-person[b-n3vdc3jlnn] {
    display: flex;
    padding: 1.3rem;
    border-bottom: 1px solid var(--item-line);
    align-items: center;
    gap: 0.9rem;
}

.assignment-person > span[b-n3vdc3jlnn] {
    display: grid;
    width: 3.2rem;
    height: 3.2rem;
    place-items: center;
    color: var(--item-red);
    background: var(--color-signal-soft);
    font-size: 0.74rem;
    font-weight: 850;
}

.assignment-person.is-vehicle > span[b-n3vdc3jlnn] {
    color: #fff;
    background: var(--color-inverse-surface);
}

.assignment-person div[b-n3vdc3jlnn] {
    display: grid;
}

.assignment-person small[b-n3vdc3jlnn] {
    color: var(--item-muted);
    font-size: 0.62rem;
    text-transform: uppercase;
}

.assignment-empty[b-n3vdc3jlnn] {
    display: flex;
    min-height: 9rem;
    padding: 1.5rem;
    align-items: center;
    gap: 1rem;
}

.assignment-empty > span[b-n3vdc3jlnn] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    color: var(--color-success);
    background: var(--color-success-soft);
    font-weight: 850;
}

.assignment-empty p[b-n3vdc3jlnn] {
    margin: 0;
    color: var(--item-muted);
}

.vehicle-detail-link[b-n3vdc3jlnn] {
    display: block;
    padding: 1rem 1.3rem;
    border-top: 1px solid var(--item-line);
    color: var(--item-ink);
    font-size: 0.74rem;
    font-weight: 850;
    text-decoration: none;
}

.maintenance-list[b-n3vdc3jlnn] {
    display: grid;
}

.maintenance-list article[b-n3vdc3jlnn] {
    display: grid;
    min-height: 6rem;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid var(--item-line);
    grid-template-columns: 7rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
}

.maintenance-list article:last-child[b-n3vdc3jlnn] {
    border-bottom: 0;
}

.maintenance-list time[b-n3vdc3jlnn] {
    font-size: 0.72rem;
    font-weight: 850;
}

.maintenance-list h3[b-n3vdc3jlnn],
.maintenance-list p[b-n3vdc3jlnn] {
    margin: 0;
}

.maintenance-list h3[b-n3vdc3jlnn] {
    font-size: 0.9rem;
}

.maintenance-list p[b-n3vdc3jlnn],
.maintenance-list article > span[b-n3vdc3jlnn],
.form-hint[b-n3vdc3jlnn] {
    color: var(--item-muted);
    font-size: 0.68rem;
}

.maintenance-list article > span[b-n3vdc3jlnn] {
    text-align: right;
}

.item-actions[b-n3vdc3jlnn] {
    position: sticky;
    top: 1rem;
}

.item-actions[b-n3vdc3jlnn]  form {
    display: grid;
    padding: 1.5rem;
    border-bottom: 1px solid var(--item-line);
    gap: 0.85rem;
}

.item-actions[b-n3vdc3jlnn]  form:last-child {
    border-bottom: 0;
}

.item-actions[b-n3vdc3jlnn]  h3 {
    margin: 0 0 0.2rem;
    font-size: 0.9rem;
}

.item-actions[b-n3vdc3jlnn]  label {
    display: grid;
    gap: 0.3rem;
}

.item-actions[b-n3vdc3jlnn]  label > span {
    color: var(--item-muted);
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.item-actions[b-n3vdc3jlnn]  label small {
    color: var(--item-muted);
    font-size: 0.62rem;
}

.item-actions[b-n3vdc3jlnn]  select,
.item-actions[b-n3vdc3jlnn]  input,
.item-actions[b-n3vdc3jlnn]  textarea {
    width: 100%;
    min-height: 3rem;
    padding: 0.8rem 1rem;
    border: 1px solid var(--item-line);
    border-radius: var(--radius-control);
    background: var(--color-surface-subtle);
}

.item-actions[b-n3vdc3jlnn]  textarea {
    min-height: 6rem;
    resize: vertical;
}

.item-actions[b-n3vdc3jlnn]  button {
    min-height: 3rem;
    padding: 0.65rem 0.8rem;
    border: 0;
    color: #fff;
    background: var(--item-red);
    font-size: 0.7rem;
    font-weight: 800;
}

.item-actions[b-n3vdc3jlnn]  .secondary-action {
    background: var(--color-inverse-surface);
}

@media (max-width: 860px) {
    .item-layout[b-n3vdc3jlnn] {
        grid-template-columns: 1fr;
    }

    .item-actions[b-n3vdc3jlnn] {
        position: static;
    }
}

@media (max-width: 600px) {
    .item-hero[b-n3vdc3jlnn] {
        min-height: 30rem;
        grid-template-columns: 1fr;
        align-content: end;
    }

    .hero-code[b-n3vdc3jlnn] {
        width: fit-content;
        min-width: 7rem;
    }

    .item-data dl[b-n3vdc3jlnn],
    .assignment-card dl[b-n3vdc3jlnn] {
        grid-template-columns: 1fr;
    }

    .item-data dl div[b-n3vdc3jlnn],
    .item-data dl div:nth-child(2n)[b-n3vdc3jlnn],
    .assignment-card dl div[b-n3vdc3jlnn],
    .assignment-card dl div:last-child[b-n3vdc3jlnn] {
        border-right: 0;
    }

    .maintenance-list article[b-n3vdc3jlnn] {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }

    .maintenance-list article > span[b-n3vdc3jlnn] {
        text-align: left;
    }
}
/* /Components/Inventory/Pages/InventoryOverview.razor.rz.scp.css */
.inventory-command[b-8tmax6qnhi] {
    --inv-ink: var(--color-ink);
    --inv-muted: var(--color-muted);
    --inv-line: var(--color-line);
    --inv-red: var(--color-signal-bright);
    --inv-green: var(--color-success);
    display: grid;
    padding-block: clamp(1.5rem, 4vw, 4rem);
    gap: 1.25rem;
}

.inventory-hero[b-8tmax6qnhi] {
    position: relative;
    display: grid;
    min-height: 25rem;
    padding: clamp(2rem, 5vw, 4.5rem);
    overflow: hidden;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 2rem;
    color: #fff;
    background:
        linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px),
        radial-gradient(circle at 79% 20%, rgb(226 59 48 / 23%), transparent 18rem),
        var(--color-inverse-surface);
    background-size: 4rem 4rem, 4rem 4rem, auto, auto;
}

.inventory-hero[b-8tmax6qnhi]::after {
    position: absolute;
    inset: 0 0 auto;
    height: 0.42rem;
    background: var(--inv-red);
    content: "";
}

.inventory-hero > div:first-child > p:first-child[b-8tmax6qnhi] {
    display: flex;
    margin: 0 0 1rem;
    align-items: center;
    gap: 0.65rem;
    color: #aeb9bf;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.inventory-hero > div:first-child > p:first-child span[b-8tmax6qnhi] {
    width: 0.55rem;
    height: 0.55rem;
    background: var(--inv-red);
}

.inventory-hero h1[b-8tmax6qnhi] {
    margin: 0;
    color: #fff;
    font-size: clamp(3rem, 6vw, 6rem);
    font-weight: 650;
    letter-spacing: -0.065em;
    line-height: 0.9;
}

.hero-copy[b-8tmax6qnhi] {
    max-width: 37rem;
    margin: 1.4rem 0 0;
    color: #b8c2c7;
}

.hero-module[b-8tmax6qnhi] {
    display: grid;
    min-width: 13rem;
    padding: 1.2rem;
    border: 1px solid rgb(255 255 255 / 15%);
    align-self: start;
    background: rgb(255 255 255 / 5%);
}

.hero-module span[b-8tmax6qnhi],
.hero-module small[b-8tmax6qnhi] {
    color: #9eabb2;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.hero-module strong[b-8tmax6qnhi] {
    padding-block: 0.3rem 0.7rem;
    color: #fff;
    font-size: 1.6rem;
}

.hero-actions[b-8tmax6qnhi] {
    position: absolute;
    right: clamp(2rem, 5vw, 4.5rem);
    bottom: clamp(2rem, 5vw, 4.5rem);
    display: grid;
    width: min(18rem, 38%);
    gap: 0.5rem;
}

.inventory-hero[b-8tmax6qnhi]  .hero-actions a {
    display: flex;
    min-height: 4rem;
    padding: 1rem 1.2rem;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    background: var(--inv-red);
    font-size: 0.76rem;
    font-weight: 800;
    text-decoration: none;
}

.inventory-hero[b-8tmax6qnhi]  .hero-actions a:first-child:not(:last-child) {
    background: rgb(255 255 255 / 10%);
}

.inventory-filter[b-8tmax6qnhi] {
    display: grid;
    padding: clamp(1.25rem, 3vw, 1.6rem);
    border: 1px solid var(--inv-line);
    border-top: 3px solid var(--inv-ink);
    grid-template-columns: minmax(13rem, 1.5fr) repeat(4, minmax(8rem, 0.7fr)) auto;
    align-items: end;
    gap: 0.75rem;
    background: var(--color-surface);
}

.inventory-filter label[b-8tmax6qnhi] {
    display: grid;
    gap: 0.3rem;
}

.inventory-filter label > span[b-8tmax6qnhi] {
    color: var(--inv-muted);
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.inventory-filter input[b-8tmax6qnhi],
.inventory-filter select[b-8tmax6qnhi] {
    width: 100%;
    min-height: 3rem;
    padding: 0.8rem 1rem;
    border: 1px solid var(--inv-line);
    border-radius: var(--radius-control);
    background: var(--color-surface-subtle);
}

.inventory-filter button[b-8tmax6qnhi] {
    min-height: 3rem;
    padding: 0.65rem 1rem;
    border: 0;
    border-radius: var(--radius-control);
    color: #fff;
    background: var(--inv-red);
    font-size: 0.72rem;
    font-weight: 800;
}

.inventory-message[b-8tmax6qnhi] {
    display: grid;
    padding: 1rem 1.2rem;
    border: 1px solid var(--inv-line);
    border-left: 3px solid var(--inv-ink);
    grid-template-columns: 3rem 1fr;
    background: var(--color-surface);
}

.inventory-message.is-error[b-8tmax6qnhi] {
    border-left-color: var(--inv-red);
}

.inventory-message strong[b-8tmax6qnhi] {
    color: var(--inv-red);
    font-size: 0.68rem;
}

.inventory-message p[b-8tmax6qnhi] {
    margin: 0;
}

.inventory-register[b-8tmax6qnhi] {
    border: 1px solid var(--inv-line);
    background: var(--color-surface);
}

.inventory-register > header[b-8tmax6qnhi] {
    display: flex;
    min-height: 6rem;
    padding: 1.2rem 1.5rem;
    border-bottom: 1px solid var(--inv-line);
    align-items: center;
    justify-content: space-between;
}

.inventory-register > header p[b-8tmax6qnhi],
.inventory-register > header h2[b-8tmax6qnhi] {
    margin: 0;
}

.inventory-register > header p[b-8tmax6qnhi],
.inventory-register > header > span[b-8tmax6qnhi] {
    color: var(--inv-muted);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.inventory-register > header p[b-8tmax6qnhi] {
    color: var(--inv-red);
}

.inventory-register > header h2[b-8tmax6qnhi] {
    margin-top: 0.2rem;
    font-size: clamp(1.5rem, 3vw, 2.4rem);
}

.register-head[b-8tmax6qnhi],
.register-list article[b-8tmax6qnhi] {
    display: grid;
    grid-template-columns: minmax(14rem, 1.4fr) minmax(8rem, 0.7fr) minmax(8rem, 0.7fr) minmax(10rem, 0.8fr) 6rem;
    align-items: center;
    gap: 1rem;
}

.register-head[b-8tmax6qnhi] {
    min-height: 2.8rem;
    padding-inline: 1.1rem;
    color: #adb8be;
    background: var(--color-inverse-surface);
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.register-list article[b-8tmax6qnhi] {
    min-height: 6.2rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--inv-line);
}

.register-list article:last-child[b-8tmax6qnhi] {
    border-bottom: 0;
}

.register-list article:hover[b-8tmax6qnhi] {
    background: var(--color-signal-soft);
}

.item-identity[b-8tmax6qnhi] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.8rem;
}

.item-identity > span[b-8tmax6qnhi] {
    display: grid;
    flex: 0 0 2.8rem;
    height: 2.8rem;
    place-items: center;
    color: var(--inv-red);
    background: var(--color-signal-soft);
    font-size: 0.65rem;
    font-weight: 850;
}

.item-identity h3[b-8tmax6qnhi],
.item-identity p[b-8tmax6qnhi],
.item-fact strong[b-8tmax6qnhi],
.item-fact small[b-8tmax6qnhi] {
    overflow: hidden;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-identity h3[b-8tmax6qnhi] {
    font-size: 1rem;
}

.item-identity p[b-8tmax6qnhi],
.item-fact small[b-8tmax6qnhi] {
    color: var(--inv-muted);
    font-size: 0.68rem;
}

.item-fact[b-8tmax6qnhi] {
    display: grid;
    min-width: 0;
    gap: 0.3rem;
}

.item-fact strong[b-8tmax6qnhi] {
    font-size: 0.78rem;
}

.condition[b-8tmax6qnhi] {
    display: inline-flex;
    width: fit-content;
    padding: 0.3rem 0.5rem;
    align-items: center;
    gap: 0.35rem;
    color: var(--inv-muted);
    background: var(--color-surface-subtle);
    font-size: 0.63rem;
    font-weight: 800;
}

.condition i[b-8tmax6qnhi] {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #89959b;
}

.condition.is-new i[b-8tmax6qnhi],
.condition.is-good i[b-8tmax6qnhi] {
    background: var(--inv-green);
}

.condition.is-worn i[b-8tmax6qnhi] {
    background: #c47a0a;
}

.condition.is-damaged i[b-8tmax6qnhi],
.condition.is-unusable i[b-8tmax6qnhi] {
    background: var(--inv-red);
}

.register-list article > a[b-8tmax6qnhi] {
    display: flex;
    min-height: 2.8rem;
    padding: 0.6rem 0.7rem;
    align-items: center;
    justify-content: space-between;
    color: var(--inv-ink);
    background: var(--color-surface-subtle);
    font-size: 0.68rem;
    font-weight: 800;
    text-decoration: none;
}

.register-list article > a:hover[b-8tmax6qnhi] {
    color: #fff;
    background: var(--inv-red);
}

.inventory-empty[b-8tmax6qnhi] {
    display: grid;
    min-height: 15rem;
    padding: 2.5rem;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 1.5rem;
}

.inventory-empty > span[b-8tmax6qnhi] {
    color: #edf0f1;
    font-size: 6rem;
    font-weight: 850;
}

.inventory-empty h3[b-8tmax6qnhi],
.inventory-empty p[b-8tmax6qnhi] {
    margin: 0;
}

.inventory-empty p[b-8tmax6qnhi] {
    color: var(--inv-muted);
}

.inventory-pagination[b-8tmax6qnhi] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    color: var(--inv-muted);
    font-size: 0.68rem;
}

.inventory-pagination a[b-8tmax6qnhi] {
    color: var(--inv-ink);
    font-weight: 800;
    text-decoration: none;
}

.inventory-pagination a:last-child[b-8tmax6qnhi] {
    justify-self: end;
}

@media (max-width: 1050px) {
    .inventory-filter[b-8tmax6qnhi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filter-search[b-8tmax6qnhi] {
        grid-column: 1 / -1;
    }

    .register-head[b-8tmax6qnhi] {
        display: none;
    }

    .register-list[b-8tmax6qnhi] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .register-list article[b-8tmax6qnhi] {
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }

    .item-identity[b-8tmax6qnhi],
    .register-list article > a[b-8tmax6qnhi] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 680px) {
    .inventory-hero[b-8tmax6qnhi] {
        min-height: 32rem;
        grid-template-columns: 1fr;
    }

    .hero-module[b-8tmax6qnhi] {
        position: absolute;
        top: 2rem;
        right: 2rem;
        min-width: 8rem;
    }

    .hero-actions[b-8tmax6qnhi] {
        right: 2rem;
        bottom: 2rem;
        left: 2rem;
        width: auto;
    }

    .inventory-filter[b-8tmax6qnhi],
    .register-list[b-8tmax6qnhi] {
        grid-template-columns: 1fr;
    }

    .filter-search[b-8tmax6qnhi] {
        grid-column: auto;
    }

    .register-list article[b-8tmax6qnhi] {
        grid-template-columns: 1fr;
    }

    .item-identity[b-8tmax6qnhi],
    .register-list article > a[b-8tmax6qnhi] {
        grid-column: auto;
    }
}
/* /Components/Inventory/Pages/InventoryVehicleDetails.razor.rz.scp.css */
.vehicle-console[b-lby8j9f42s] {
    display: grid;
    padding-block: clamp(1.5rem, 4vw, 4rem);
    gap: 1.2rem;
}

.back-link[b-lby8j9f42s] {
    width: fit-content;
    color: var(--color-muted);
    font-size: 0.75rem;
    font-weight: 800;
    text-decoration: none;
}

.vehicle-hero[b-lby8j9f42s] {
    display: grid;
    min-height: 22rem;
    padding: clamp(2rem, 5vw, 4rem);
    grid-template-columns: auto 1fr;
    align-items: end;
    gap: 2rem;
    color: #fff;
    background:
        radial-gradient(circle at 82% 18%, rgb(226 59 48 / 24%), transparent 17rem),
        var(--color-inverse-surface);
}

.vehicle-hero > span[b-lby8j9f42s] {
    display: grid;
    width: 5rem;
    height: 5rem;
    place-items: center;
    color: #fff;
    background: var(--color-signal-bright);
    font-size: 0.75rem;
    font-weight: 900;
}

.vehicle-hero p[b-lby8j9f42s],
.vehicle-hero h1[b-lby8j9f42s] {
    margin: 0;
}

.vehicle-hero p[b-lby8j9f42s] {
    color: var(--color-signal-bright);
    font-size: 0.65rem;
    font-weight: 850;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.vehicle-hero h1[b-lby8j9f42s] {
    max-width: 16ch;
    margin-block: 0.5rem;
    color: #fff;
    font-size: clamp(2.8rem, 6vw, 5.5rem);
    hyphens: auto;
    letter-spacing: -0.06em;
    line-height: 0.9;
    overflow-wrap: anywhere;
}

.vehicle-hero small[b-lby8j9f42s] {
    color: #bdc5c9;
}

.vehicle-facts[b-lby8j9f42s] {
    display: flex;
    margin: 1.2rem 0 0;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.vehicle-facts div[b-lby8j9f42s] {
    display: grid;
    min-width: 8rem;
    padding: 0.6rem 0.75rem;
    border: 1px solid rgb(255 255 255 / 14%);
    gap: 0.15rem;
    background: rgb(255 255 255 / 5%);
}

.vehicle-facts dt[b-lby8j9f42s] {
    color: #aeb9bf;
    font-size: 0.53rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vehicle-facts dd[b-lby8j9f42s] {
    margin: 0;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 750;
}

.vehicle-layout[b-lby8j9f42s] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 1.2rem;
}

.vehicle-layout main[b-lby8j9f42s] {
    display: grid;
    gap: 1.2rem;
}

.vehicle-card[b-lby8j9f42s],
.maintenance-editor[b-lby8j9f42s],
.vehicle-message[b-lby8j9f42s] {
    border: 1px solid var(--color-line);
    background: var(--color-surface);
}

.vehicle-card > header[b-lby8j9f42s],
.maintenance-editor > header[b-lby8j9f42s] {
    display: flex;
    min-height: 6rem;
    padding: 1.2rem;
    border-bottom: 1px solid var(--color-line);
    align-items: center;
    gap: 0.8rem;
}

.vehicle-card > header > span[b-lby8j9f42s],
.maintenance-editor > header > span[b-lby8j9f42s] {
    display: grid;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    color: #fff;
    background: var(--color-inverse-surface);
    font-size: 0.68rem;
    font-weight: 900;
}

.vehicle-card header p[b-lby8j9f42s],
.vehicle-card header h2[b-lby8j9f42s],
.maintenance-editor header p[b-lby8j9f42s],
.maintenance-editor header h2[b-lby8j9f42s] {
    margin: 0;
}

.vehicle-card header p[b-lby8j9f42s],
.maintenance-editor header p[b-lby8j9f42s] {
    color: var(--color-signal-bright);
    font-size: 0.61rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.vehicle-card header h2[b-lby8j9f42s],
.maintenance-editor header h2[b-lby8j9f42s] {
    font-size: 1.2rem;
}

.load-list[b-lby8j9f42s],
.maintenance-list[b-lby8j9f42s],
.due-list[b-lby8j9f42s] {
    display: grid;
}

.load-zone[b-lby8j9f42s] {
    border-bottom: 1px solid var(--color-line);
}

.load-zone:last-child[b-lby8j9f42s] {
    border-bottom: 0;
}

.load-zone > header[b-lby8j9f42s] {
    display: flex;
    min-height: 4rem;
    padding: 0.8rem 1.2rem;
    border-bottom: 1px solid var(--color-line);
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: var(--color-surface-subtle);
}

.load-zone > header h3[b-lby8j9f42s],
.load-zone > header small[b-lby8j9f42s] {
    margin: 0;
}

.load-zone > header h3[b-lby8j9f42s] {
    margin-top: 0.15rem;
    font-size: 0.88rem;
}

.load-zone > header small[b-lby8j9f42s],
.load-zone > header > span[b-lby8j9f42s] {
    color: var(--color-muted);
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.due-list article[b-lby8j9f42s] {
    display: grid;
    min-height: 5.5rem;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid var(--color-line);
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.9rem;
}

.due-list article:last-child[b-lby8j9f42s] {
    border-bottom: 0;
}

.due-list i[b-lby8j9f42s] {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 50%;
    background: var(--color-success);
}

.due-list h3[b-lby8j9f42s],
.due-list small[b-lby8j9f42s] {
    margin: 0;
}

.due-list h3[b-lby8j9f42s] {
    font-size: 0.88rem;
}

.due-list small[b-lby8j9f42s] {
    color: var(--color-muted);
    font-size: 0.65rem;
}

.due-list article > span[b-lby8j9f42s] {
    display: grid;
    justify-items: end;
    gap: 0.2rem;
}

.due-list article > span b[b-lby8j9f42s] {
    font-size: 0.62rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.due-list article > span time[b-lby8j9f42s] {
    font-size: 0.72rem;
}

.due-list .is-overdue[b-lby8j9f42s] {
    background: color-mix(
        in srgb,
        var(--color-signal-bright) 7%,
        var(--color-surface));
}

.due-list .is-overdue i[b-lby8j9f42s] {
    background: var(--color-signal-bright);
}

.due-list .is-overdue b[b-lby8j9f42s] {
    color: var(--color-signal-bright);
}

.due-list .is-soon i[b-lby8j9f42s] {
    background: #d79224;
}

.due-list .is-soon b[b-lby8j9f42s] {
    color: #a96600;
}

.load-list a[b-lby8j9f42s],
.maintenance-list article[b-lby8j9f42s] {
    display: grid;
    min-height: 6rem;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid var(--color-line);
    align-items: center;
    gap: 0.8rem;
}

.load-list a[b-lby8j9f42s] {
    grid-template-columns: 7rem minmax(0, 1fr) auto auto;
    color: var(--color-ink);
    text-decoration: none;
}

.load-list a > strong[b-lby8j9f42s] {
    grid-row: 1 / 3;
}

.load-list a > small[b-lby8j9f42s] {
    grid-column: 2;
}

.load-list b[b-lby8j9f42s] {
    grid-column: 4;
    grid-row: 1 / 3;
    color: var(--color-signal-bright);
    font-size: 0.68rem;
}

.load-list em[b-lby8j9f42s] {
    grid-column: 3;
    grid-row: 1 / 3;
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--color-line);
    color: var(--color-success);
    font-size: 0.59rem;
    font-style: normal;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.load-list a.is-unavailable[b-lby8j9f42s] {
    border-left: 3px solid var(--color-signal-bright);
    background: color-mix(
        in srgb,
        var(--color-signal-bright) 7%,
        var(--color-surface));
}

.load-list a.is-unavailable em[b-lby8j9f42s] {
    border-color: color-mix(
        in srgb,
        var(--color-signal-bright) 45%,
        var(--color-line));
    color: var(--color-signal-bright);
}

.maintenance-list article[b-lby8j9f42s] {
    grid-template-columns: 7rem minmax(0, 1fr);
}

.maintenance-list article > time[b-lby8j9f42s] {
    grid-row: 1 / 3;
}

.maintenance-list article > span[b-lby8j9f42s] {
    grid-column: 2;
}

.maintenance-list h3[b-lby8j9f42s],
.maintenance-list p[b-lby8j9f42s] {
    margin: 0;
}

.maintenance-list p[b-lby8j9f42s],
.maintenance-list article > span[b-lby8j9f42s],
.load-list small[b-lby8j9f42s] {
    color: var(--color-muted);
    font-size: 0.68rem;
}

.vehicle-empty[b-lby8j9f42s],
.vehicle-message[b-lby8j9f42s] {
    padding: 1.4rem;
    color: var(--color-muted);
}

.vehicle-message.is-success[b-lby8j9f42s] {
    border-left: 3px solid var(--color-success);
}

.vehicle-message.is-error[b-lby8j9f42s] {
    border-left: 3px solid var(--color-signal-bright);
}

.maintenance-editor[b-lby8j9f42s] {
    position: sticky;
    top: 1rem;
}

.maintenance-editor[b-lby8j9f42s]  form {
    display: grid;
    padding: 1.5rem;
    gap: 0.9rem;
}

.maintenance-editor[b-lby8j9f42s]  label {
    display: grid;
    gap: 0.3rem;
}

.maintenance-editor[b-lby8j9f42s]  label > span {
    color: var(--color-muted);
    font-size: 0.61rem;
    font-weight: 850;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.maintenance-editor[b-lby8j9f42s]  input,
.maintenance-editor[b-lby8j9f42s]  textarea {
    width: 100%;
    min-height: 3rem;
    padding: 0.8rem 1rem;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-control);
    background: var(--color-surface-subtle);
}

.maintenance-editor[b-lby8j9f42s]  textarea {
    min-height: 7rem;
    resize: vertical;
}

.maintenance-editor[b-lby8j9f42s]  button {
    min-height: 3rem;
    border: 0;
    color: #fff;
    background: var(--color-signal-bright);
    font-size: 0.72rem;
    font-weight: 850;
}

@media (max-width: 900px) {
    .vehicle-layout[b-lby8j9f42s] {
        grid-template-columns: 1fr;
    }

    .maintenance-editor[b-lby8j9f42s] {
        position: static;
    }
}

@media (max-width: 650px) {
    .vehicle-hero[b-lby8j9f42s] {
        min-height: 29rem;
        grid-template-columns: 1fr;
        align-content: end;
    }

    .vehicle-hero h1[b-lby8j9f42s] {
        font-size: clamp(2.6rem, 12vw, 4.2rem);
    }

    .load-list a[b-lby8j9f42s],
    .maintenance-list article[b-lby8j9f42s],
    .due-list article[b-lby8j9f42s] {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }

    .load-list a > strong[b-lby8j9f42s],
    .load-list a > small[b-lby8j9f42s],
    .load-list em[b-lby8j9f42s],
    .load-list b[b-lby8j9f42s],
    .maintenance-list article > time[b-lby8j9f42s],
    .maintenance-list article > span[b-lby8j9f42s],
    .due-list article > span[b-lby8j9f42s] {
        grid-column: auto;
        grid-row: auto;
    }

    .due-list article > span[b-lby8j9f42s] {
        justify-items: start;
    }
}
/* /Components/Inventory/Pages/InventoryVehicles.razor.rz.scp.css */
.vehicle-register[b-76n4y80ee6] {
    display: grid;
    padding-block: clamp(1.5rem, 4vw, 4rem);
    gap: 1.2rem;
}

.back-link[b-76n4y80ee6] {
    width: fit-content;
    color: var(--color-muted);
    font-size: 0.75rem;
    font-weight: 800;
    text-decoration: none;
}

.vehicle-register > header[b-76n4y80ee6] {
    display: grid;
    min-height: 21rem;
    padding: clamp(2rem, 5vw, 4rem);
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 2rem;
    color: #fff;
    background:
        radial-gradient(circle at 80% 15%, rgb(226 59 48 / 24%), transparent 16rem),
        var(--color-inverse-surface);
}

.vehicle-register header p[b-76n4y80ee6],
.vehicle-register header h1[b-76n4y80ee6] {
    margin: 0;
}

.vehicle-register header p[b-76n4y80ee6] {
    color: var(--color-signal-bright);
    font-size: 0.65rem;
    font-weight: 850;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.vehicle-register header h1[b-76n4y80ee6] {
    margin-top: 0.7rem;
    color: #fff;
    font-size: clamp(2.8rem, 7vw, 6rem);
    letter-spacing: -0.06em;
    line-height: 0.88;
}

.vehicle-register > header > span[b-76n4y80ee6] {
    display: grid;
    min-width: 8rem;
    padding: 1rem;
    border: 1px solid rgb(255 255 255 / 15%);
    gap: 0.25rem;
    background: rgb(255 255 255 / 5%);
}

.vehicle-register > header small[b-76n4y80ee6] {
    color: #aeb9bf;
    font-size: 0.62rem;
    text-transform: uppercase;
}

.vehicle-register > header strong[b-76n4y80ee6] {
    font-size: 2rem;
}

.vehicle-list[b-76n4y80ee6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.vehicle-list a[b-76n4y80ee6] {
    display: grid;
    min-height: 10rem;
    padding: 1.3rem;
    border: 1px solid var(--color-line);
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    color: var(--color-ink);
    background: var(--color-surface);
    text-decoration: none;
}

.vehicle-list a > span[b-76n4y80ee6] {
    display: grid;
    width: 3.5rem;
    height: 3.5rem;
    place-items: center;
    color: #fff;
    background: var(--color-inverse-surface);
    font-size: 0.68rem;
    font-weight: 900;
}

.vehicle-list h2[b-76n4y80ee6],
.vehicle-list p[b-76n4y80ee6] {
    margin: 0;
}

.vehicle-list p[b-76n4y80ee6] {
    margin-top: 0.35rem;
    color: var(--color-muted);
    font-size: 0.68rem;
}

.vehicle-list h2[b-76n4y80ee6] {
    font-size: 1.15rem;
}

.vehicle-list a > strong[b-76n4y80ee6] {
    grid-column: 2 / -1;
    color: var(--color-signal-bright);
    font-size: 0.7rem;
}

.vehicle-message[b-76n4y80ee6],
.vehicle-empty[b-76n4y80ee6] {
    padding: 1.5rem;
    border: 1px solid var(--color-line);
    background: var(--color-surface);
}

@media (max-width: 700px) {
    .vehicle-register > header[b-76n4y80ee6] {
        min-height: 27rem;
        grid-template-columns: 1fr;
    }

    .vehicle-list[b-76n4y80ee6] {
        grid-template-columns: 1fr;
    }

    .vehicle-list a[b-76n4y80ee6] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .vehicle-list a > strong[b-76n4y80ee6] {
        grid-column: 2;
    }
}
/* /Components/Layout/AccountLayout.razor.rz.scp.css */
.access-layout[b-xcgmi117e5] {
    --access-ink: var(--ink, #151c21);
    --access-muted: var(--text-muted, #69737b);
    --access-canvas: var(--canvas, #f3f1eb);
    --access-signal: var(--signal, #e23b30);
    --access-line: var(--line, #d9d7d0);
    display: grid;
    grid-template-columns: minmax(23rem, 40%) minmax(28rem, 60%);
    min-height: 100dvh;
    color: var(--access-ink);
    background: var(--access-canvas);
}

.access-briefing[b-xcgmi117e5] {
    position: relative;
    display: flex;
    min-height: 100dvh;
    padding: clamp(2rem, 5vw, 4.75rem);
    overflow: hidden;
    flex-direction: column;
    color: #f8f7f2;
    background:
        radial-gradient(circle at 12% 8%, rgb(226 59 48 / 20%), transparent 27rem),
        #151c21;
    isolation: isolate;
}

.access-briefing[b-xcgmi117e5]::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background-image:
        linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px);
    background-size: 4.5rem 4.5rem;
    content: "";
    mask-image: linear-gradient(to bottom, black, transparent 82%);
}

.access-briefing[b-xcgmi117e5]::after {
    position: absolute;
    z-index: -1;
    right: -7rem;
    bottom: -12rem;
    width: 27rem;
    height: 27rem;
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: 50%;
    box-shadow:
        0 0 0 4rem rgb(255 255 255 / 2.5%),
        0 0 0 8rem rgb(255 255 255 / 2%);
    content: "";
}

.access-brand[b-xcgmi117e5] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 0.9rem;
    color: inherit;
    text-decoration: none;
}

.access-brand:focus-visible[b-xcgmi117e5] {
    outline: 3px solid #ff8c78;
    outline-offset: 0.35rem;
}

.brand-mark[b-xcgmi117e5] {
    display: grid;
    width: 3.25rem;
    height: 3.25rem;
    place-items: center;
}

.brand-mark img[b-xcgmi117e5] {
    width: 100%;
    height: 100%;
    border: 1px solid rgb(255 255 255 / 14%);
    border-radius: 0.9rem;
    box-shadow: 0 0.75rem 2rem rgb(0 0 0 / 24%);
}

.brand-copy[b-xcgmi117e5] {
    display: grid;
    line-height: 1.05;
}

.brand-copy strong[b-xcgmi117e5] {
    font-size: 1.18rem;
    letter-spacing: 0.015em;
}

.brand-copy small[b-xcgmi117e5] {
    margin-top: 0.35rem;
    color: #aeb6bb;
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.briefing-copy[b-xcgmi117e5] {
    max-width: 38rem;
    margin-block: auto;
    padding-block: clamp(4rem, 10vh, 7rem);
}

.section-code[b-xcgmi117e5] {
    display: flex;
    margin: 0 0 1.7rem;
    align-items: center;
    gap: 0.75rem;
    color: #aeb6bb;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.19em;
    text-transform: uppercase;
}

.section-code[b-xcgmi117e5]::before {
    width: 2.8rem;
    height: 2px;
    background: var(--access-signal);
    content: "";
}

.briefing-copy h1[b-xcgmi117e5] {
    max-width: 11ch;
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.8rem, 4.7vw, 5rem);
    font-weight: 680;
    letter-spacing: -0.055em;
    line-height: 0.94;
}

.briefing-copy h1 span[b-xcgmi117e5] {
    display: block;
    margin-top: 0.15em;
    color: #ff6d5d;
}

.briefing-copy > p:last-child[b-xcgmi117e5] {
    max-width: 31rem;
    margin: 2rem 0 0;
    color: #b8c0c4;
    font-size: clamp(1rem, 1.4vw, 1.25rem);
    line-height: 1.65;
}

.readiness-card[b-xcgmi117e5] {
    max-width: 35rem;
    padding: 1.25rem 1.4rem;
    border: 1px solid rgb(255 255 255 / 13%);
    background: rgb(255 255 255 / 5%);
    backdrop-filter: blur(12px);
}

.readiness-heading[b-xcgmi117e5] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.65rem;
    color: #dce1e3;
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.readiness-heading strong[b-xcgmi117e5] {
    color: #8ad9af;
    font-size: inherit;
}

.status-light[b-xcgmi117e5] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: #4cd18c;
    box-shadow: 0 0 0 0.3rem rgb(76 209 140 / 11%);
}

.readiness-card p[b-xcgmi117e5] {
    margin: 0.85rem 0 1rem;
    color: #aeb6bb;
    font-size: 0.88rem;
}

.readiness-track[b-xcgmi117e5] {
    height: 2px;
    overflow: hidden;
    background: rgb(255 255 255 / 11%);
}

.readiness-track span[b-xcgmi117e5] {
    display: block;
    width: 42%;
    height: 100%;
    background: var(--access-signal);
}

.briefing-facts[b-xcgmi117e5] {
    display: grid;
    max-width: 35rem;
    margin: 1.5rem 0 0;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    background: rgb(255 255 255 / 12%);
}

.briefing-facts div[b-xcgmi117e5] {
    padding: 1rem 1.2rem;
    background: #182126;
}

.briefing-facts dt[b-xcgmi117e5] {
    color: #7f8b92;
    font-size: 0.63rem;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.briefing-facts dd[b-xcgmi117e5] {
    margin: 0.35rem 0 0;
    color: #e9ecec;
    font-size: 0.82rem;
    font-weight: 620;
}

.access-workspace[b-xcgmi117e5] {
    position: relative;
    display: grid;
    min-height: 100dvh;
    padding: clamp(1.5rem, 4vw, 3.5rem) clamp(1.5rem, 6vw, 6rem);
    grid-template-rows: auto 1fr auto;
    background:
        linear-gradient(135deg, transparent 0 67%, rgb(21 28 33 / 2.5%) 67% 68%, transparent 68%),
        var(--access-canvas);
}

.workspace-header[b-xcgmi117e5],
.workspace-footer[b-xcgmi117e5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: var(--access-muted);
    font-size: 0.65rem;
    font-weight: 750;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.workspace-header-tools[b-xcgmi117e5] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.workspace-reference[b-xcgmi117e5] {
    color: var(--access-ink);
}

.access-content[b-xcgmi117e5] {
    display: grid;
    width: 100%;
    padding-block: 3rem;
    place-items: center;
}

.workspace-footer[b-xcgmi117e5] {
    padding-top: 1.25rem;
    border-top: 1px solid var(--access-line);
    letter-spacing: 0.09em;
}

.workspace-footer span:first-child[b-xcgmi117e5] {
    color: var(--access-ink);
}

@media (max-width: 900px) {
    .access-layout[b-xcgmi117e5] {
        grid-template-columns: 1fr;
    }

    .access-briefing[b-xcgmi117e5] {
        min-height: auto;
        padding: 1.5rem;
    }

    .briefing-copy[b-xcgmi117e5] {
        display: none;
    }

    .readiness-card[b-xcgmi117e5],
    .briefing-facts[b-xcgmi117e5] {
        display: none;
    }

    .access-workspace[b-xcgmi117e5] {
        min-height: 0;
        padding: 1.5rem;
    }

    .access-content[b-xcgmi117e5] {
        padding-block: 2rem;
    }
}

@media (max-width: 480px) {
    .workspace-reference[b-xcgmi117e5] {
        display: none;
    }
}

@media (max-width: 560px) {
    .access-briefing[b-xcgmi117e5] {
        padding: 1.25rem;
    }

    .brand-mark[b-xcgmi117e5] {
        width: 2.8rem;
        height: 2.8rem;
    }

    .access-workspace[b-xcgmi117e5] {
        padding: 1.25rem;
    }

    .workspace-footer[b-xcgmi117e5] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .status-light[b-xcgmi117e5] {
        animation: readiness-pulse-b-xcgmi117e5 2.6s ease-out infinite;
    }
}

@keyframes readiness-pulse-b-xcgmi117e5 {
    0% {
        box-shadow: 0 0 0 0 rgb(76 209 140 / 25%);
    }

    60%,
    100% {
        box-shadow: 0 0 0 0.65rem rgb(76 209 140 / 0%);
    }
}

#blazor-error-ui[b-xcgmi117e5] {
    position: fixed;
    right: 1rem;
    bottom: max(1rem, env(safe-area-inset-bottom));
    z-index: 1000;
    display: none;
    width: min(calc(100% - 2rem), 35rem);
    padding: 1rem 3rem 1rem 1.1rem;
    color: #fff;
    background: #24323d;
    border-left: 0.3rem solid var(--access-signal);
    box-shadow: 0 1.4rem 4rem rgb(17 26 34 / 25%);
}

#blazor-error-ui .reload[b-xcgmi117e5] {
    margin-left: 0.5rem;
    color: #fff;
    font-weight: 750;
}

#blazor-error-ui .dismiss[b-xcgmi117e5] {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    padding: 0.25rem;
    color: inherit;
    background: transparent;
    border: 0;
    cursor: pointer;
    transform: translateY(-50%);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.skip-link[b-4p4jhk2jbf] {
    position: fixed;
    top: 0.75rem;
    left: 0.75rem;
    z-index: 2000;
    padding: 0.75rem 1rem;
    color: var(--color-ink);
    background: var(--color-surface);
    border: 2px solid var(--color-focus);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-lg);
    transform: translateY(-150%);
    transition: transform 160ms ease;
}

.skip-link:focus[b-4p4jhk2jbf] {
    transform: translateY(0);
}

.app-shell[b-4p4jhk2jbf] {
    display: grid;
    grid-template-columns: 17.5rem minmax(0, 1fr);
    min-height: 100dvh;
}

.command-rail[b-4p4jhk2jbf] {
    position: sticky;
    top: 0;
    z-index: 30;
    height: 100dvh;
    min-width: 0;
    background: var(--color-rail);
}

.workspace[b-4p4jhk2jbf] {
    min-width: 0;
}

.workspace-bar[b-4p4jhk2jbf] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 4.5rem;
    padding: 0.75rem clamp(1.25rem, 3vw, 3rem);
    color: var(--color-muted);
    background: color-mix(in srgb, var(--color-surface) 88%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--color-line) 78%, transparent);
    backdrop-filter: blur(18px);
}

.workspace-context[b-4p4jhk2jbf] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
    font-size: 0.76rem;
    font-weight: 650;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.context-mark[b-4p4jhk2jbf] {
    width: 0.5rem;
    height: 0.5rem;
    background: var(--color-signal);
    box-shadow: 0 0 0 0.28rem var(--color-signal-soft);
    transform: rotate(45deg);
}

.context-product[b-4p4jhk2jbf] {
    color: var(--color-ink);
}

.context-divider[b-4p4jhk2jbf] {
    color: var(--color-line-strong);
}

.workspace-main[b-4p4jhk2jbf] {
    min-height: calc(100dvh - 4.5rem);
    padding:
        clamp(1.5rem, 3.2vw, 3.5rem)
        clamp(1.1rem, 3.2vw, 3.5rem)
        max(3rem, env(safe-area-inset-bottom));
    background:
        linear-gradient(var(--color-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--color-grid) 1px, transparent 1px),
        radial-gradient(circle at 92% 4%, rgb(178 31 45 / 7%), transparent 25rem),
        var(--color-canvas);
    background-size: 36px 36px, 36px 36px, auto, auto;
}

.workspace-canvas[b-4p4jhk2jbf] {
    width: min(100%, 90rem);
    margin-inline: auto;
}

#blazor-error-ui[b-4p4jhk2jbf] {
    position: fixed;
    right: 1rem;
    bottom: max(1rem, env(safe-area-inset-bottom));
    left: auto;
    z-index: 1000;
    display: none;
    width: min(calc(100% - 2rem), 35rem);
    padding: 1rem 3rem 1rem 1.1rem;
    color: #fff;
    background: var(--color-rail-elevated);
    border: 1px solid rgb(255 255 255 / 14%);
    border-left: 0.3rem solid var(--color-signal);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
}

#blazor-error-ui .reload[b-4p4jhk2jbf] {
    margin-left: 0.5rem;
    color: #fff;
    font-weight: 750;
}

#blazor-error-ui .dismiss[b-4p4jhk2jbf] {
    position: absolute;
    top: 50%;
    right: 0.65rem;
    width: 2rem;
    height: 2rem;
    padding: 0;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1;
    background: transparent;
    border: 0;
    transform: translateY(-50%);
}

@media (max-width: 840px) {
    .app-shell[b-4p4jhk2jbf] {
        display: block;
    }

    .command-rail[b-4p4jhk2jbf] {
        height: auto;
    }

    .workspace-bar[b-4p4jhk2jbf] {
        min-height: 3rem;
        padding-block: 0.55rem;
    }

    .workspace-context[b-4p4jhk2jbf] {
        font-size: 0.68rem;
    }

    .context-product[b-4p4jhk2jbf],
    .context-divider[b-4p4jhk2jbf] {
        display: none;
    }

    .workspace-main[b-4p4jhk2jbf] {
        min-height: calc(100dvh - 8rem);
    }
}

@media (max-width: 480px) {
    .workspace-bar[b-4p4jhk2jbf] {
        padding-inline: 1rem;
    }

    .workspace-context[b-4p4jhk2jbf] {
        letter-spacing: 0.07em;
    }

    .workspace-main[b-4p4jhk2jbf] {
        padding-inline: 0.85rem;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.rail-shell[b-htgkxp9zro] {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: #fff;
    background:
        radial-gradient(circle at 20% -5%, rgb(255 255 255 / 8%), transparent 15rem),
        var(--color-rail);
    border-left: 0.28rem solid var(--color-signal);
}

.rail-header[b-htgkxp9zro] {
    display: flex;
    align-items: center;
    min-height: 6.35rem;
    padding: 1.25rem 1.15rem 1.1rem 1.35rem;
    border-bottom: 1px solid rgb(255 255 255 / 9%);
}

.brand[b-htgkxp9zro] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
    color: #fff;
    text-decoration: none;
}

.brand img[b-htgkxp9zro] {
    flex: 0 0 auto;
    width: 2.8rem;
    height: 2.8rem;
    border: 1px solid rgb(255 255 255 / 12%);
    border-radius: 0.85rem;
    box-shadow: 0 0.75rem 2rem rgb(0 0 0 / 24%);
}

.brand-copy[b-htgkxp9zro] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.brand-copy strong[b-htgkxp9zro] {
    font-size: 1.28rem;
    font-weight: 780;
    letter-spacing: -0.025em;
}

.brand-copy small[b-htgkxp9zro] {
    overflow: hidden;
    color: var(--color-rail-muted);
    font-size: 0.69rem;
    font-weight: 650;
    letter-spacing: 0.1em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.nav-trigger[b-htgkxp9zro],
.nav-toggle[b-htgkxp9zro] {
    display: none;
}

.nav-panel[b-htgkxp9zro] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
}

.rail-navigation[b-htgkxp9zro] {
    flex: 1;
    padding: 1.15rem 0.9rem;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.nav-section + .nav-section[b-htgkxp9zro] {
    margin-top: 1.5rem;
}

.nav-section-label[b-htgkxp9zro] {
    margin: 0 0 0.48rem;
    padding-inline: 0.72rem;
    color: var(--color-rail-muted);
    font-size: 0.66rem;
    font-weight: 750;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.nav-link[b-htgkxp9zro],
.rail-navigation[b-htgkxp9zro]  a.nav-link {
    position: relative;
    display: grid;
    grid-template-columns: 1.3rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.72rem;
    min-height: 3.05rem;
    margin-block: 0.18rem;
    padding: 0.55rem 0.72rem;
    color: var(--color-rail-text);
    font-size: 0.91rem;
    font-weight: 650;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    transition:
        color 150ms ease,
        background-color 150ms ease,
        border-color 150ms ease,
        transform 150ms ease;
}

.nav-link svg[b-htgkxp9zro],
.logout-button svg[b-htgkxp9zro] {
    width: 1.3rem;
    height: 1.3rem;
    fill: currentColor;
}

.nav-link[b-htgkxp9zro]::before,
.rail-navigation[b-htgkxp9zro]  a.nav-link::before {
    position: absolute;
    top: 0.65rem;
    bottom: 0.65rem;
    left: -0.25rem;
    width: 0.18rem;
    background: transparent;
    border-radius: 0.2rem;
    content: "";
}

.nav-link:hover[b-htgkxp9zro],
.rail-navigation[b-htgkxp9zro]  a.nav-link:hover {
    color: #fff;
    background: rgb(255 255 255 / 6%);
    border-color: rgb(255 255 255 / 5%);
    transform: translateX(0.1rem);
}

[b-htgkxp9zro] a.nav-link.active {
    color: #fff;
    background: var(--color-rail-elevated);
    border-color: rgb(255 255 255 / 8%);
    box-shadow: 0 0.65rem 1.5rem rgb(0 0 0 / 15%);
}

[b-htgkxp9zro] a.nav-link.active::before {
    background: var(--color-signal);
    box-shadow: 0 0 0.8rem rgb(226 59 48 / 55%);
}

.nav-link-pending[b-htgkxp9zro] {
    color: rgb(198 207 213 / 62%);
    cursor: default;
}

.nav-link-pending:hover[b-htgkxp9zro] {
    color: rgb(198 207 213 / 62%);
    background: transparent;
    border-color: transparent;
    transform: none;
}

.nav-link-pending small[b-htgkxp9zro] {
    padding: 0.18rem 0.38rem;
    color: rgb(198 207 213 / 70%);
    font-size: 0.56rem;
    font-style: normal;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: 1px solid rgb(255 255 255 / 12%);
    border-radius: 0.25rem;
}

.rail-footer[b-htgkxp9zro] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    background: rgb(0 0 0 / 13%);
    border-top: 1px solid rgb(255 255 255 / 9%);
}

.user-identity[b-htgkxp9zro] {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    align-items: center;
    gap: 0.72rem;
}

.user-monogram[b-htgkxp9zro] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    background: var(--color-signal);
    border-radius: 0.7rem;
}

.user-copy[b-htgkxp9zro] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.user-copy small[b-htgkxp9zro] {
    color: var(--color-rail-muted);
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.user-copy strong[b-htgkxp9zro] {
    overflow: hidden;
    font-size: 0.83rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rail-footer form[b-htgkxp9zro] {
    margin: 0;
}

.logout-button[b-htgkxp9zro],
.login-link[b-htgkxp9zro] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    min-height: 2.6rem;
    padding: 0.55rem 0.7rem;
    color: var(--color-rail-muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    background: transparent;
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: var(--radius-sm);
}

.logout-button:hover[b-htgkxp9zro],
.login-link:hover[b-htgkxp9zro] {
    color: #fff;
    background: rgb(255 255 255 / 6%);
}

@media (max-width: 840px) {
    .rail-shell[b-htgkxp9zro] {
        position: relative;
        height: auto;
        border-top: 0.2rem solid var(--color-signal);
        border-left: 0;
    }

    .rail-header[b-htgkxp9zro] {
        min-height: 4.85rem;
        padding:
            max(0.75rem, env(safe-area-inset-top))
            max(1rem, env(safe-area-inset-right))
            0.75rem
            max(1rem, env(safe-area-inset-left));
    }

    .brand img[b-htgkxp9zro] {
        width: 2.45rem;
        height: 2.45rem;
        border-radius: 0.72rem;
    }

    .brand-copy strong[b-htgkxp9zro] {
        font-size: 1.1rem;
    }

    .brand-copy small[b-htgkxp9zro] {
        font-size: 0.6rem;
    }

    .nav-trigger[b-htgkxp9zro] {
        display: grid;
        width: 2.8rem;
        height: 2.8rem;
        margin-left: auto;
        padding: 0.67rem;
        place-content: center stretch;
        gap: 0.28rem;
        cursor: pointer;
        border: 1px solid rgb(255 255 255 / 12%);
        border-radius: 0.65rem;
        background: rgb(255 255 255 / 5%);
    }

    .nav-trigger span:not(.visually-hidden)[b-htgkxp9zro] {
        display: block;
        width: 1.25rem;
        height: 0.12rem;
        background: #fff;
        border-radius: 1rem;
        transition: transform 160ms ease, opacity 160ms ease;
    }

    .nav-toggle[b-htgkxp9zro] {
        position: absolute;
        display: block;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .nav-toggle:focus-visible + .rail-header .nav-trigger[b-htgkxp9zro] {
        outline: 3px solid var(--color-focus);
        outline-offset: 3px;
    }

    .nav-toggle:checked + .rail-header .nav-trigger span:nth-last-child(3)[b-htgkxp9zro] {
        transform: translateY(0.4rem) rotate(45deg);
    }

    .nav-toggle:checked + .rail-header .nav-trigger span:nth-last-child(2)[b-htgkxp9zro] {
        opacity: 0;
    }

    .nav-toggle:checked + .rail-header .nav-trigger span:last-child[b-htgkxp9zro] {
        transform: translateY(-0.4rem) rotate(-45deg);
    }

    .nav-panel[b-htgkxp9zro] {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        z-index: 50;
        display: none;
        max-height: calc(100dvh - 4.85rem);
        background: var(--color-rail);
        border-top: 1px solid rgb(255 255 255 / 9%);
        box-shadow: 0 1.5rem 3rem rgb(0 0 0 / 34%);
        overflow-y: auto;
    }

    .nav-toggle:checked ~ .nav-panel[b-htgkxp9zro] {
        display: flex;
    }

    .rail-navigation[b-htgkxp9zro] {
        overflow: visible;
    }

    .nav-link[b-htgkxp9zro],
    .rail-navigation[b-htgkxp9zro]  a.nav-link {
        min-height: 3.25rem;
    }
}
/* /Components/Layout/ThemeToggle.razor.rz.scp.css */
.theme-toggle[b-cu19lopnus] {
    display: inline-flex;
    min-height: 2.65rem;
    padding: 0.45rem 0.75rem;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-sm);
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    color: var(--color-muted-strong);
    background: color-mix(in srgb, var(--color-surface) 88%, transparent);
    box-shadow: var(--shadow-sm);
    font-size: 0.72rem;
    font-weight: 760;
    letter-spacing: 0.04em;
    transition:
        color 150ms ease,
        background-color 150ms ease,
        border-color 150ms ease,
        transform 150ms ease;
}

.theme-toggle:hover[b-cu19lopnus] {
    color: var(--color-ink);
    border-color: var(--color-line-strong);
    background: var(--color-surface);
    transform: translateY(-1px);
}

.theme-icon[b-cu19lopnus] {
    display: grid;
    width: 1.15rem;
    height: 1.15rem;
    place-items: center;
    color: var(--color-signal-bright);
}

.theme-icon svg[b-cu19lopnus] {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.theme-icon-moon[b-cu19lopnus] {
    fill: currentcolor !important;
    stroke: none !important;
}

.theme-icon-sun[b-cu19lopnus] {
    display: none;
}

@media (max-width: 480px) {
    .theme-toggle[b-cu19lopnus] {
        width: 2.65rem;
        padding-inline: 0;
    }

    .theme-label[b-cu19lopnus] {
        display: none;
    }
}
/* /Components/Members/Pages/Birthdays.razor.rz.scp.css */
.birthday-board[b-pkw9zdbfx6] {
    display: grid;
    padding-block: clamp(1.5rem, 4vw, 4rem);
    gap: 1.5rem;
}

.birthday-hero[b-pkw9zdbfx6] {
    position: relative;
    min-height: 24rem;
    padding: clamp(2rem, 5vw, 4.5rem);
    overflow: hidden;
    color: #fff;
    background:
        linear-gradient(90deg, #142029 0 68%, transparent 68%),
        repeating-linear-gradient(
            -45deg,
            #e23b30 0 0.45rem,
            #c72f27 0.45rem 0.9rem);
}

.birthday-hero[b-pkw9zdbfx6]::after {
    position: absolute;
    right: 10%;
    bottom: -8rem;
    width: 22rem;
    height: 22rem;
    border: 1px solid rgb(255 255 255 / 15%);
    border-radius: 50%;
    content: "";
}

.birthday-hero > a[b-pkw9zdbfx6] {
    display: inline-flex;
    margin-bottom: 3.5rem;
    color: #c3cdd2;
    font-size: 0.72rem;
    font-weight: 750;
    text-decoration: none;
}

.birthday-hero > p[b-pkw9zdbfx6] {
    margin: 0 0 0.8rem;
    color: #aab6bd;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.birthday-hero h1[b-pkw9zdbfx6] {
    max-width: 11ch;
    margin: 0;
    color: #fff;
    font-size: clamp(3rem, 6vw, 6rem);
    font-weight: 650;
    letter-spacing: -0.06em;
    line-height: 0.9;
}

.privacy-seal[b-pkw9zdbfx6] {
    position: absolute;
    z-index: 1;
    right: clamp(1.5rem, 4vw, 3.5rem);
    bottom: 2.5rem;
    display: flex;
    width: min(23rem, 31%);
    padding: 1rem;
    border: 1px solid rgb(255 255 255 / 23%);
    align-items: center;
    gap: 0.8rem;
    color: #fff;
    background: rgb(20 32 41 / 70%);
    backdrop-filter: blur(10px);
}

.privacy-seal > span[b-pkw9zdbfx6] {
    color: #ff7b70;
    font-size: 1.5rem;
}

.privacy-seal p[b-pkw9zdbfx6] {
    display: grid;
    margin: 0;
    font-size: 0.72rem;
}

.privacy-seal strong[b-pkw9zdbfx6] {
    font-size: 0.62rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.birthday-message[b-pkw9zdbfx6] {
    display: grid;
    padding: 1rem 1.2rem;
    border: 1px solid #d7dddf;
    border-left: 3px solid #142029;
    grid-template-columns: 3rem 1fr;
    background: var(--color-surface);
}

.birthday-message.is-error[b-pkw9zdbfx6] {
    border-left-color: #e23b30;
}

.birthday-message strong[b-pkw9zdbfx6] {
    color: #e23b30;
    font-size: 0.68rem;
    letter-spacing: 0.1em;
}

.birthday-message p[b-pkw9zdbfx6] {
    margin: 0;
}

.birthday-window[b-pkw9zdbfx6] {
    border: 1px solid #d7dddf;
    background: var(--color-surface);
}

.birthday-window > header[b-pkw9zdbfx6] {
    display: flex;
    min-height: 7rem;
    padding: 1.4rem clamp(1.2rem, 3vw, 2rem);
    border-bottom: 1px solid #d7dddf;
    align-items: center;
    justify-content: space-between;
}

.birthday-window > header p[b-pkw9zdbfx6],
.birthday-window > header h2[b-pkw9zdbfx6] {
    margin: 0;
}

.birthday-window > header p[b-pkw9zdbfx6] {
    color: #e23b30;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.birthday-window > header h2[b-pkw9zdbfx6] {
    margin-top: 0.3rem;
    font-size: clamp(1.5rem, 3vw, 2.5rem);
}

.birthday-window > header > span[b-pkw9zdbfx6] {
    color: var(--color-muted);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.birthday-list[b-pkw9zdbfx6] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.birthday-list li[b-pkw9zdbfx6] {
    position: relative;
    display: grid;
    min-height: 7rem;
    padding: 1rem clamp(1.2rem, 3vw, 2rem);
    border-bottom: 1px solid #d7dddf;
    grid-template-columns: 4.5rem 1fr auto;
    align-items: center;
    gap: 1.2rem;
}

.birthday-list li:last-child[b-pkw9zdbfx6] {
    border-bottom: 0;
}

.birthday-list li[b-pkw9zdbfx6]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0;
    background: #e23b30;
    content: "";
    transition: width 150ms ease;
}

.birthday-list li:hover[b-pkw9zdbfx6]::before,
.birthday-list li:focus-within[b-pkw9zdbfx6]::before {
    width: 0.25rem;
}

.birthday-list time[b-pkw9zdbfx6] {
    display: grid;
    min-height: 4.2rem;
    border: 1px solid #efc4c0;
    place-items: center;
    align-content: center;
    color: #e23b30;
    background: var(--color-signal-soft);
}

.birthday-list time strong[b-pkw9zdbfx6] {
    font-size: 1.4rem;
    line-height: 1;
}

.birthday-list time span[b-pkw9zdbfx6] {
    font-size: 0.58rem;
    font-weight: 850;
    letter-spacing: 0.12em;
}

.birthday-list div p[b-pkw9zdbfx6],
.birthday-list div h3[b-pkw9zdbfx6] {
    margin: 0;
}

.birthday-list div p[b-pkw9zdbfx6] {
    color: var(--color-muted);
    font-size: 0.68rem;
    font-weight: 750;
    text-transform: uppercase;
}

.birthday-list div h3[b-pkw9zdbfx6] {
    margin-top: 0.25rem;
    font-size: 1.15rem;
}

.birthday-list a[b-pkw9zdbfx6] {
    color: var(--color-ink);
    font-size: 0.72rem;
    font-weight: 800;
    text-decoration: none;
}

.birthday-list a:hover[b-pkw9zdbfx6] {
    color: #e23b30;
}

.birthday-empty[b-pkw9zdbfx6] {
    display: flex;
    min-height: 15rem;
    padding: 2rem;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
}

.birthday-empty > span[b-pkw9zdbfx6] {
    color: #e23b30;
    font-size: 3rem;
    font-weight: 850;
}

.birthday-empty h3[b-pkw9zdbfx6],
.birthday-empty p[b-pkw9zdbfx6] {
    margin: 0;
}

.birthday-empty p[b-pkw9zdbfx6] {
    margin-top: 0.25rem;
    color: var(--color-muted);
}

@media (max-width: 720px) {
    .birthday-board[b-pkw9zdbfx6] {
        padding-block: 1rem 3rem;
    }

    .birthday-hero[b-pkw9zdbfx6] {
        min-height: 36rem;
        padding: 2rem 1.25rem 8rem;
        background:
            linear-gradient(180deg, #142029 0 82%, transparent 82%),
            repeating-linear-gradient(
                -45deg,
                #e23b30 0 0.45rem,
                #c72f27 0.45rem 0.9rem);
    }

    .birthday-hero h1[b-pkw9zdbfx6] {
        font-size: clamp(3rem, 15vw, 4.8rem);
    }

    .privacy-seal[b-pkw9zdbfx6] {
        right: 1.25rem;
        bottom: 1.5rem;
        left: 1.25rem;
        width: auto;
    }

    .birthday-window > header[b-pkw9zdbfx6] {
        align-items: start;
    }

    .birthday-list li[b-pkw9zdbfx6] {
        grid-template-columns: 4rem 1fr;
    }

    .birthday-list a[b-pkw9zdbfx6] {
        grid-column: 2;
    }
}
/* /Components/Members/Pages/MemberProfile.razor.rz.scp.css */
.profile-dossier[b-2cmp8q64f1] {
    display: grid;
    padding-block: clamp(1.5rem, 4vw, 4rem);
    gap: 1.5rem;
}

.dossier-header[b-2cmp8q64f1] {
    position: relative;
    display: grid;
    min-height: 22rem;
    padding: clamp(1.5rem, 4vw, 3.5rem);
    grid-template-columns: 1fr auto;
    align-content: space-between;
    color: #fff;
    background:
        linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px),
        radial-gradient(circle at 84% 20%, rgb(226 59 48 / 22%), transparent 18rem),
        #152029;
    background-size: 5rem 5rem, 5rem 5rem, auto, auto;
}

.dossier-header > a[b-2cmp8q64f1] {
    grid-column: 1 / -1;
    align-self: start;
    color: #bcc7cc;
    font-size: 0.72rem;
    font-weight: 750;
    text-decoration: none;
}

.dossier-heading[b-2cmp8q64f1] {
    display: flex;
    align-items: center;
    gap: clamp(1rem, 3vw, 2rem);
}

.dossier-monogram[b-2cmp8q64f1] {
    display: grid;
    width: clamp(4.8rem, 10vw, 7.5rem);
    aspect-ratio: 1;
    border: 1px solid rgb(255 255 255 / 19%);
    place-items: center;
    color: #ff6f62;
    background: rgb(255 255 255 / 5%);
    font-size: clamp(1.4rem, 3vw, 2.2rem);
    font-weight: 850;
    letter-spacing: 0.08em;
}

.dossier-heading p[b-2cmp8q64f1] {
    margin: 0 0 0.45rem;
    color: #98a7af;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.dossier-heading h1[b-2cmp8q64f1] {
    margin: 0;
    color: #fff;
    font-size: clamp(2.4rem, 5vw, 5rem);
    font-weight: 650;
    letter-spacing: -0.055em;
}

.profile-state[b-2cmp8q64f1] {
    display: inline-flex;
    align-self: end;
    padding: 0.6rem 0.8rem;
    border: 1px solid rgb(255 255 255 / 16%);
    align-items: center;
    gap: 0.5rem;
    color: #d8dfe2;
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.profile-state i[b-2cmp8q64f1] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: #89969d;
}

.profile-state.is-active i[b-2cmp8q64f1] {
    background: #43d194;
}

.profile-state.is-leave i[b-2cmp8q64f1] {
    background: #f0aa3b;
}

.profile-message[b-2cmp8q64f1] {
    display: grid;
    padding: 1rem 1.2rem;
    border: 1px solid var(--color-line);
    border-left: 3px solid #152029;
    grid-template-columns: 3rem 1fr;
    background: var(--color-surface);
}

.profile-message p[b-2cmp8q64f1] {
    margin: 0;
}

.profile-message strong[b-2cmp8q64f1] {
    color: var(--color-signal-bright);
    font-size: 0.68rem;
    letter-spacing: 0.1em;
}

.profile-message.is-error[b-2cmp8q64f1] {
    border-left-color: var(--color-signal-bright);
}

.profile-message.is-success[b-2cmp8q64f1] {
    border-left-color: var(--color-success);
    background: var(--color-success-soft);
}

.profile-message.is-success strong[b-2cmp8q64f1] {
    color: var(--color-success);
}

.dossier-grid[b-2cmp8q64f1] {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 1px;
    background: var(--color-line);
}

.identity-sheet[b-2cmp8q64f1],
.contact-sheet[b-2cmp8q64f1] {
    padding: clamp(1.4rem, 3vw, 2.5rem);
    background: var(--color-surface);
}

.identity-sheet > header[b-2cmp8q64f1],
.contact-sheet > header[b-2cmp8q64f1] {
    display: flex;
    min-height: 4.5rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid var(--color-line);
    align-items: center;
    gap: 0.8rem;
}

.identity-sheet > header > span[b-2cmp8q64f1],
.contact-sheet > header > span[b-2cmp8q64f1] {
    display: grid;
    width: 2.1rem;
    height: 2.1rem;
    place-items: center;
    color: #fff;
    background: #152029;
    font-size: 0.65rem;
    font-weight: 850;
}

.identity-sheet header p[b-2cmp8q64f1],
.identity-sheet header h2[b-2cmp8q64f1],
.contact-sheet header p[b-2cmp8q64f1],
.contact-sheet header h2[b-2cmp8q64f1] {
    margin: 0;
}

.identity-sheet header p[b-2cmp8q64f1],
.contact-sheet header p[b-2cmp8q64f1] {
    color: var(--color-signal-bright);
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.identity-sheet header h2[b-2cmp8q64f1],
.contact-sheet header h2[b-2cmp8q64f1] {
    margin-top: 0.15rem;
    font-size: 1.25rem;
}

.contact-sheet > header > small[b-2cmp8q64f1] {
    margin-left: auto;
    color: var(--color-muted);
    font-size: 1.2rem;
    font-weight: 850;
}

.identity-sheet dl[b-2cmp8q64f1] {
    margin: 0;
}

.identity-sheet dl div[b-2cmp8q64f1] {
    display: grid;
    min-height: 4.4rem;
    padding-block: 0.9rem;
    border-bottom: 1px solid var(--color-line);
    grid-template-columns: minmax(8rem, 0.8fr) 1.2fr;
    align-items: center;
    gap: 1rem;
}

.identity-sheet dt[b-2cmp8q64f1] {
    color: var(--color-muted);
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.identity-sheet dd[b-2cmp8q64f1] {
    margin: 0;
    color: var(--color-ink);
    font-weight: 750;
}

.rank-fact dd[b-2cmp8q64f1] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.rank-fact dd > span[b-2cmp8q64f1] {
    display: grid;
}

.rank-fact small[b-2cmp8q64f1] {
    color: var(--color-muted);
    font-size: 0.65rem;
    font-weight: 650;
}

.privacy-hint[b-2cmp8q64f1] {
    margin: 1rem 0 0;
    color: var(--color-muted);
    font-size: 0.72rem;
}

.contact-empty[b-2cmp8q64f1] {
    display: grid;
    min-height: 14rem;
    place-content: center;
    text-align: center;
}

.contact-empty p[b-2cmp8q64f1] {
    max-width: 27rem;
    margin: 0.35rem 0 0;
    color: var(--color-muted);
}

.contact-list[b-2cmp8q64f1] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.contact-list li[b-2cmp8q64f1] {
    display: grid;
    min-height: 5.2rem;
    padding-block: 0.85rem;
    border-bottom: 1px solid var(--color-line);
    grid-template-columns: 3.3rem 1fr auto;
    align-items: center;
    gap: 1rem;
}

.contact-kind[b-2cmp8q64f1] {
    display: grid;
    min-height: 2.4rem;
    border: 1px solid var(--color-line-strong);
    place-items: center;
    color: var(--color-signal-bright);
    background: var(--color-signal-soft);
    font-size: 0.6rem;
    font-weight: 850;
    letter-spacing: 0.08em;
}

.contact-list li div[b-2cmp8q64f1] {
    display: grid;
}

.contact-list small[b-2cmp8q64f1] {
    color: var(--color-muted);
    font-size: 0.65rem;
}

.contact-list a[b-2cmp8q64f1],
.contact-list strong[b-2cmp8q64f1] {
    overflow-wrap: anywhere;
    color: var(--color-ink);
    font-size: 0.88rem;
    font-weight: 750;
    text-decoration: none;
}

.contact-list a:hover[b-2cmp8q64f1] {
    color: var(--color-signal-bright);
}

.contact-edit[b-2cmp8q64f1] {
    font-size: 0.66rem !important;
    text-transform: uppercase;
}

.self-service-panel[b-2cmp8q64f1],
.admin-profile-panel[b-2cmp8q64f1] {
    border: 1px solid var(--color-line);
    background: var(--color-surface);
}

.self-service-panel > header[b-2cmp8q64f1],
.admin-profile-panel > header[b-2cmp8q64f1] {
    display: flex;
    min-height: 7rem;
    padding: 1.3rem clamp(1.2rem, 3vw, 2rem);
    border-bottom: 1px solid var(--color-line);
    align-items: center;
    justify-content: space-between;
}

.self-service-panel header p[b-2cmp8q64f1],
.self-service-panel header h2[b-2cmp8q64f1],
.admin-profile-panel header p[b-2cmp8q64f1],
.admin-profile-panel header h2[b-2cmp8q64f1] {
    margin: 0;
}

.self-service-panel header p[b-2cmp8q64f1],
.admin-profile-panel header p[b-2cmp8q64f1] {
    color: var(--color-signal-bright);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.self-service-panel header h2[b-2cmp8q64f1],
.admin-profile-panel header h2[b-2cmp8q64f1] {
    margin-top: 0.25rem;
    font-size: clamp(1.6rem, 3vw, 2.6rem);
}

.self-service-panel > header > span[b-2cmp8q64f1],
.admin-profile-panel > header > span[b-2cmp8q64f1] {
    color: var(--color-muted);
    font-size: 0.66rem;
    font-weight: 750;
    text-transform: uppercase;
}

.self-service-grid[b-2cmp8q64f1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: var(--color-line);
}

.self-service-grid[b-2cmp8q64f1]  .rank-profile-form {
    grid-row: span 2;
    border-top: 3px solid var(--color-signal-bright);
}

.rank-preview[b-2cmp8q64f1] {
    display: flex;
    min-height: 8rem;
    padding: 1rem;
    border: 1px solid var(--color-line);
    border-radius: 1rem;
    align-items: center;
    gap: 1rem;
    background:
        radial-gradient(circle at 18% 20%, rgb(226 59 48 / 11%), transparent 5rem),
        var(--color-surface-subtle);
}

.rank-preview-empty[b-2cmp8q64f1] {
    width: 5.5rem;
    height: 5.5rem;
    padding: 0.3rem;
    border: 1px solid var(--color-line);
    border-radius: 1rem;
    background: var(--color-surface);
    object-fit: contain;
}

.rank-preview-empty[b-2cmp8q64f1] {
    display: grid;
    place-items: center;
    color: var(--color-muted);
    font-size: 2rem;
}

.rank-preview > div:not(.rank-preview-empty)[b-2cmp8q64f1] {
    display: grid;
}

.rank-preview strong[b-2cmp8q64f1] {
    font-size: 1rem;
}

.rank-preview small[b-2cmp8q64f1] {
    color: var(--color-signal-bright);
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.1em;
}

.self-service-grid[b-2cmp8q64f1]  .profile-form {
    display: grid;
    padding: clamp(1.5rem, 3vw, 2.25rem);
    align-content: start;
    gap: 1rem;
    color: var(--color-ink);
    background: var(--color-surface);
}

.form-heading[b-2cmp8q64f1] {
    display: flex;
    min-height: 3rem;
    margin-bottom: 0.5rem;
    align-items: center;
    gap: 0.75rem;
}

.form-heading > span[b-2cmp8q64f1] {
    color: var(--color-signal-bright);
    font-size: 0.65rem;
    font-weight: 850;
}

.form-heading div[b-2cmp8q64f1] {
    display: grid;
}

.form-heading strong[b-2cmp8q64f1] {
    font-size: 0.85rem;
}

.form-heading small[b-2cmp8q64f1] {
    color: var(--color-muted);
    font-size: 0.7rem;
}

.self-service-grid[b-2cmp8q64f1]  .profile-form label,
.admin-profile-panel[b-2cmp8q64f1]  .administrative-form label {
    display: grid;
    gap: 0.35rem;
}

.self-service-grid[b-2cmp8q64f1]  .profile-form label > span,
.admin-profile-panel[b-2cmp8q64f1]  .administrative-form label > span {
    color: var(--color-muted);
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.self-service-grid[b-2cmp8q64f1]  .profile-form input,
.self-service-grid[b-2cmp8q64f1]  .profile-form select,
.admin-profile-panel[b-2cmp8q64f1]  .administrative-form input,
.admin-profile-panel[b-2cmp8q64f1]  .administrative-form select {
    width: 100%;
    min-height: 3rem;
    padding: 0.8rem 1rem;
    border: 1px solid var(--color-line-strong);
    border-radius: var(--radius-control);
    color: var(--color-ink);
    background: var(--color-surface-subtle);
}

.self-service-grid[b-2cmp8q64f1]  .profile-form input::placeholder,
.admin-profile-panel[b-2cmp8q64f1]  .administrative-form input::placeholder {
    color: var(--color-muted);
    opacity: 0.75;
}

.self-service-grid[b-2cmp8q64f1]  .profile-form input:focus-visible,
.self-service-grid[b-2cmp8q64f1]  .profile-form select:focus-visible,
.admin-profile-panel[b-2cmp8q64f1]  .administrative-form input:focus-visible,
.admin-profile-panel[b-2cmp8q64f1]  .administrative-form select:focus-visible {
    border-color: var(--color-focus);
    outline: 3px solid color-mix(in srgb, var(--color-focus) 24%, transparent);
    outline-offset: 1px;
}

.form-row[b-2cmp8q64f1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.checkbox-control[b-2cmp8q64f1] {
    display: flex !important;
    min-height: 3rem;
    align-items: center;
    gap: 0.6rem !important;
}

.checkbox-control[b-2cmp8q64f1]  input {
    width: 1.2rem;
    min-height: 1.2rem;
    accent-color: var(--color-signal-bright);
}

.self-service-grid[b-2cmp8q64f1]  .profile-form button,
.admin-profile-panel[b-2cmp8q64f1]  .administrative-form button {
    min-height: 3rem;
    padding: 0.7rem 1rem;
    border: 0;
    color: #fff;
    background: var(--color-signal-bright);
    font-size: 0.75rem;
    font-weight: 800;
}

.form-actions[b-2cmp8q64f1] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.form-actions a[b-2cmp8q64f1] {
    color: var(--color-muted);
    font-size: 0.72rem;
    font-weight: 750;
    text-decoration: none;
}

.self-service-panel[b-2cmp8q64f1]  .remove-contact-form {
    display: flex;
    padding: 1rem clamp(1.2rem, 3vw, 2rem);
    border-top: 1px solid var(--color-line-strong);
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: var(--color-signal-soft);
}

.self-service-panel[b-2cmp8q64f1]  .remove-contact-form p {
    display: grid;
    margin: 0;
    color: var(--color-muted);
    font-size: 0.72rem;
}

.self-service-panel[b-2cmp8q64f1]  .remove-contact-form button {
    padding: 0.65rem 0.9rem;
    border: 1px solid var(--color-signal-bright);
    color: var(--color-danger);
    background: var(--color-surface);
    font-size: 0.72rem;
    font-weight: 800;
}

.admin-profile-panel[b-2cmp8q64f1] {
    border-top: 3px solid #152029;
}

.admin-profile-panel[b-2cmp8q64f1]  .administrative-form {
    display: grid;
    padding: clamp(1.3rem, 3vw, 2rem);
    grid-template-columns: repeat(3, minmax(12rem, 1fr));
    align-items: end;
    gap: 1rem;
}

.administrative-rank-preview[b-2cmp8q64f1] {
    display: flex;
    min-height: 4.8rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-control);
    align-items: center;
    gap: 0.8rem;
    background:
        radial-gradient(circle at 12% 20%, rgb(226 59 48 / 10%), transparent 5rem),
        var(--color-surface-subtle);
}

.administrative-rank-preview span[b-2cmp8q64f1] {
    display: grid;
}

.administrative-rank-preview strong[b-2cmp8q64f1] {
    font-size: 0.82rem;
}

.administrative-rank-preview small[b-2cmp8q64f1] {
    color: var(--color-muted);
    font-size: 0.65rem;
}

.admin-profile-panel[b-2cmp8q64f1]  .administrative-form button {
    min-width: 13rem;
    grid-column: 1 / -1;
    justify-self: end;
}

.admin-profile-panel[b-2cmp8q64f1]  .administrative-form .validation-message {
    color: var(--color-danger);
    font-size: 0.68rem;
}

@media (max-width: 1050px) {
    .dossier-grid[b-2cmp8q64f1],
    .self-service-grid[b-2cmp8q64f1] {
        grid-template-columns: 1fr;
    }

    .administrative-form[b-2cmp8q64f1] {
        grid-template-columns: repeat(2, 1fr);
    }

    .self-service-grid[b-2cmp8q64f1]  .rank-profile-form {
        grid-row: auto;
    }
}

@media (max-width: 720px) {
    .profile-dossier[b-2cmp8q64f1] {
        padding-block: 1rem 3rem;
    }

    .dossier-header[b-2cmp8q64f1] {
        min-height: 28rem;
        padding: 1.5rem 1.2rem;
        grid-template-columns: 1fr;
    }

    .dossier-heading[b-2cmp8q64f1] {
        align-items: start;
        flex-direction: column;
    }

    .dossier-monogram[b-2cmp8q64f1] {
        width: 4.8rem;
    }

    .profile-state[b-2cmp8q64f1] {
        justify-self: start;
    }

    .identity-sheet dl div[b-2cmp8q64f1] {
        grid-template-columns: 1fr;
        gap: 0.15rem;
    }

    .self-service-panel > header[b-2cmp8q64f1] {
        align-items: start;
        flex-direction: column;
        justify-content: center;
        gap: 0.5rem;
    }

    .form-row[b-2cmp8q64f1],
    .admin-profile-panel[b-2cmp8q64f1]  .administrative-form {
        grid-template-columns: 1fr;
    }

    .admin-profile-panel > header[b-2cmp8q64f1] {
        align-items: start;
        flex-direction: column;
        justify-content: center;
        gap: 0.5rem;
    }

    .admin-profile-panel[b-2cmp8q64f1]  .administrative-form button {
        width: 100%;
        grid-column: auto;
        justify-self: stretch;
    }

    .self-service-panel[b-2cmp8q64f1]  .remove-contact-form {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Members/Pages/Members.razor.rz.scp.css */
.member-atlas[b-swoy946xa5] {
    --atlas-ink: var(--color-ink);
    --atlas-muted: var(--color-muted);
    --atlas-line: var(--color-line);
    --atlas-signal: var(--color-signal-bright);
    display: grid;
    padding-block: clamp(1.5rem, 4vw, 4rem);
    gap: clamp(1.4rem, 3vw, 2.5rem);
}

.atlas-hero[b-swoy946xa5] {
    position: relative;
    display: grid;
    min-height: 25rem;
    padding: clamp(2rem, 5vw, 4.5rem);
    overflow: hidden;
    grid-template-columns: minmax(0, 1.35fr) minmax(15rem, 0.65fr);
    align-items: end;
    gap: 2rem;
    color: #fff;
    background:
        linear-gradient(115deg, rgb(226 59 48 / 92%) 0 0.4rem, transparent 0.4rem),
        radial-gradient(circle at 82% 22%, rgb(226 59 48 / 28%), transparent 16rem),
        #152029;
}

.atlas-hero[b-swoy946xa5]::after {
    position: absolute;
    top: -8rem;
    right: -8rem;
    width: 25rem;
    height: 25rem;
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: 50%;
    box-shadow:
        0 0 0 4rem rgb(255 255 255 / 2.5%),
        0 0 0 8rem rgb(255 255 255 / 1.5%);
    content: "";
}

.atlas-kicker[b-swoy946xa5] {
    display: flex;
    margin: 0 0 1.2rem;
    align-items: center;
    gap: 0.7rem;
    color: #aeb9bf;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.atlas-kicker span[b-swoy946xa5] {
    width: 0.55rem;
    height: 0.55rem;
    background: var(--atlas-signal);
}

.atlas-hero h1[b-swoy946xa5] {
    max-width: 12ch;
    margin: 0;
    color: #fff;
    font-size: clamp(2.8rem, 6vw, 6.1rem);
    font-weight: 650;
    letter-spacing: -0.065em;
    line-height: 0.9;
}

.atlas-intro[b-swoy946xa5] {
    max-width: 37rem;
    margin: 1.5rem 0 0;
    color: #b9c2c7;
}

.atlas-actions[b-swoy946xa5] {
    z-index: 1;
    display: grid;
    align-self: end;
    gap: 0.55rem;
}

.atlas-action[b-swoy946xa5] {
    display: flex;
    min-height: 4.3rem;
    padding: 1rem 1.2rem;
    border: 1px solid rgb(255 255 255 / 15%);
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 750;
    letter-spacing: 0.05em;
    text-decoration: none;
    background: rgb(255 255 255 / 5%);
    backdrop-filter: blur(12px);
}

.atlas-action:hover[b-swoy946xa5] {
    color: #fff;
    background: rgb(255 255 255 / 10%);
}

.atlas-action-primary[b-swoy946xa5] {
    border-color: var(--atlas-signal);
    background: var(--atlas-signal);
}

.member-filter[b-swoy946xa5] {
    display: grid;
    padding: clamp(1.25rem, 3vw, 1.6rem);
    border: 1px solid var(--atlas-line);
    border-top: 3px solid var(--atlas-ink);
    grid-template-columns: auto minmax(14rem, 1.5fr) minmax(10rem, 0.7fr) auto;
    align-items: end;
    gap: 1rem;
    background: var(--color-surface);
}

.filter-lead[b-swoy946xa5] {
    display: flex;
    min-height: 3.1rem;
    padding-right: 1.2rem;
    border-right: 1px solid var(--atlas-line);
    align-items: center;
    gap: 0.75rem;
}

.filter-lead > span[b-swoy946xa5] {
    display: grid;
    width: 2.2rem;
    height: 2.2rem;
    place-items: center;
    color: #fff;
    background: var(--color-inverse-surface);
    font-size: 0.68rem;
    font-weight: 800;
}

.filter-lead div[b-swoy946xa5],
.filter-control[b-swoy946xa5] {
    display: grid;
}

.filter-lead strong[b-swoy946xa5],
.filter-control > span[b-swoy946xa5] {
    color: var(--atlas-ink);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.filter-lead small[b-swoy946xa5] {
    color: var(--atlas-muted);
    font-size: 0.68rem;
}

.filter-control[b-swoy946xa5] {
    gap: 0.35rem;
}

.filter-control input[b-swoy946xa5],
.filter-control select[b-swoy946xa5] {
    width: 100%;
    min-height: 3.1rem;
    padding: 0.8rem 1rem;
    border: 1px solid var(--atlas-line);
    border-radius: var(--radius-control);
    background: var(--color-surface-subtle);
}

.member-filter button[b-swoy946xa5] {
    display: flex;
    min-height: 3.1rem;
    padding: 0.7rem 1rem;
    border: 0;
    border-radius: var(--radius-control);
    align-items: center;
    gap: 2rem;
    color: #fff;
    background: var(--atlas-signal);
    font-size: 0.8rem;
    font-weight: 800;
}

.member-export[b-swoy946xa5] {
    border: 1px solid var(--atlas-line);
    border-top: 3px solid var(--atlas-signal);
    background: var(--color-surface);
}

.member-export > header[b-swoy946xa5] {
    display: flex;
    min-height: 6rem;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--atlas-line);
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.member-export > header p[b-swoy946xa5],
.member-export > header h2[b-swoy946xa5] {
    margin: 0;
}

.member-export > header p[b-swoy946xa5] {
    color: var(--atlas-signal);
    font-size: 0.64rem;
    font-weight: 850;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.member-export > header h2[b-swoy946xa5] {
    margin-top: 0.25rem;
    font-size: clamp(1.45rem, 3vw, 2.35rem);
}

.member-export > header > span[b-swoy946xa5] {
    color: var(--atlas-muted);
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.member-export form[b-swoy946xa5] {
    display: grid;
}

.export-filter-grid[b-swoy946xa5] {
    display: grid;
    padding: 1.4rem 1.5rem;
    border-bottom: 1px solid var(--atlas-line);
    grid-template-columns: minmax(14rem, 1.5fr) repeat(3, minmax(10rem, 0.7fr));
    gap: 1rem;
}

.export-control[b-swoy946xa5] {
    display: grid;
    gap: 0.35rem;
}

.export-control > span[b-swoy946xa5],
.export-fields legend[b-swoy946xa5] {
    color: var(--atlas-ink);
    font-size: 0.65rem;
    font-weight: 850;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.export-control input[b-swoy946xa5],
.export-control select[b-swoy946xa5] {
    width: 100%;
    min-height: 3.1rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--atlas-line);
    border-radius: var(--radius-control);
    color: var(--color-ink);
    background: var(--color-surface-subtle);
}

.export-fields[b-swoy946xa5] {
    display: grid;
    padding: 1.4rem 1.5rem;
    border: 0;
    border-bottom: 1px solid var(--atlas-line);
    grid-template-columns: repeat(4, minmax(10rem, 1fr));
    gap: 0.7rem;
}

.export-fields legend[b-swoy946xa5] {
    width: 100%;
    margin: 0 0 0.85rem;
}

.export-field[b-swoy946xa5] {
    display: flex;
    min-height: 3.2rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--atlas-line);
    border-radius: var(--radius-control);
    align-items: center;
    gap: 0.65rem;
    color: var(--atlas-ink);
    background: var(--color-surface-subtle);
    font-size: 0.76rem;
    font-weight: 750;
    cursor: pointer;
}

.export-field input[b-swoy946xa5] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--atlas-signal);
}

.export-field.is-fixed[b-swoy946xa5] {
    border-color: color-mix(in srgb, var(--atlas-signal) 35%, var(--atlas-line));
    background: var(--color-signal-soft);
    cursor: default;
}

.export-field.is-fixed > span[b-swoy946xa5] {
    display: grid;
    width: 1rem;
    height: 1rem;
    place-items: center;
    color: #fff;
    background: var(--atlas-signal);
    font-size: 0.65rem;
}

.export-field small[b-swoy946xa5] {
    margin-left: auto;
    color: var(--atlas-muted);
    font-size: 0.62rem;
    font-weight: 650;
}

.export-actions[b-swoy946xa5] {
    display: flex;
    padding: 1.2rem 1.5rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.export-actions p[b-swoy946xa5] {
    max-width: 42rem;
    margin: 0;
    color: var(--atlas-muted);
    font-size: 0.72rem;
}

.export-actions > div[b-swoy946xa5] {
    display: flex;
    gap: 0.6rem;
}

.export-button[b-swoy946xa5] {
    display: flex;
    min-height: 3.2rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--atlas-signal);
    border-radius: var(--radius-control);
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    color: #fff;
    background: var(--atlas-signal);
    font-size: 0.75rem;
    font-weight: 850;
}

.export-button-secondary[b-swoy946xa5] {
    color: var(--atlas-ink);
    background: transparent;
}

.atlas-message[b-swoy946xa5] {
    display: grid;
    padding: 1rem;
    border: 1px solid var(--atlas-line);
    grid-template-columns: 3rem 1fr;
    align-items: center;
    background: var(--color-surface);
}

.atlas-message > span[b-swoy946xa5] {
    color: var(--atlas-signal);
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.08em;
}

.atlas-message p[b-swoy946xa5] {
    margin: 0;
}

.atlas-message.is-error[b-swoy946xa5] {
    border-left: 3px solid var(--atlas-signal);
}

.member-register[b-swoy946xa5] {
    border: 1px solid var(--atlas-line);
    background: var(--color-surface);
}

.member-register > header[b-swoy946xa5] {
    display: flex;
    min-height: 6.5rem;
    padding: 1.3rem 1.5rem;
    border-bottom: 1px solid var(--atlas-line);
    align-items: center;
    justify-content: space-between;
}

.member-register > header p[b-swoy946xa5],
.member-register > header h2[b-swoy946xa5] {
    margin: 0;
}

.member-register > header p[b-swoy946xa5] {
    color: var(--atlas-signal);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.member-register > header h2[b-swoy946xa5] {
    margin-top: 0.25rem;
    font-size: clamp(1.5rem, 3vw, 2.5rem);
}

.member-register > header > span[b-swoy946xa5] {
    color: var(--atlas-muted);
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.register-head[b-swoy946xa5],
.member-row[b-swoy946xa5] {
    display: grid;
    grid-template-columns: minmax(16rem, 1.5fr) minmax(8rem, 0.65fr) minmax(8rem, 0.65fr) minmax(8rem, 0.65fr) 5.5rem;
    align-items: center;
    gap: 1rem;
}

.register-head[b-swoy946xa5] {
    min-height: 2.8rem;
    padding-inline: 1.1rem;
    color: #aab5bb;
    background: var(--color-inverse-surface);
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.member-row[b-swoy946xa5] {
    position: relative;
    min-height: 6.4rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--atlas-line);
    transition: background 150ms ease;
}

.member-row:last-child[b-swoy946xa5] {
    border-bottom: 0;
}

.member-row:hover[b-swoy946xa5],
.member-row:focus-within[b-swoy946xa5] {
    background: var(--color-signal-soft);
}

.member-person[b-swoy946xa5] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.9rem;
}

.member-index[b-swoy946xa5] {
    display: grid;
    flex: 0 0 2.9rem;
    height: 2.9rem;
    border: 1px solid #efc5c1;
    place-items: center;
    color: var(--atlas-signal);
    background: var(--color-signal-soft);
    font-size: 0.75rem;
    font-weight: 850;
}

.member-person h3[b-swoy946xa5],
.member-person p[b-swoy946xa5] {
    overflow: hidden;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-person h3[b-swoy946xa5] {
    font-size: 1rem;
}

.member-person p[b-swoy946xa5],
.member-fact small[b-swoy946xa5] {
    color: var(--atlas-muted);
    font-size: 0.7rem;
}

.member-fact[b-swoy946xa5] {
    display: grid;
    gap: 0.25rem;
}

.member-fact small[b-swoy946xa5] {
    display: none;
}

.member-fact strong[b-swoy946xa5] {
    color: var(--color-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.status-chip[b-swoy946xa5] {
    display: inline-flex;
    width: fit-content;
    padding: 0.35rem 0.55rem;
    border: 1px solid var(--atlas-line);
    align-items: center;
    gap: 0.45rem;
    color: var(--color-muted);
    font-size: 0.67rem;
    font-weight: 800;
    text-transform: uppercase;
}

.status-chip i[b-swoy946xa5] {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #7a858b;
}

.status-chip.is-active i[b-swoy946xa5] {
    background: #24a06b;
}

.status-chip.is-leave i[b-swoy946xa5] {
    background: #d89221;
}

.member-row > a[b-swoy946xa5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    color: var(--atlas-ink);
    font-size: 0.72rem;
    font-weight: 800;
    text-decoration: none;
}

.member-row > a:hover[b-swoy946xa5] {
    color: var(--atlas-signal);
}

.empty-register[b-swoy946xa5] {
    display: flex;
    min-height: 14rem;
    padding: 2rem;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
}

.empty-register > span[b-swoy946xa5] {
    color: var(--atlas-signal);
    font-size: 3rem;
    font-weight: 850;
}

.empty-register h3[b-swoy946xa5],
.empty-register p[b-swoy946xa5] {
    margin: 0;
}

.empty-register p[b-swoy946xa5] {
    margin-top: 0.25rem;
    color: var(--atlas-muted);
}

.atlas-pagination[b-swoy946xa5] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    font-size: 0.75rem;
    font-weight: 750;
}

.atlas-pagination a:last-child[b-swoy946xa5] {
    justify-self: end;
}

.atlas-pagination a[b-swoy946xa5] {
    color: var(--atlas-ink);
    text-decoration: none;
}

.atlas-pagination > span[b-swoy946xa5] {
    color: var(--atlas-muted);
}

@media (max-width: 1040px) {
    .member-filter[b-swoy946xa5] {
        grid-template-columns: 1fr 1fr auto;
    }

    .filter-lead[b-swoy946xa5] {
        grid-column: 1 / -1;
        border-right: 0;
        border-bottom: 1px solid var(--atlas-line);
        padding: 0 0 0.8rem;
    }

    .register-head[b-swoy946xa5] {
        display: none;
    }

    .member-row[b-swoy946xa5] {
        grid-template-columns: minmax(14rem, 1.4fr) repeat(3, minmax(7rem, 0.65fr)) 4rem;
    }

    .export-filter-grid[b-swoy946xa5],
    .export-fields[b-swoy946xa5] {
        grid-template-columns: 1fr 1fr;
    }

    .member-fact small[b-swoy946xa5] {
        display: block;
    }
}

@media (max-width: 720px) {
    .member-atlas[b-swoy946xa5] {
        padding-block: 1rem 3rem;
    }

    .atlas-hero[b-swoy946xa5] {
        min-height: 34rem;
        padding: 2rem 1.25rem;
        grid-template-columns: 1fr;
    }

    .atlas-hero h1[b-swoy946xa5] {
        font-size: clamp(2.8rem, 14vw, 4.7rem);
    }

    .member-filter[b-swoy946xa5] {
        grid-template-columns: 1fr;
    }

    .filter-lead[b-swoy946xa5],
    .filter-control[b-swoy946xa5],
    .member-filter button[b-swoy946xa5] {
        grid-column: 1;
    }

    .member-filter button[b-swoy946xa5] {
        justify-content: space-between;
    }

    .member-export > header[b-swoy946xa5],
    .export-actions[b-swoy946xa5] {
        align-items: flex-start;
        flex-direction: column;
    }

    .export-filter-grid[b-swoy946xa5],
    .export-fields[b-swoy946xa5] {
        grid-template-columns: 1fr;
    }

    .export-actions > div[b-swoy946xa5],
    .export-button[b-swoy946xa5] {
        width: 100%;
    }

    .export-actions > div[b-swoy946xa5] {
        flex-direction: column;
    }

    .member-register > header[b-swoy946xa5] {
        align-items: start;
    }

    .member-row[b-swoy946xa5] {
        padding: 1.15rem;
        grid-template-columns: 1fr 1fr;
        gap: 1.2rem 0.8rem;
    }

    .member-person[b-swoy946xa5] {
        grid-column: 1 / -1;
    }

    .member-row .member-fact:nth-of-type(4)[b-swoy946xa5] {
        grid-column: 1 / 2;
    }

    .member-row > a[b-swoy946xa5] {
        grid-column: 2;
        justify-self: end;
        align-self: end;
    }

    .member-row .member-fact:nth-of-type(2)[b-swoy946xa5] {
        grid-column: 1;
    }

    .member-row .member-fact:nth-of-type(3)[b-swoy946xa5] {
        grid-column: 2;
    }
}
/* /Components/Members/RankMark.razor.rz.scp.css */
.rank-mark[b-56e4q5b3jo] {
    display: grid;
    width: 3rem;
    height: 3rem;
    border: 1px solid var(--color-line);
    border-radius: 0.7rem;
    place-items: center;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 70% 25%, rgb(255 255 255 / 18%), transparent 1.7rem),
        var(--color-signal-bright);
    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.rank-mark.is-large[b-56e4q5b3jo] {
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 1rem;
    font-size: 0.86rem;
}

.rank-mark img[b-56e4q5b3jo] {
    width: 100%;
    height: 100%;
    padding: 0.18rem;
    background: #fff;
    object-fit: contain;
}
/* /Components/Pages/DevelopmentStatus.razor.rz.scp.css */
.development-dashboard[b-p3cxhpfy7l] {
    --home-ink: var(--ink, #151c21);
    --home-muted: var(--text-muted, #69737b);
    --home-line: var(--line, #d9d7d0);
    --home-surface: var(--surface, #ffffff);
    --home-signal: var(--signal, #e23b30);
    --home-canvas: var(--canvas, #f3f1eb);
    display: grid;
    width: min(100%, 92rem);
    margin-inline: auto;
    padding-block: clamp(1.25rem, 3vw, 3rem) 5rem;
    gap: clamp(3rem, 6vw, 6rem);
}

.command-hero[b-p3cxhpfy7l] {
    position: relative;
    display: grid;
    min-height: 35rem;
    padding: clamp(2rem, 5vw, 5rem);
    overflow: hidden;
    grid-template-columns: minmax(0, 1.45fr) minmax(17rem, 0.55fr);
    align-items: stretch;
    gap: clamp(2.5rem, 6vw, 7rem);
    color: #ffffff;
    background:
        radial-gradient(circle at 78% 22%, rgb(226 59 48 / 15%), transparent 19rem),
        #151c21;
    isolation: isolate;
}

.command-hero[b-p3cxhpfy7l]::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background-image:
        linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px);
    background-size: 5.5rem 5.5rem;
    content: "";
    mask-image: linear-gradient(90deg, black, transparent 82%);
}

.command-hero[b-p3cxhpfy7l]::after {
    position: absolute;
    z-index: -1;
    top: -14rem;
    right: -13rem;
    width: 34rem;
    height: 34rem;
    border: 1px solid rgb(255 255 255 / 9%);
    border-radius: 50%;
    box-shadow:
        0 0 0 5rem rgb(255 255 255 / 2%),
        0 0 0 10rem rgb(255 255 255 / 1.5%);
    content: "";
}

.hero-copy[b-p3cxhpfy7l] {
    align-self: center;
}

.hero-kicker[b-p3cxhpfy7l] {
    display: flex;
    margin: 0 0 1.5rem;
    align-items: center;
    gap: 0.75rem;
    color: #aeb6bb;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.live-indicator[b-p3cxhpfy7l] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: #4cd18c;
}

.hero-copy h1[b-p3cxhpfy7l] {
    max-width: 12ch;
    margin: 0;
    color: #ffffff;
    font-size: clamp(3rem, 6vw, 6.2rem);
    font-weight: 650;
    letter-spacing: -0.06em;
    line-height: 0.92;
}

.hero-copy h1 span[b-p3cxhpfy7l] {
    display: block;
    margin-top: 0.12em;
    color: #ff6d5d;
}

.hero-actions[b-p3cxhpfy7l] {
    display: flex;
    margin-top: 2.4rem;
    align-items: stretch;
    gap: 1rem;
    flex-wrap: wrap;
}

.primary-action[b-p3cxhpfy7l] {
    display: inline-flex;
    min-height: 3.8rem;
    padding: 0.85rem 1rem 0.85rem 1.35rem;
    align-items: center;
    gap: 2.5rem;
    color: #ffffff;
    background: var(--home-signal);
    font-size: 0.8rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-decoration: none;
    transition:
        background 160ms ease,
        transform 160ms ease;
}

.primary-action:hover[b-p3cxhpfy7l] {
    color: #ffffff;
    background: #bd2b24;
}

.secondary-action[b-p3cxhpfy7l] {
    display: grid;
    min-height: 3.8rem;
    padding: 0.85rem 1.1rem;
    border: 1px solid rgb(255 255 255 / 18%);
    place-items: center;
    color: #e8ebec;
    background: rgb(255 255 255 / 4%);
    font-size: 0.72rem;
    font-weight: 750;
    text-decoration: none;
}

.secondary-action:hover[b-p3cxhpfy7l] {
    color: #fff;
    background: rgb(255 255 255 / 9%);
}

.primary-action:active[b-p3cxhpfy7l] {
    transform: translateY(1px);
}

.primary-action:focus-visible[b-p3cxhpfy7l] {
    outline: 3px solid rgb(255 255 255 / 55%);
    outline-offset: 3px;
}

.primary-action svg[b-p3cxhpfy7l] {
    width: 1.35rem;
    fill: none;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.phase-label[b-p3cxhpfy7l] {
    display: grid;
    min-width: 11rem;
    padding: 0.7rem 1.1rem;
    border-left: 1px solid rgb(255 255 255 / 18%);
    align-content: center;
    gap: 0.25rem;
}

.phase-label small[b-p3cxhpfy7l] {
    color: #7f8b92;
    font-size: 0.59rem;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.phase-label strong[b-p3cxhpfy7l] {
    color: #e9ecec;
    font-size: 0.82rem;
}

.system-readiness[b-p3cxhpfy7l] {
    display: grid;
    min-height: 100%;
    padding: 1.5rem;
    border: 1px solid rgb(255 255 255 / 12%);
    align-content: space-between;
    background: rgb(255 255 255 / 4.5%);
    backdrop-filter: blur(12px);
}

.system-readiness > header[b-p3cxhpfy7l] {
    display: flex;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    align-items: center;
    justify-content: space-between;
    color: #9ca7ad;
    font-size: 0.64rem;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.system-readiness > header strong[b-p3cxhpfy7l] {
    color: #ffffff;
    font-size: inherit;
}

.readiness-visual[b-p3cxhpfy7l] {
    position: relative;
    display: grid;
    width: min(100%, 12rem);
    margin: 2rem auto;
    aspect-ratio: 1;
    place-items: center;
}

.readiness-visual svg[b-p3cxhpfy7l] {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.readiness-base[b-p3cxhpfy7l],
.readiness-progress[b-p3cxhpfy7l] {
    fill: none;
    stroke-width: 3;
}

.readiness-base[b-p3cxhpfy7l] {
    stroke: rgb(255 255 255 / 9%);
}

.readiness-progress[b-p3cxhpfy7l] {
    stroke: var(--home-signal);
    stroke-dasharray: 396 396;
    stroke-linecap: square;
}

.readiness-visual div[b-p3cxhpfy7l] {
    display: grid;
    z-index: 1;
    text-align: center;
}

.readiness-visual strong[b-p3cxhpfy7l] {
    color: #ffffff;
    font-size: 1.45rem;
    letter-spacing: -0.025em;
}

.readiness-visual span[b-p3cxhpfy7l] {
    margin-top: 0.2rem;
    color: #7f8b92;
    font-size: 0.58rem;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.readiness-list[b-p3cxhpfy7l] {
    display: grid;
    margin: 0;
    gap: 0;
}

.readiness-list div[b-p3cxhpfy7l] {
    display: flex;
    padding-block: 0.78rem;
    border-top: 1px solid rgb(255 255 255 / 8%);
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.readiness-list dt[b-p3cxhpfy7l] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: #aeb6bb;
    font-size: 0.7rem;
    font-weight: 600;
}

.readiness-list dd[b-p3cxhpfy7l] {
    margin: 0;
    color: #e8ebec;
    font-size: 0.68rem;
    font-weight: 700;
}

.state-dot[b-p3cxhpfy7l] {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
}

.state-ready[b-p3cxhpfy7l] {
    background: #4cd18c;
}

.state-next[b-p3cxhpfy7l] {
    background: #f0aa3b;
}

.development-notice[b-p3cxhpfy7l] {
    display: grid;
    margin-top: calc(clamp(3rem, 6vw, 6rem) * -0.55);
    padding: 1.1rem 1.25rem;
    border: 1px solid #e4c79a;
    border-left: 3px solid #d68d24;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1rem;
    background: var(--color-warning-soft);
}

.notice-mark[b-p3cxhpfy7l] {
    display: grid;
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid #d68d24;
    color: var(--color-warning);
    font-size: 0.75rem;
    font-weight: 850;
    place-items: center;
}

.development-notice p[b-p3cxhpfy7l] {
    display: grid;
    margin: 0;
    gap: 0.15rem;
    color: var(--color-muted);
    font-size: 0.8rem;
    line-height: 1.45;
}

.development-notice strong[b-p3cxhpfy7l] {
    color: var(--color-ink);
    font-size: 0.68rem;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.notice-reference[b-p3cxhpfy7l] {
    color: var(--color-warning);
    font-size: 0.62rem;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.foundation-section[b-p3cxhpfy7l],
.roadmap-section[b-p3cxhpfy7l] {
    display: grid;
    gap: 2rem;
}

.section-heading[b-p3cxhpfy7l] {
    display: flex;
    padding-bottom: 1.4rem;
    border-bottom: 1px solid var(--home-line);
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
}

.section-heading p[b-p3cxhpfy7l] {
    margin: 0 0 0.5rem;
    color: var(--home-signal);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.section-heading h2[b-p3cxhpfy7l] {
    margin: 0;
    color: var(--home-ink);
    font-size: clamp(2rem, 3.5vw, 3.6rem);
    font-weight: 650;
    letter-spacing: -0.045em;
    line-height: 1;
}

.section-count[b-p3cxhpfy7l] {
    color: var(--home-muted);
    font-size: 0.65rem;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.foundation-grid[b-p3cxhpfy7l] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: var(--home-line);
}

.foundation-card[b-p3cxhpfy7l] {
    position: relative;
    display: flex;
    min-height: 30rem;
    padding: clamp(1.5rem, 3vw, 2.4rem);
    flex-direction: column;
    color: var(--home-ink);
    background: var(--home-surface);
}

.foundation-card[b-p3cxhpfy7l]::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: transparent;
    content: "";
}

.foundation-card-active[b-p3cxhpfy7l]::before {
    background: var(--home-signal);
}

.foundation-card-next[b-p3cxhpfy7l] {
    background:
        linear-gradient(145deg, transparent 0 78%, rgb(21 28 33 / 2.5%) 78%),
        #f7f5ef;
}

.foundation-card > header[b-p3cxhpfy7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.card-number[b-p3cxhpfy7l] {
    color: #8b9398;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.card-status[b-p3cxhpfy7l] {
    padding: 0.35rem 0.55rem;
    border: 1px solid;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.card-status-ready[b-p3cxhpfy7l] {
    border-color: #a9d7bf;
    color: var(--color-success);
    background: var(--color-success-soft);
}

.card-status-next[b-p3cxhpfy7l] {
    border-color: #e4c79a;
    color: var(--color-warning);
    background: var(--color-warning-soft);
}

.card-icon[b-p3cxhpfy7l] {
    width: 3.25rem;
    margin: 3.2rem 0 2rem;
    fill: none;
    stroke: var(--home-signal);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.45;
}

.foundation-card h3[b-p3cxhpfy7l] {
    margin: 0;
    color: var(--home-ink);
    font-size: clamp(1.45rem, 2.2vw, 2.15rem);
    font-weight: 680;
    letter-spacing: -0.035em;
}

.foundation-card > p[b-p3cxhpfy7l] {
    margin: 1rem 0 1.5rem;
    color: var(--home-muted);
    font-size: 0.9rem;
    line-height: 1.65;
}

.foundation-card ul[b-p3cxhpfy7l] {
    display: grid;
    margin: auto 0 0;
    padding: 1.2rem 0 0;
    border-top: 1px solid var(--home-line);
    gap: 0.65rem;
    list-style: none;
}

.foundation-card li[b-p3cxhpfy7l] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--color-muted);
    font-size: 0.76rem;
    font-weight: 620;
}

.foundation-card li[b-p3cxhpfy7l]::before {
    width: 0.35rem;
    height: 0.35rem;
    background: var(--home-signal);
    content: "";
}

.roadmap[b-p3cxhpfy7l] {
    display: grid;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(5, 1fr);
    list-style: none;
}

.roadmap li[b-p3cxhpfy7l] {
    display: grid;
    min-width: 0;
    grid-template-rows: auto 1fr;
}

.roadmap-index[b-p3cxhpfy7l] {
    display: flex;
    height: 2.6rem;
    align-items: center;
    color: #8b9398;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.roadmap-index span[b-p3cxhpfy7l] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--home-line);
    background: var(--home-canvas);
    place-items: center;
}

.roadmap-index i[b-p3cxhpfy7l] {
    height: 1px;
    flex: 1;
    background: var(--home-line);
}

.roadmap-copy[b-p3cxhpfy7l] {
    min-height: 11rem;
    padding: 1.4rem 1.5rem 1.4rem 0;
}

.roadmap li:not(:first-child) .roadmap-copy[b-p3cxhpfy7l] {
    padding-left: 0.8rem;
}

.roadmap-current .roadmap-index span[b-p3cxhpfy7l] {
    border-color: var(--home-signal);
    color: #ffffff;
    background: var(--home-signal);
}

.roadmap-state[b-p3cxhpfy7l] {
    color: #8b9398;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.roadmap-current .roadmap-state[b-p3cxhpfy7l] {
    color: var(--home-signal);
}

.roadmap h3[b-p3cxhpfy7l] {
    margin: 0.75rem 0 0;
    color: var(--home-ink);
    font-size: 1rem;
    font-weight: 700;
}

.roadmap p[b-p3cxhpfy7l] {
    margin: 0.6rem 0 0;
    color: var(--home-muted);
    font-size: 0.76rem;
    line-height: 1.55;
}

@media (max-width: 1100px) {
    .command-hero[b-p3cxhpfy7l] {
        grid-template-columns: minmax(0, 1fr) minmax(15rem, 0.45fr);
        gap: 2.5rem;
    }

    .foundation-grid[b-p3cxhpfy7l] {
        grid-template-columns: 1fr 1fr;
    }

    .foundation-card-next[b-p3cxhpfy7l] {
        grid-column: 1 / -1;
        min-height: 24rem;
    }

    .roadmap[b-p3cxhpfy7l] {
        grid-template-columns: 1fr;
    }

    .roadmap li[b-p3cxhpfy7l] {
        grid-template-columns: 2.6rem 1fr;
        grid-template-rows: none;
    }

    .roadmap-index[b-p3cxhpfy7l] {
        height: 100%;
        align-items: center;
        flex-direction: column;
    }

    .roadmap-index i[b-p3cxhpfy7l] {
        width: 1px;
        height: auto;
    }

    .roadmap-copy[b-p3cxhpfy7l],
    .roadmap li:not(:first-child) .roadmap-copy[b-p3cxhpfy7l] {
        min-height: 0;
        padding: 0.15rem 0 2.2rem 1rem;
    }
}

@media (max-width: 800px) {
    .command-hero[b-p3cxhpfy7l] {
        min-height: 0;
        grid-template-columns: 1fr;
    }

    .system-readiness[b-p3cxhpfy7l] {
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 1rem 2rem;
    }

    .system-readiness > header[b-p3cxhpfy7l],
    .readiness-list[b-p3cxhpfy7l] {
        grid-column: 1;
    }

    .readiness-visual[b-p3cxhpfy7l] {
        width: 9rem;
        margin: 0;
        grid-column: 2;
        grid-row: 1 / 3;
    }

    .development-notice[b-p3cxhpfy7l] {
        margin-top: -1.5rem;
    }

    .foundation-grid[b-p3cxhpfy7l] {
        grid-template-columns: 1fr;
    }

    .foundation-card-next[b-p3cxhpfy7l] {
        grid-column: auto;
    }

    .foundation-card[b-p3cxhpfy7l] {
        min-height: 25rem;
    }
}

@media (max-width: 560px) {
    .home-dashboard[b-p3cxhpfy7l] {
        gap: 3.5rem;
    }

    .command-hero[b-p3cxhpfy7l] {
        padding: 1.5rem;
    }

    .hero-copy h1[b-p3cxhpfy7l] {
        font-size: clamp(2.7rem, 14vw, 4.3rem);
    }

    .system-readiness[b-p3cxhpfy7l] {
        display: block;
    }

    .readiness-visual[b-p3cxhpfy7l] {
        width: 9rem;
        margin: 2rem auto;
    }

    .development-notice[b-p3cxhpfy7l] {
        grid-template-columns: auto 1fr;
    }

    .notice-reference[b-p3cxhpfy7l] {
        display: none;
    }

    .section-heading[b-p3cxhpfy7l] {
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem;
    }

    .foundation-card[b-p3cxhpfy7l] {
        padding: 1.5rem;
    }

    .foundation-card > p[b-p3cxhpfy7l] {
        font-size: 0.85rem;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .live-indicator[b-p3cxhpfy7l] {
        animation: live-pulse-b-p3cxhpfy7l 2.6s ease-out infinite;
    }
}

@media (prefers-reduced-motion: reduce) {
    .primary-action[b-p3cxhpfy7l] {
        transition: none;
    }
}

@keyframes live-pulse-b-p3cxhpfy7l {
    0% {
        box-shadow: 0 0 0 0 rgb(76 209 140 / 25%);
    }

    60%,
    100% {
        box-shadow: 0 0 0 0.65rem rgb(76 209 140 / 0%);
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.member-home[b-dha6m5zube] {
    display: grid;
    width: min(100%, 82rem);
    margin-inline: auto;
    gap: clamp(2.25rem, 5vw, 4.5rem);
}

.welcome-card[b-dha6m5zube] {
    position: relative;
    display: grid;
    min-height: 30rem;
    padding: clamp(2rem, 5vw, 5rem);
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 3rem;
    color: #fff;
    background:
        radial-gradient(circle at 87% 15%, rgb(226 59 48 / 22%), transparent 18rem),
        linear-gradient(135deg, #16212a, #10171d);
    border-radius: clamp(1.4rem, 3vw, 2.25rem);
    box-shadow: 0 1.7rem 4rem rgb(17 26 34 / 16%);
    isolation: isolate;
}

.welcome-card[b-dha6m5zube]::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background-image:
        linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px);
    background-size: 4.5rem 4.5rem;
    content: "";
    mask-image: linear-gradient(90deg, black, transparent 85%);
}

.welcome-copy[b-dha6m5zube] {
    position: relative;
    z-index: 1;
}

.welcome-kicker[b-dha6m5zube],
.quick-access header p[b-dha6m5zube],
.admin-shortcut p[b-dha6m5zube] {
    margin: 0 0 0.75rem;
    color: #ff7667;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.17em;
    text-transform: uppercase;
}

.welcome-copy h1[b-dha6m5zube] {
    max-width: 12ch;
    margin: 0;
    color: #fff;
    font-size: clamp(3rem, 6vw, 6rem);
    font-weight: 680;
    letter-spacing: -0.06em;
    line-height: 0.94;
}

.welcome-copy h1 span[b-dha6m5zube] {
    display: block;
    margin-top: 0.1em;
    color: #ff7667;
}

.welcome-copy > p:not(.welcome-kicker)[b-dha6m5zube] {
    max-width: 38rem;
    margin: 1.75rem 0 0;
    color: #bec7cc;
    font-size: clamp(1rem, 1.4vw, 1.2rem);
    line-height: 1.65;
}

.welcome-actions[b-dha6m5zube] {
    display: flex;
    margin-top: 2.25rem;
    align-items: center;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.primary-action[b-dha6m5zube],
.secondary-action[b-dha6m5zube] {
    display: inline-flex;
    min-height: 3.5rem;
    padding: 0.8rem 1.25rem;
    border-radius: 0.9rem;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    color: #fff;
    font-size: 0.84rem;
    font-weight: 760;
    text-decoration: none;
    transition:
        background 160ms ease,
        transform 160ms ease;
}

.primary-action[b-dha6m5zube] {
    background: var(--color-signal-bright);
}

.secondary-action[b-dha6m5zube] {
    border: 1px solid rgb(255 255 255 / 16%);
    background: rgb(255 255 255 / 7%);
}

.primary-action:hover[b-dha6m5zube],
.secondary-action:hover[b-dha6m5zube] {
    color: #fff;
    background: #c32d26;
    transform: translateY(-1px);
}

.welcome-mark[b-dha6m5zube] {
    display: grid;
    width: clamp(8rem, 14vw, 12rem);
    aspect-ratio: 1;
    border: 1px solid rgb(255 255 255 / 12%);
    border-radius: 2rem;
    place-items: center;
    background: rgb(255 255 255 / 6%);
    box-shadow: 0 1.4rem 4rem rgb(0 0 0 / 22%);
    transform: rotate(3deg);
}

.welcome-mark img[b-dha6m5zube] {
    width: 72%;
    height: 72%;
}

.quick-access[b-dha6m5zube] {
    display: grid;
    gap: 1.5rem;
}

.quick-access header h2[b-dha6m5zube],
.admin-shortcut h2[b-dha6m5zube] {
    margin: 0;
    font-size: clamp(1.8rem, 3.2vw, 3rem);
    letter-spacing: -0.04em;
}

.quick-grid[b-dha6m5zube] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.quick-card[b-dha6m5zube] {
    display: grid;
    min-height: 8.5rem;
    padding: clamp(1.25rem, 3vw, 1.75rem);
    border: 1px solid var(--color-line);
    border-radius: 1.25rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.1rem;
    color: var(--color-ink);
    background: color-mix(in srgb, var(--color-surface) 90%, transparent);
    box-shadow: var(--shadow-sm);
    text-decoration: none;
    transition:
        border-color 160ms ease,
        box-shadow 160ms ease,
        transform 160ms ease;
}

.quick-card:hover[b-dha6m5zube] {
    border-color: rgb(178 31 45 / 38%);
    color: var(--color-ink);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.quick-icon[b-dha6m5zube] {
    display: grid;
    width: 3.3rem;
    height: 3.3rem;
    border-radius: 1rem;
    place-items: center;
    color: var(--color-signal);
    background: var(--color-signal-soft);
}

.quick-icon svg[b-dha6m5zube] {
    width: 1.55rem;
    fill: none;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.65;
}

.quick-card > span:nth-child(2)[b-dha6m5zube] {
    display: grid;
    gap: 0.25rem;
}

.quick-card strong[b-dha6m5zube] {
    font-size: 1rem;
}

.quick-card small[b-dha6m5zube],
.admin-shortcut span[b-dha6m5zube] {
    color: var(--color-muted);
    font-size: 0.8rem;
}

.quick-card i[b-dha6m5zube] {
    color: var(--color-signal);
    font-style: normal;
    font-size: 1.15rem;
}

.admin-shortcut[b-dha6m5zube] {
    display: flex;
    padding: clamp(1.5rem, 4vw, 2.5rem);
    border: 1px solid var(--color-line);
    border-radius: 1.25rem;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    background: var(--color-surface);
}

.admin-shortcut h2[b-dha6m5zube] {
    margin-bottom: 0.5rem;
    font-size: clamp(1.5rem, 2.6vw, 2.2rem);
}

.admin-shortcut a[b-dha6m5zube] {
    flex: 0 0 auto;
    padding: 0.85rem 1rem;
    border-radius: 0.8rem;
    color: #fff;
    background: var(--color-rail);
    font-size: 0.82rem;
    font-weight: 750;
    text-decoration: none;
}

.admin-shortcut a:hover[b-dha6m5zube] {
    color: #fff;
    background: var(--color-signal);
}

@media (max-width: 760px) {
    .welcome-card[b-dha6m5zube] {
        min-height: auto;
        padding: 2rem 1.5rem;
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .welcome-copy h1[b-dha6m5zube] {
        max-width: none;
        font-size: clamp(2.7rem, 13vw, 4.4rem);
    }

    .welcome-mark[b-dha6m5zube] {
        position: absolute;
        right: -1.5rem;
        bottom: -2rem;
        width: 8rem;
        opacity: 0.2;
    }

    .quick-grid[b-dha6m5zube] {
        grid-template-columns: 1fr;
    }

    .admin-shortcut[b-dha6m5zube] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 420px) {
    .welcome-actions[b-dha6m5zube],
    .primary-action[b-dha6m5zube],
    .secondary-action[b-dha6m5zube] {
        width: 100%;
    }

    .quick-card[b-dha6m5zube] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .quick-card i[b-dha6m5zube] {
        display: none;
    }
}
/* /Components/PhotoArchive/Pages/PhotoArchive.razor.rz.scp.css */
.photo-archive-page[b-d3ua0ssteu] {
    --archive-ink: var(--color-ink, #18212b);
    --archive-muted: var(--color-muted, #65717d);
    --archive-surface: var(--color-surface, #fff);
    --archive-soft: var(--color-surface-subtle, #f2f5f7);
    --archive-line: var(--color-line, #d9e0e5);
    --archive-accent: var(--color-signal-bright, #f0443a);
    --archive-inverse: var(--color-inverse-surface, #17202a);
    --archive-on-inverse: #f2f5f7;
    color: var(--archive-ink);
    display: grid;
    gap: 1.5rem;
    margin: 0 auto;
    max-width: 1540px;
    padding: clamp(1rem, 2.5vw, 2.5rem);
}

.archive-hero[b-d3ua0ssteu] {
    align-items: end;
    background:
        linear-gradient(125deg, color-mix(in srgb, var(--archive-surface) 94%, transparent), color-mix(in srgb, var(--archive-soft) 91%, transparent)),
        repeating-linear-gradient(90deg, transparent 0 47px, color-mix(in srgb, var(--archive-line) 34%, transparent) 48px);
    border: 1px solid var(--archive-line);
    border-top: 4px solid var(--archive-ink);
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    min-height: 260px;
    padding: clamp(1.5rem, 4vw, 4rem);
    position: relative;
}

.archive-hero[b-d3ua0ssteu]::after {
    background: var(--archive-accent);
    content: "";
    inset: 0 0 0 auto;
    position: absolute;
    width: 6px;
}

.archive-hero .eyebrow[b-d3ua0ssteu],
.album-rail > header p[b-d3ua0ssteu],
.album-heading p[b-d3ua0ssteu],
.gallery-heading p[b-d3ua0ssteu] {
    color: var(--archive-accent);
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .14em;
    margin: 0 0 .65rem;
    text-transform: uppercase;
}

.archive-hero h1[b-d3ua0ssteu] {
    font-size: clamp(2.4rem, 5.5vw, 5.2rem);
    letter-spacing: -.065em;
    line-height: .9;
    margin: 0;
    max-width: 850px;
}

.archive-hero > div:first-child > p:last-child[b-d3ua0ssteu] {
    color: var(--archive-muted);
    line-height: 1.65;
    margin: 1.4rem 0 0;
    max-width: 650px;
}

.archive-stats[b-d3ua0ssteu] {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(2, minmax(100px, 1fr));
    min-width: 260px;
}

.archive-stats article[b-d3ua0ssteu] {
    background: var(--archive-inverse);
    color: var(--archive-on-inverse);
    display: grid;
    padding: 1.25rem;
}

.archive-stats strong[b-d3ua0ssteu] {
    font-size: 2.2rem;
    letter-spacing: -.05em;
}

.archive-stats span[b-d3ua0ssteu] {
    color: color-mix(in srgb, var(--archive-on-inverse) 70%, transparent);
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.archive-message[b-d3ua0ssteu] {
    align-items: center;
    border: 1px solid var(--archive-line);
    display: flex;
    gap: 1rem;
    padding: 1rem 1.25rem;
}

.archive-message strong[b-d3ua0ssteu] {
    font-size: .68rem;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.archive-message.is-success[b-d3ua0ssteu] {
    background: color-mix(in srgb, #2ca46f 10%, var(--archive-surface));
    border-left: 4px solid #2ca46f;
}

.archive-message.is-error[b-d3ua0ssteu] {
    background: color-mix(in srgb, var(--archive-accent) 10%, var(--archive-surface));
    border-left: 4px solid var(--archive-accent);
}

.archive-loading[b-d3ua0ssteu],
.no-selection[b-d3ua0ssteu] {
    background: var(--archive-surface);
    border: 1px solid var(--archive-line);
    color: var(--archive-muted);
    padding: 3rem;
}

.archive-workspace[b-d3ua0ssteu] {
    align-items: start;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
}

.album-rail[b-d3ua0ssteu],
.album-stage[b-d3ua0ssteu] {
    background: var(--archive-surface);
    border: 1px solid var(--archive-line);
}

.album-rail[b-d3ua0ssteu] {
    position: sticky;
    top: 1rem;
}

.album-rail > header[b-d3ua0ssteu] {
    align-items: center;
    border-bottom: 1px solid var(--archive-line);
    display: flex;
    justify-content: space-between;
    padding: 1.25rem;
}

.album-rail h2[b-d3ua0ssteu],
.album-heading h2[b-d3ua0ssteu],
.gallery-heading h3[b-d3ua0ssteu] {
    letter-spacing: -.04em;
    margin: 0;
}

.album-rail > header > span[b-d3ua0ssteu] {
    align-items: center;
    background: var(--archive-inverse);
    color: var(--archive-on-inverse);
    display: inline-flex;
    font-size: .75rem;
    font-weight: 800;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.album-list[b-d3ua0ssteu] {
    display: grid;
    max-height: 56vh;
    overflow-y: auto;
}

.album-card[b-d3ua0ssteu] {
    align-items: center;
    border-bottom: 1px solid var(--archive-line);
    color: inherit;
    display: grid;
    gap: .85rem;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    padding: .85rem;
    text-decoration: none;
    transition: background-color .18s ease, color .18s ease;
}

.album-card:hover[b-d3ua0ssteu],
.album-card:focus-visible[b-d3ua0ssteu],
.album-card.is-active[b-d3ua0ssteu] {
    background: var(--archive-inverse);
    color: var(--archive-on-inverse);
}

.album-cover[b-d3ua0ssteu] {
    align-items: center;
    background: var(--archive-soft);
    display: flex;
    height: 54px;
    justify-content: center;
    overflow: hidden;
    width: 64px;
}

.album-cover img[b-d3ua0ssteu] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.album-cover b[b-d3ua0ssteu] {
    color: var(--archive-accent);
    font-size: 1.25rem;
}

.album-copy[b-d3ua0ssteu] {
    display: grid;
    min-width: 0;
}

.album-copy strong[b-d3ua0ssteu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.album-copy small[b-d3ua0ssteu],
.album-copy span[b-d3ua0ssteu] {
    color: var(--archive-muted);
    font-size: .68rem;
}

.album-card:hover .album-copy small[b-d3ua0ssteu],
.album-card:hover .album-copy span[b-d3ua0ssteu],
.album-card.is-active .album-copy small[b-d3ua0ssteu],
.album-card.is-active .album-copy span[b-d3ua0ssteu] {
    color: color-mix(in srgb, var(--archive-on-inverse) 66%, transparent);
}

.empty-albums[b-d3ua0ssteu] {
    color: var(--archive-muted);
    padding: 1.5rem;
}

.empty-albums p[b-d3ua0ssteu] {
    font-size: .85rem;
    line-height: 1.5;
}

.create-album[b-d3ua0ssteu] {
    border-top: 4px solid var(--archive-accent);
}

.create-album summary[b-d3ua0ssteu] {
    cursor: pointer;
    font-size: .78rem;
    font-weight: 800;
    list-style: none;
    padding: 1.1rem 1.25rem;
    text-transform: uppercase;
}

.create-album form[b-d3ua0ssteu],
.photo-upload[b-d3ua0ssteu] {
    display: grid;
    gap: .9rem;
    padding: 0 1.25rem 1.25rem;
}

.create-album label[b-d3ua0ssteu],
.photo-upload label[b-d3ua0ssteu] {
    display: grid;
    gap: .35rem;
}

.create-album label > span[b-d3ua0ssteu],
.photo-upload label > span[b-d3ua0ssteu] {
    color: var(--archive-muted);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.photo-upload .file-selection-status[b-d3ua0ssteu] {
    display: block;
    margin-top: 0.55rem;
    color: var(--archive-muted);
    font-size: 0.72rem;
    line-height: 1.35;
}

.photo-upload .file-selection-status.is-error[b-d3ua0ssteu] {
    color: var(--archive-accent);
    font-weight: 700;
}

.photo-upload button:disabled[b-d3ua0ssteu] {
    cursor: not-allowed;
    opacity: 0.5;
}

.create-album input[b-d3ua0ssteu],
.create-album select[b-d3ua0ssteu],
.create-album textarea[b-d3ua0ssteu],
.photo-upload input[type="text"][b-d3ua0ssteu],
.file-picker[b-d3ua0ssteu] {
    background: var(--archive-soft);
    border: 1px solid var(--archive-line);
    border-radius: 0;
    color: var(--archive-ink);
    font: inherit;
    padding: .8rem;
}

.create-album button[b-d3ua0ssteu],
.photo-upload button[b-d3ua0ssteu] {
    background: var(--archive-accent);
    border: 0;
    color: #fff;
    cursor: pointer;
    font-weight: 800;
    min-height: 48px;
    padding: .8rem 1rem;
}

.album-stage[b-d3ua0ssteu] {
    min-height: 600px;
    min-width: 0;
}

.no-selection[b-d3ua0ssteu] {
    align-content: center;
    border: 0;
    display: grid;
    justify-items: center;
    min-height: 600px;
    text-align: center;
}

.no-selection > span[b-d3ua0ssteu] {
    color: var(--archive-accent);
    font-size: 4rem;
}

.album-heading[b-d3ua0ssteu] {
    align-items: end;
    background: var(--archive-inverse);
    color: var(--archive-on-inverse);
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    min-height: 180px;
    padding: clamp(1.5rem, 3vw, 2.5rem);
}

.album-heading h2[b-d3ua0ssteu] {
    color: inherit;
    font-size: clamp(2rem, 4vw, 3.7rem);
}

.album-heading > div:first-child > span[b-d3ua0ssteu] {
    color: color-mix(in srgb, var(--archive-on-inverse) 68%, transparent);
    display: block;
    line-height: 1.5;
    margin-top: .75rem;
    max-width: 720px;
}

.album-heading > div:last-child[b-d3ua0ssteu] {
    display: grid;
    min-width: 120px;
    text-align: right;
}

.album-heading > div:last-child strong[b-d3ua0ssteu] {
    color: var(--archive-accent);
    font-size: 3rem;
    line-height: 1;
}

.album-heading > div:last-child small[b-d3ua0ssteu] {
    color: color-mix(in srgb, var(--archive-on-inverse) 65%, transparent);
}

.photo-upload[b-d3ua0ssteu] {
    align-items: end;
    background: var(--archive-soft);
    border-bottom: 1px solid var(--archive-line);
    gap: 1rem;
    grid-template-columns: minmax(220px, .8fr) minmax(190px, .8fr) minmax(220px, 1fr) auto;
    padding: 1.25rem;
}

.upload-copy[b-d3ua0ssteu] {
    align-items: center;
    display: flex;
    gap: .8rem;
}

.upload-copy > span[b-d3ua0ssteu] {
    align-items: center;
    background: var(--archive-accent);
    color: #fff;
    display: flex;
    flex: 0 0 42px;
    font-size: 1.5rem;
    height: 42px;
    justify-content: center;
}

.upload-copy div[b-d3ua0ssteu] {
    display: grid;
}

.upload-copy small[b-d3ua0ssteu] {
    color: var(--archive-muted);
    font-size: .68rem;
}

.file-picker[b-d3ua0ssteu] {
    cursor: pointer;
    min-height: 48px;
}

.file-picker input[b-d3ua0ssteu] {
    display: block;
    font-size: .72rem;
    margin-top: .35rem;
    max-width: 100%;
}

.gallery-heading[b-d3ua0ssteu] {
    align-items: end;
    display: flex;
    justify-content: space-between;
    padding: 2rem 1.5rem 1rem;
}

.gallery-heading > span[b-d3ua0ssteu] {
    color: var(--archive-muted);
    font-size: .72rem;
}

.photo-grid[b-d3ua0ssteu] {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0 1px 1px;
}

.photo-grid article[b-d3ua0ssteu] {
    background: var(--archive-soft);
    min-width: 0;
}

.photo-grid article > a[b-d3ua0ssteu] {
    display: block;
    height: clamp(190px, 23vw, 330px);
    overflow: hidden;
    position: relative;
}

.photo-grid img[b-d3ua0ssteu] {
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
    width: 100%;
}

.photo-grid a:hover img[b-d3ua0ssteu],
.photo-grid a:focus-visible img[b-d3ua0ssteu] {
    transform: scale(1.025);
}

.photo-grid a > span[b-d3ua0ssteu] {
    background: color-mix(in srgb, #0c141b 84%, transparent);
    bottom: .75rem;
    color: #fff;
    font-size: .68rem;
    font-weight: 800;
    opacity: 0;
    padding: .55rem .7rem;
    position: absolute;
    right: .75rem;
    transition: opacity .2s ease;
}

.photo-grid a:hover > span[b-d3ua0ssteu],
.photo-grid a:focus-visible > span[b-d3ua0ssteu] {
    opacity: 1;
}

.photo-grid .photo-meta[b-d3ua0ssteu] {
    display: grid;
    gap: .25rem;
    padding: .9rem 1rem 1.1rem;
}

.photo-grid .photo-meta > strong[b-d3ua0ssteu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.photo-grid .photo-meta > small[b-d3ua0ssteu] {
    color: var(--archive-muted);
    font-size: .67rem;
    line-height: 1.5;
}

.photo-delete[b-d3ua0ssteu] {
    border-top: 1px solid var(--archive-line);
    margin-top: .65rem;
    padding-top: .65rem;
}

.photo-delete summary[b-d3ua0ssteu] {
    color: var(--archive-accent);
    cursor: pointer;
    font-size: .68rem;
    font-weight: 800;
    list-style-position: inside;
    text-transform: uppercase;
}

.photo-delete form[b-d3ua0ssteu] {
    display: grid;
    gap: .45rem;
    padding-top: .7rem;
}

.photo-delete form > small[b-d3ua0ssteu] {
    color: var(--archive-muted);
    font-size: .67rem;
    line-height: 1.5;
}

.photo-delete button[b-d3ua0ssteu] {
    background: color-mix(in srgb, var(--archive-accent) 12%, var(--archive-surface));
    border: 1px solid var(--archive-accent);
    color: var(--archive-accent);
    cursor: pointer;
    font: inherit;
    font-size: .72rem;
    font-weight: 800;
    margin-top: .25rem;
    min-height: 42px;
    padding: .65rem .8rem;
}

.photo-delete button:hover[b-d3ua0ssteu],
.photo-delete button:focus-visible[b-d3ua0ssteu] {
    background: var(--archive-accent);
    color: #fff;
}

.empty-gallery[b-d3ua0ssteu] {
    align-content: center;
    display: grid;
    justify-items: center;
    min-height: 300px;
    padding: 2rem;
    text-align: center;
}

.empty-gallery > span[b-d3ua0ssteu] {
    color: var(--archive-accent);
    font-size: 2.4rem;
    font-weight: 800;
}

.empty-gallery p[b-d3ua0ssteu] {
    color: var(--archive-muted);
}

@media (max-width: 1100px) {
    .archive-workspace[b-d3ua0ssteu] {
        grid-template-columns: 1fr;
    }

    .album-rail[b-d3ua0ssteu] {
        position: static;
    }

    .album-list[b-d3ua0ssteu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: none;
    }

    .photo-upload[b-d3ua0ssteu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .photo-archive-page[b-d3ua0ssteu] {
        padding: .75rem;
    }

    .archive-hero[b-d3ua0ssteu],
    .album-heading[b-d3ua0ssteu] {
        align-items: stretch;
        flex-direction: column;
    }

    .archive-stats[b-d3ua0ssteu] {
        min-width: 0;
    }

    .album-heading > div:last-child[b-d3ua0ssteu] {
        text-align: left;
    }

    .album-list[b-d3ua0ssteu],
    .photo-upload[b-d3ua0ssteu],
    .photo-grid[b-d3ua0ssteu] {
        grid-template-columns: 1fr;
    }

    .photo-grid article > a[b-d3ua0ssteu] {
        height: min(72vw, 420px);
    }

    .gallery-heading[b-d3ua0ssteu] {
        align-items: start;
        flex-direction: column;
        gap: .5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .album-card[b-d3ua0ssteu],
    .photo-grid img[b-d3ua0ssteu],
    .photo-grid a > span[b-d3ua0ssteu] {
        transition: none;
    }
}
/* /Components/Webcams/Pages/Webcams.razor.rz.scp.css */
.webcam-page[b-meqb4fnhtz] {
    display: grid;
    width: min(100%, 88rem);
    margin-inline: auto;
    gap: clamp(1.25rem, 3vw, 2rem);
}

.webcam-hero[b-meqb4fnhtz] {
    display: flex;
    padding: clamp(1.5rem, 4vw, 3rem);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-lg);
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    background:
        radial-gradient(circle at 90% 10%, rgb(226 59 48 / 14%), transparent 22rem),
        var(--color-surface);
    box-shadow: var(--shadow-sm);
}

.webcam-hero h1[b-meqb4fnhtz] {
    max-width: 15ch;
    margin-bottom: 0.9rem;
}

.webcam-hero p:last-child[b-meqb4fnhtz] {
    max-width: 48rem;
    margin: 0;
    color: var(--color-muted);
}

.live-indicator[b-meqb4fnhtz] {
    display: inline-flex;
    min-width: max-content;
    padding: 0.65rem 0.85rem;
    border: 1px solid color-mix(in srgb, var(--color-signal) 42%, var(--color-line));
    border-radius: 999px;
    align-items: center;
    gap: 0.55rem;
    color: var(--color-signal);
    background: var(--color-signal-soft);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.live-indicator span[b-meqb4fnhtz],
.camera-dot[b-meqb4fnhtz] {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 50%;
    background: var(--color-signal);
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--color-signal) 15%, transparent);
}

.live-indicator span[b-meqb4fnhtz] {
    animation: live-pulse-b-meqb4fnhtz 1.4s ease-out infinite;
}

.webcam-grid[b-meqb4fnhtz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.webcam-card[b-meqb4fnhtz] {
    overflow: hidden;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    box-shadow: var(--shadow-md);
}

.webcam-frame[b-meqb4fnhtz] {
    position: relative;
    display: grid;
    width: 100%;
    padding: 0;
    border: 0;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    place-items: center;
    color: inherit;
    background: #070b0e;
    cursor: zoom-in;
    font: inherit;
    text-align: inherit;
}

.webcam-frame:disabled[b-meqb4fnhtz] {
    cursor: wait;
}

.webcam-frame:focus-visible[b-meqb4fnhtz] {
    z-index: 1;
    outline: 3px solid var(--color-focus);
    outline-offset: -3px;
}

.webcam-frame img[b-meqb4fnhtz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter 180ms ease, transform 180ms ease;
}

.webcam-frame:not(:disabled):hover img[b-meqb4fnhtz],
.webcam-frame:not(:disabled):focus-visible img[b-meqb4fnhtz] {
    filter: brightness(0.84);
    transform: scale(1.018);
}

.webcam-zoom-hint[b-meqb4fnhtz] {
    position: absolute;
    right: 0.8rem;
    bottom: 0.8rem;
    display: inline-flex;
    padding: 0.48rem 0.65rem;
    border: 1px solid rgb(255 255 255 / 24%);
    border-radius: 999px;
    align-items: center;
    gap: 0.4rem;
    color: #fff;
    background: rgb(5 9 12 / 78%);
    box-shadow: 0 0.3rem 1rem rgb(0 0 0 / 28%);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    opacity: 0;
    pointer-events: none;
    text-transform: uppercase;
    transform: translateY(0.3rem);
    transition: opacity 180ms ease, transform 180ms ease;
}

.webcam-frame:not(:disabled):hover .webcam-zoom-hint[b-meqb4fnhtz],
.webcam-frame:not(:disabled):focus-visible .webcam-zoom-hint[b-meqb4fnhtz] {
    opacity: 1;
    transform: translateY(0);
}

.webcam-frame:disabled .webcam-zoom-hint[b-meqb4fnhtz] {
    display: none;
}

.webcam-placeholder[b-meqb4fnhtz] {
    display: grid;
    padding: 2rem;
    place-items: center;
    gap: 0.45rem;
    color: #f3f6f8;
    text-align: center;
}

.webcam-placeholder small[b-meqb4fnhtz] {
    color: #9dabb5;
}

.loader[b-meqb4fnhtz] {
    width: 2rem;
    height: 2rem;
    margin-bottom: 0.45rem;
    border: 2px solid rgb(255 255 255 / 20%);
    border-top-color: var(--color-signal-bright);
    border-radius: 50%;
    animation: spin-b-meqb4fnhtz 0.8s linear infinite;
}

.webcam-card footer[b-meqb4fnhtz] {
    display: flex;
    min-height: 4.6rem;
    padding: 1rem 1.15rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.webcam-card footer > div[b-meqb4fnhtz] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.webcam-card footer small[b-meqb4fnhtz] {
    color: var(--color-muted);
    text-align: right;
}

.privacy-note[b-meqb4fnhtz] {
    margin: 0;
    color: var(--color-muted);
    font-size: 0.8rem;
}

.webcam-dialog[b-meqb4fnhtz] {
    width: min(96vw, 100rem);
    max-width: none;
    max-height: 94dvh;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgb(255 255 255 / 18%);
    border-radius: var(--radius-lg);
    color: #f4f7f8;
    background: #080d11;
    box-shadow: 0 1.5rem 5rem rgb(0 0 0 / 52%);
}

.webcam-dialog[b-meqb4fnhtz]::backdrop {
    background: rgb(2 6 9 / 88%);
    backdrop-filter: blur(5px);
}

.webcam-dialog header[b-meqb4fnhtz] {
    display: flex;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid rgb(255 255 255 / 12%);
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.webcam-dialog .eyebrow[b-meqb4fnhtz] {
    margin-bottom: 0.2rem;
}

.webcam-dialog h2[b-meqb4fnhtz] {
    margin: 0;
    color: #f4f7f8;
    font-size: clamp(1.2rem, 2vw, 1.7rem);
}

.webcam-dialog-close[b-meqb4fnhtz] {
    padding: 0.65rem 0.85rem;
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 999px;
    color: #f4f7f8;
    background: rgb(255 255 255 / 8%);
    cursor: pointer;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.webcam-dialog-close:hover[b-meqb4fnhtz],
.webcam-dialog-close:focus-visible[b-meqb4fnhtz] {
    border-color: var(--color-signal-bright);
    outline: none;
    background: color-mix(in srgb, var(--color-signal) 30%, #080d11);
}

.webcam-dialog-frame[b-meqb4fnhtz] {
    display: grid;
    min-height: min(70vh, 40rem);
    place-items: center;
    background: #030608;
}

.webcam-dialog-frame img[b-meqb4fnhtz] {
    display: block;
    width: 100%;
    max-height: calc(94dvh - 8.8rem);
    object-fit: contain;
}

.webcam-dialog > small[b-meqb4fnhtz] {
    display: block;
    padding: 0.7rem 1.15rem;
    color: #a9b5bd;
    background: #080d11;
    text-align: right;
}

@keyframes live-pulse-b-meqb4fnhtz {
    0% {
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-signal) 35%, transparent);
    }

    100% {
        box-shadow: 0 0 0 0.6rem transparent;
    }
}

@keyframes spin-b-meqb4fnhtz {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 760px) {
    .webcam-hero[b-meqb4fnhtz] {
        align-items: flex-start;
        flex-direction: column;
    }

    .webcam-grid[b-meqb4fnhtz] {
        grid-template-columns: 1fr;
    }

    .webcam-card footer[b-meqb4fnhtz] {
        align-items: flex-start;
        flex-direction: column;
    }

    .webcam-card footer small[b-meqb4fnhtz] {
        text-align: left;
    }

    .webcam-dialog[b-meqb4fnhtz] {
        width: 96vw;
    }

    .webcam-dialog-frame[b-meqb4fnhtz] {
        min-height: 0;
    }

    .webcam-zoom-hint[b-meqb4fnhtz] {
        opacity: 1;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .live-indicator span[b-meqb4fnhtz],
    .loader[b-meqb4fnhtz] {
        animation: none;
    }

    .webcam-frame img[b-meqb4fnhtz],
    .webcam-zoom-hint[b-meqb4fnhtz] {
        transition: none;
    }
}