@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.bundle.scp.css';
@import '_content/SoftMax.Shared/SoftMax.MVC.Blazor.Shared.u6unp0p542.bundle.scp.css';

/* /Components/Pages/AuthError.razor.rz.scp.css */
.ae-root[b-vhhwhym0vv] { min-height: 100dvh; display: grid; place-items: center; padding: 16px; background: var(--colorNeutralBackground2); }
.ae-card[b-vhhwhym0vv] { max-width: 32rem; width: 100%; padding: 32px; border-radius: 8px; background: var(--colorNeutralBackground1); color: var(--colorNeutralForeground1); box-shadow: var(--shadow16); }
.ae-card h1[b-vhhwhym0vv] { margin: 0 0 12px; font-size: 20px; font-weight: 600; }
.ae-card p[b-vhhwhym0vv] { margin: 0 0 12px; line-height: 1.5; }
.ae-detail[b-vhhwhym0vv] { color: var(--colorNeutralForeground3); font-size: 12px; }
.ae-btn[b-vhhwhym0vv] { display: inline-block; margin-top: 8px; padding: 6px 16px; border-radius: 4px; background: var(--colorBrandBackground); color: var(--colorNeutralForegroundOnBrand); text-decoration: none; font-weight: 600; }
.ae-btn:hover[b-vhhwhym0vv] { background: var(--colorBrandBackgroundHover); }
/* /Components/Pages/ForgotPassword.razor.rz.scp.css */
/* ── Mobile logo (visible only when brand panel hides ≤768 px) ─────────────── */
.fp-mobile-header[b-7kvfit16co] {
    display: none;
    align-items: center;
}

.fp-mobile-logo[b-7kvfit16co] {
    width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: 4px;
}

/* ── Brand panel: animated mail icon ──────────────────────────────────────── */
.fp-brand-icon-wrap[b-7kvfit16co] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    margin: 0 auto 1.75rem;
}

.fp-brand-icon[b-7kvfit16co] {
    color: rgba(255, 255, 255, 0.95);
    filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.30)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.18));
    animation: fp-icon-float-b-7kvfit16co 5s cubic-bezier(0, 0, 0, 1) infinite;
    position: relative;
    z-index: 1;
}

.fp-brand-icon-wrap[b-7kvfit16co]::before {
    content: '';
    position: absolute;
    inset: -14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    animation: fp-ring-pulse-b-7kvfit16co 5s cubic-bezier(0, 0, 0, 1) infinite;
}

.fp-brand-icon-wrap[b-7kvfit16co]::after {
    content: '';
    position: absolute;
    inset: -28px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.13);
    animation: fp-ring-pulse-b-7kvfit16co 5s cubic-bezier(0, 0, 0, 1) infinite 333ms;
}

@keyframes fp-icon-float-b-7kvfit16co {
    0%, 100% { transform: translateY(0) scale(1); }
    50%       { transform: translateY(-7px) scale(1.04); }
}

@keyframes fp-ring-pulse-b-7kvfit16co {
    0%, 100% { transform: scale(1);    opacity: 0.55; }
    50%       { transform: scale(1.10); opacity: 1; }
}

/* ── Back link ────────────────────────────────────────────────────────────── */
.fp-back-link[b-7kvfit16co] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.fp-back-icon[b-7kvfit16co] {
    flex-shrink: 0;
    transition: transform 167ms cubic-bezier(0, 0, 0, 1);
}

.fp-back-link:hover .fp-back-icon[b-7kvfit16co] {
    transform: translateX(-3px);
}

[dir="rtl"] .fp-back-icon[b-7kvfit16co]                     { transform: scaleX(-1); }
[dir="rtl"] .fp-back-link:hover .fp-back-icon[b-7kvfit16co] { transform: scaleX(-1) translateX(3px); }

/* ── Responsive ────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .fp-mobile-header[b-7kvfit16co] {
        display: flex;
    }
}
/* /Components/Pages/ForgotPasswordConfirmation.razor.rz.scp.css */
/* ── Mobile logo ───────────────────────────────────────────────────────────── */
.fpc-mobile-header[b-0i5j5593b2] {
    display: none;
    align-items: center;
}

.fpc-mobile-logo[b-0i5j5593b2] {
    width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: 4px;
}

/* ── Brand panel: animated mail icon ──────────────────────────────────────── */
.fpc-brand-icon-wrap[b-0i5j5593b2] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    margin: 0 auto 1.75rem;
}

.fpc-brand-icon[b-0i5j5593b2] {
    color: rgba(255, 255, 255, 0.95);
    filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.30)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.18));
    animation: fpc-icon-float-b-0i5j5593b2 5s cubic-bezier(0, 0, 0, 1) infinite;
    position: relative;
    z-index: 1;
}

.fpc-brand-icon-wrap[b-0i5j5593b2]::before {
    content: '';
    position: absolute;
    inset: -14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    animation: fpc-ring-pulse-b-0i5j5593b2 5s cubic-bezier(0, 0, 0, 1) infinite;
}

.fpc-brand-icon-wrap[b-0i5j5593b2]::after {
    content: '';
    position: absolute;
    inset: -28px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.13);
    animation: fpc-ring-pulse-b-0i5j5593b2 5s cubic-bezier(0, 0, 0, 1) infinite 333ms;
}

@keyframes fpc-icon-float-b-0i5j5593b2 {
    0%, 100% { transform: translateY(0) scale(1); }
    50%       { transform: translateY(-7px) scale(1.04); }
}

@keyframes fpc-ring-pulse-b-0i5j5593b2 {
    0%, 100% { transform: scale(1);    opacity: 0.55; }
    50%       { transform: scale(1.10); opacity: 1; }
}

/* ── Form panel: flex column so success content fills and centers ──────────── */
.lp-form-panel[b-0i5j5593b2] {
    display: flex;
    flex-direction: column;
}

/* ── Success content area ─────────────────────────────────────────────────── */
.fpc-success-content[b-0i5j5593b2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.5rem;
    padding: 1.5rem 0;
}

/* ── Success icon circle ──────────────────────────────────────────────────── */
.fpc-success-icon[b-0i5j5593b2] {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: var(--login-surface-alt);
    border: 1.5px solid var(--login-primary-light);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    color: var(--login-primary);
    animation: fpc-icon-pop-b-0i5j5593b2 333ms cubic-bezier(0, 0, 0, 1) both;
}

@keyframes fpc-icon-pop-b-0i5j5593b2 {
    0%   { transform: scale(0.4); opacity: 0; }
    60%  { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(1);   opacity: 1; }
}

.fpc-success-title[b-0i5j5593b2] {
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--login-text);
    margin: 0 0 0.25rem;
    letter-spacing: normal;
    line-height: 1.25;
}

.fpc-success-sub[b-0i5j5593b2] {
    font-size: 0.875rem;
    color: var(--login-text-muted);
    line-height: 1.65;
    margin: 0 0 1.25rem;
    max-width: 310px;
}

.fpc-cta[b-0i5j5593b2] {
    width: 100%;
    justify-content: center;
}

/* ── Responsive ────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .fpc-mobile-header[b-0i5j5593b2] {
        display: flex;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
/* ── Login-specific mobile logo ─────────────────────────────────────────── */
.lp-mobile-logo[b-8752lge1i3] {
    width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: 4px;
    display: none;
}

@media (max-width: 768px) {
    .lp-mobile-logo[b-8752lge1i3] {
        display: block;
    }
}
/* /Components/Pages/LoginWith2FA.razor.rz.scp.css */
/* ── 2FA card: slightly narrower than the login card ──────────────────────── */
.twofa-card[b-tuzrxy8ddu] {
    width: 800px;
}

/* ── Mobile logo (visible only when brand panel is hidden ≤768 px) ─────────── */
.twofa-mobile-header[b-tuzrxy8ddu] {
    display: none;
    align-items: center;
    margin-bottom: 0.25rem;
}

.twofa-mobile-logo[b-tuzrxy8ddu] {
    width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: 4px;
}

/* ── Brand panel: animated shield icon ────────────────────────────────────── */
.twofa-brand-icon-wrap[b-tuzrxy8ddu] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    margin: 0 auto 1.75rem;
}

.twofa-brand-shield[b-tuzrxy8ddu] {
    color: rgba(255, 255, 255, 0.95);
    filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.30)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.18));
    animation: twofa-shield-float-b-tuzrxy8ddu 5s cubic-bezier(0, 0, 0, 1) infinite;
    position: relative;
    z-index: 1;
}

.twofa-brand-icon-wrap[b-tuzrxy8ddu]::before {
    content: '';
    position: absolute;
    inset: -14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    animation: twofa-ring-pulse-b-tuzrxy8ddu 5s cubic-bezier(0, 0, 0, 1) infinite;
}

.twofa-brand-icon-wrap[b-tuzrxy8ddu]::after {
    content: '';
    position: absolute;
    inset: -28px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.13);
    animation: twofa-ring-pulse-b-tuzrxy8ddu 5s cubic-bezier(0, 0, 0, 1) infinite 333ms;
}

@keyframes twofa-shield-float-b-tuzrxy8ddu {
    0%, 100% { transform: translateY(0) scale(1); }
    50%       { transform: translateY(-7px) scale(1.04); }
}

@keyframes twofa-ring-pulse-b-tuzrxy8ddu {
    0%, 100% { transform: scale(1);    opacity: 0.55; }
    50%       { transform: scale(1.10); opacity: 1; }
}

/* ── Form layout ─────────────────────────────────────────────────────────── */
[b-tuzrxy8ddu] .twofa-form {
    display: flex;
    flex-direction: column;
}

/* ── OTP digit group ─────────────────────────────────────────────────────── */
.otp-group[b-tuzrxy8ddu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    margin-bottom: 1.5rem;
}

/* ── Individual OTP digit box ────────────────────────────────────────────── */
.otp-input[b-tuzrxy8ddu] {
    width: 52px;
    height: 62px;
    border: 1.5px solid var(--login-input-border);
    border-radius: var(--md3-border-radius-sm);
    background: var(--login-input-bg);
    color: var(--login-text);
    font-size: 1.625rem;
    font-weight: 600;
    font-family: inherit;
    text-align: center;
    outline: none;
    transition: border-color 167ms cubic-bezier(0, 0, 0, 1), box-shadow 167ms cubic-bezier(0, 0, 0, 1), background 167ms cubic-bezier(0, 0, 0, 1), transform 167ms cubic-bezier(0, 0, 0, 1);
    caret-color: transparent;
    -moz-appearance: textfield;
    letter-spacing: normal;
}

.otp-input[b-tuzrxy8ddu]::-webkit-outer-spin-button,
.otp-input[b-tuzrxy8ddu]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.otp-input:hover[b-tuzrxy8ddu] {
    border-color: var(--login-primary-light);
}

.otp-input:focus[b-tuzrxy8ddu] {
    border-color: var(--login-primary);
    box-shadow: var(--shadow4);
    background: var(--login-input-focus-bg);
    transform: translateY(0);
}

.otp-input.otp-filled[b-tuzrxy8ddu] {
    border-color: var(--login-primary);
    color: var(--login-text);
}

/* ── Recovery code fallback ──────────────────────────────────────────────── */
.twofa-recovery[b-tuzrxy8ddu] {
    margin: -0.5rem 0 1.25rem;
    text-align: center;
    color: var(--login-text);
}

.twofa-recovery summary[b-tuzrxy8ddu] {
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--login-primary);
}

.twofa-recovery-input[b-tuzrxy8ddu] {
    display: block;
    width: 100%;
    max-width: 280px;
    margin: 0.75rem auto 0;
    padding: 0.625rem 0.75rem;
    border: 1.5px solid var(--login-input-border);
    border-radius: var(--md3-border-radius-sm);
    background: var(--login-input-bg);
    color: var(--login-text);
    font: inherit;
    letter-spacing: 0.08em;
    text-align: center;
    outline: none;
}

.twofa-recovery-input:focus[b-tuzrxy8ddu] {
    border-color: var(--login-primary);
    background: var(--login-input-focus-bg);
}

/* ── Dash separator between digit groups ─────────────────────────────────── */
.otp-separator[b-tuzrxy8ddu] {
    width: 16px;
    height: 2px;
    background: var(--login-input-border);
    border-radius: 4px;
    flex-shrink: 0;
}

/* ── Remember machine option ─────────────────────────────────────────────── */
.twofa-options[b-tuzrxy8ddu] {
    display: flex;
    justify-content: center;
    margin-bottom: 1.25rem;
}

/* ── Back-to-signin link ─────────────────────────────────────────────────── */
.twofa-back-link[b-tuzrxy8ddu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.twofa-back-icon[b-tuzrxy8ddu] {
    flex-shrink: 0;
    transition: transform 167ms cubic-bezier(0, 0, 0, 1);
}

.twofa-back-link:hover .twofa-back-icon[b-tuzrxy8ddu] {
    transform: translateX(-3px);
}

[dir="rtl"] .twofa-back-icon[b-tuzrxy8ddu]           { transform: scaleX(-1); }
[dir="rtl"] .twofa-back-link:hover .twofa-back-icon[b-tuzrxy8ddu] { transform: scaleX(-1) translateX(3px); }

/* ── Responsive: show mobile logo, hide brand panel ─────────────────────── */
@media (max-width: 768px) {
    .twofa-mobile-header[b-tuzrxy8ddu] {
        display: flex;
    }

    .twofa-card[b-tuzrxy8ddu] {
        width: 480px;
    }
}

@media (max-width: 480px) {
    .otp-input[b-tuzrxy8ddu] {
        width: 42px;
        height: 50px;
        font-size: 1.375rem;
    }

    .otp-group[b-tuzrxy8ddu] {
        gap: 0.4rem;
    }
}

@media (max-width: 360px) {
    .otp-input[b-tuzrxy8ddu] {
        width: 36px;
        height: 44px;
        font-size: 1.2rem;
    }

    .otp-group[b-tuzrxy8ddu] {
        gap: 0.3rem;
    }

    .otp-separator[b-tuzrxy8ddu] {
        width: 10px;
    }
}
/* /Components/Pages/ResetPassword.razor.rz.scp.css */
/* ── Mobile logo ───────────────────────────────────────────────────────────── */
.rp-mobile-header[b-64rqkmm6pd] {
    display: none;
    align-items: center;
}

.rp-mobile-logo[b-64rqkmm6pd] {
    width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: 4px;
}

/* ── Brand panel: animated lock icon ──────────────────────────────────────── */
.rp-brand-icon-wrap[b-64rqkmm6pd] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    margin: 0 auto 1.75rem;
}

.rp-brand-icon[b-64rqkmm6pd] {
    color: rgba(255, 255, 255, 0.95);
    filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.30)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.18));
    animation: rp-icon-float-b-64rqkmm6pd 5s cubic-bezier(0, 0, 0, 1) infinite;
    position: relative;
    z-index: 1;
}

.rp-brand-icon-wrap[b-64rqkmm6pd]::before {
    content: '';
    position: absolute;
    inset: -14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    animation: rp-ring-pulse-b-64rqkmm6pd 5s cubic-bezier(0, 0, 0, 1) infinite;
}

.rp-brand-icon-wrap[b-64rqkmm6pd]::after {
    content: '';
    position: absolute;
    inset: -28px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.13);
    animation: rp-ring-pulse-b-64rqkmm6pd 5s cubic-bezier(0, 0, 0, 1) infinite 333ms;
}

@keyframes rp-icon-float-b-64rqkmm6pd {
    0%, 100% { transform: translateY(0) scale(1); }
    50%       { transform: translateY(-7px) scale(1.04); }
}

@keyframes rp-ring-pulse-b-64rqkmm6pd {
    0%, 100% { transform: scale(1);    opacity: 0.55; }
    50%       { transform: scale(1.10); opacity: 1; }
}

/* ── Back link ────────────────────────────────────────────────────────────── */
.rp-back-link[b-64rqkmm6pd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.rp-back-icon[b-64rqkmm6pd] {
    flex-shrink: 0;
    transition: transform 167ms cubic-bezier(0, 0, 0, 1);
}

.rp-back-link:hover .rp-back-icon[b-64rqkmm6pd] {
    transform: translateX(-3px);
}

[dir="rtl"] .rp-back-icon[b-64rqkmm6pd]                     { transform: scaleX(-1); }
[dir="rtl"] .rp-back-link:hover .rp-back-icon[b-64rqkmm6pd] { transform: scaleX(-1) translateX(3px); }

/* ── Responsive ────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .rp-mobile-header[b-64rqkmm6pd] {
        display: flex;
    }
}
/* /Components/Pages/ResetPasswordConfirmation.razor.rz.scp.css */
/* ── Mobile logo ───────────────────────────────────────────────────────────── */
.rpc-mobile-header[b-4a4qlyt0qg] {
    display: none;
    align-items: center;
}

.rpc-mobile-logo[b-4a4qlyt0qg] {
    width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: 4px;
}

/* ── Brand panel: animated check-circle icon ──────────────────────────────── */
.rpc-brand-icon-wrap[b-4a4qlyt0qg] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    margin: 0 auto 1.75rem;
}

.rpc-brand-icon[b-4a4qlyt0qg] {
    color: rgba(255, 255, 255, 0.95);
    filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.30)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.18));
    animation: rpc-icon-float-b-4a4qlyt0qg 5s cubic-bezier(0, 0, 0, 1) infinite;
    position: relative;
    z-index: 1;
}

.rpc-brand-icon-wrap[b-4a4qlyt0qg]::before {
    content: '';
    position: absolute;
    inset: -14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    animation: rpc-ring-pulse-b-4a4qlyt0qg 5s cubic-bezier(0, 0, 0, 1) infinite;
}

.rpc-brand-icon-wrap[b-4a4qlyt0qg]::after {
    content: '';
    position: absolute;
    inset: -28px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.13);
    animation: rpc-ring-pulse-b-4a4qlyt0qg 5s cubic-bezier(0, 0, 0, 1) infinite 333ms;
}

@keyframes rpc-icon-float-b-4a4qlyt0qg {
    0%, 100% { transform: translateY(0) scale(1); }
    50%       { transform: translateY(-7px) scale(1.04); }
}

@keyframes rpc-ring-pulse-b-4a4qlyt0qg {
    0%, 100% { transform: scale(1);    opacity: 0.55; }
    50%       { transform: scale(1.10); opacity: 1; }
}

/* ── Form panel: flex column so success content fills and centers ──────────── */
.lp-form-panel[b-4a4qlyt0qg] {
    display: flex;
    flex-direction: column;
}

/* ── Success content area ─────────────────────────────────────────────────── */
.rpc-success-content[b-4a4qlyt0qg] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.5rem;
    padding: 1.5rem 0;
}

/* ── Success icon circle ──────────────────────────────────────────────────── */
.rpc-success-icon[b-4a4qlyt0qg] {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: var(--login-surface-alt);
    border: 1.5px solid var(--login-primary-light);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    color: var(--login-primary);
    animation: rpc-icon-pop-b-4a4qlyt0qg 333ms cubic-bezier(0, 0, 0, 1) both;
}

@keyframes rpc-icon-pop-b-4a4qlyt0qg {
    0%   { transform: scale(0.4); opacity: 0; }
    60%  { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(1);   opacity: 1; }
}

.rpc-success-title[b-4a4qlyt0qg] {
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--login-text);
    margin: 0 0 0.25rem;
    letter-spacing: normal;
    line-height: 1.25;
}

.rpc-success-sub[b-4a4qlyt0qg] {
    font-size: 0.875rem;
    color: var(--login-text-muted);
    line-height: 1.65;
    margin: 0 0 1.25rem;
    max-width: 310px;
}

.rpc-cta[b-4a4qlyt0qg] {
    width: 100%;
    justify-content: center;
}

/* ── Responsive ────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .rpc-mobile-header[b-4a4qlyt0qg] {
        display: flex;
    }
}
/* /Layout/Dialogs/UserProfileDialog.razor.rz.scp.css */
/* Windows Settings "Accounts" layout: a hero, a security checkup, then one column of expander cards. */
.upd[b-ptkxio3yjz] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--colorNeutralForeground1);
}

.upd-center[b-ptkxio3yjz] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
}

.upd-muted[b-ptkxio3yjz] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.upd-muted.upd-block[b-ptkxio3yjz],
.upd-muted.upd-warn-text[b-ptkxio3yjz] {
    display: block;
}

.upd-muted.upd-warn-text[b-ptkxio3yjz] {
    color: var(--colorPaletteRedForeground1);
}

.upd-strong[b-ptkxio3yjz] {
    font-weight: var(--fontWeightSemibold);
}

.upd-grow[b-ptkxio3yjz] {
    flex: 1 1 auto;
    min-width: 0;
}

.upd-sr[b-ptkxio3yjz],
[b-ptkxio3yjz] .upd-file {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.upd-h2[b-ptkxio3yjz] {
    margin: 0;
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
    font-weight: var(--fontWeightSemibold);
}

.upd-hero[b-ptkxio3yjz] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border-radius: var(--borderRadiusXLarge);
    background: color-mix(in srgb, var(--colorBrandBackground) 6%, var(--colorNeutralBackground1));
    border: 1px solid color-mix(in srgb, var(--colorBrandBackground) 16%, var(--colorNeutralBackground1));
}

.upd-hero-avatar[b-ptkxio3yjz] {
    position: relative;
    flex-shrink: 0;
}

.upd-hero-camera[b-ptkxio3yjz] {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke1);
    cursor: pointer;
}

.upd-hero-camera:hover[b-ptkxio3yjz] {
    background: var(--colorNeutralBackground1Hover);
}

.upd-hero-camera:focus-within[b-ptkxio3yjz] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.upd-hero-text[b-ptkxio3yjz] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.upd-hero-name[b-ptkxio3yjz] {
    font-size: var(--fontSizeBase500);
    line-height: var(--lineHeightBase500);
    font-weight: var(--fontWeightSemibold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upd-hero-sub[b-ptkxio3yjz] {
    color: var(--colorNeutralForeground2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upd-hero-chips[b-ptkxio3yjz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.upd-chip[b-ptkxio3yjz] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 24px;
    padding: 0 8px;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke2);
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground2);
}

.upd-chip--ok[b-ptkxio3yjz] {
    background: var(--colorPaletteGreenBackground1);
    border-color: var(--colorPaletteGreenBorder1);
    color: var(--colorPaletteGreenForeground1);
}

.upd-chip[b-ptkxio3yjz]  svg {
    width: 12px;
    height: 12px;
    fill: currentColor;
}

[b-ptkxio3yjz] .upd-hero-remove {
    align-self: flex-start;
}

.upd-checkup[b-ptkxio3yjz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.upd-checkup-head[b-ptkxio3yjz] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.upd-tiles[b-ptkxio3yjz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.upd-tile[b-ptkxio3yjz] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: var(--borderRadiusLarge);
    border: 1px solid var(--colorNeutralStroke2);
    background: var(--colorNeutralBackground1);
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.upd-tile:hover[b-ptkxio3yjz] {
    border-color: var(--colorNeutralStroke1Hover);
    background: var(--colorNeutralBackground1Hover);
}

.upd-tile:focus-visible[b-ptkxio3yjz] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.upd-tile-text[b-ptkxio3yjz] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.upd-dot[b-ptkxio3yjz] {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--borderRadiusCircular);
}

.upd-dot[b-ptkxio3yjz]  svg {
    fill: currentColor;
}

.upd-dot--ok[b-ptkxio3yjz] {
    background: var(--colorPaletteGreenBackground1);
    color: var(--colorPaletteGreenForeground1);
}

.upd-dot--warn[b-ptkxio3yjz] {
    background: var(--colorPaletteYellowBackground1);
    color: var(--colorPaletteMarigoldForeground1, var(--colorPaletteYellowForeground1));
}

.upd-cards[b-ptkxio3yjz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.upd-card[b-ptkxio3yjz] {
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground2);
    overflow: hidden;
}

.upd-card-head[b-ptkxio3yjz] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 16px;
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.upd-card-head:hover[b-ptkxio3yjz] {
    background: var(--colorNeutralBackground2Hover);
}

.upd-card-head:focus-visible[b-ptkxio3yjz] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: -2px;
}

.upd-card-title[b-ptkxio3yjz] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.upd-card-state[b-ptkxio3yjz] {
    color: var(--colorNeutralForeground2);
}

[b-ptkxio3yjz] .upd-chevron {
    transition: transform var(--durationNormal) var(--curveDecelerateMax);
}

[b-ptkxio3yjz] .upd-chevron--open {
    transform: rotate(180deg);
}

.upd-card-body[b-ptkxio3yjz] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 16px 16px 52px;
    border-top: 1px solid var(--colorNeutralStroke2);
    background: var(--colorNeutralBackground1);
}

.upd-card-body--list[b-ptkxio3yjz] {
    gap: 0;
    padding-top: 4px;
}

.upd-grid[b-ptkxio3yjz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

.upd-field[b-ptkxio3yjz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.upd-field--narrow[b-ptkxio3yjz] {
    max-width: 360px;
}

.upd-actions[b-ptkxio3yjz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.upd-actions--end[b-ptkxio3yjz] {
    justify-content: flex-end;
}

.upd-actions--split[b-ptkxio3yjz] {
    padding-top: 12px;
    border-top: 1px solid var(--colorNeutralStroke3);
}

.upd-strength[b-ptkxio3yjz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 360px;
}

.upd-strength-bars[b-ptkxio3yjz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
}

.upd-bar[b-ptkxio3yjz] {
    height: 4px;
    border-radius: 2px;
    background: var(--colorNeutralStroke2);
}

.upd-bar--1[b-ptkxio3yjz] {
    background: var(--colorPaletteRedBackground3);
}

.upd-bar--2[b-ptkxio3yjz] {
    background: var(--colorPaletteDarkOrangeBackground3);
}

.upd-bar--3[b-ptkxio3yjz],
.upd-bar--4[b-ptkxio3yjz] {
    background: var(--colorPaletteGreenBackground3);
}

.upd-steps[b-ptkxio3yjz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.upd-step[b-ptkxio3yjz] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
}

.upd-step-no[b-ptkxio3yjz] {
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightSemibold);
    color: var(--colorBrandForeground1);
}

.upd-qr[b-ptkxio3yjz] {
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
    background: #ffffff;
    padding: 4px;
}

.upd-key[b-ptkxio3yjz],
.upd-codes[b-ptkxio3yjz] {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}

.upd-key[b-ptkxio3yjz] {
    color: var(--colorNeutralForeground1);
    word-break: break-all;
}

.upd-codes[b-ptkxio3yjz] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground3);
    user-select: all;
}

.upd-passkey[b-ptkxio3yjz] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--colorNeutralStroke3);
}

.upd-passkey-text[b-ptkxio3yjz] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.upd-rename[b-ptkxio3yjz] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

.upd-empty[b-ptkxio3yjz] {
    padding: 10px 0;
}

.upd-card-body--list .upd-actions[b-ptkxio3yjz] {
    padding-top: 12px;
}

@media (max-width: 640px) {
    .upd-hero[b-ptkxio3yjz] {
        flex-wrap: wrap;
    }

    .upd-tiles[b-ptkxio3yjz],
    .upd-grid[b-ptkxio3yjz],
    .upd-steps[b-ptkxio3yjz] {
        grid-template-columns: minmax(0, 1fr);
    }

    .upd-codes[b-ptkxio3yjz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .upd-card-body[b-ptkxio3yjz] {
        padding-inline-start: 16px;
    }
}

.upd-qr[b-ptkxio3yjz]  svg {
    width: 120px;
    height: 120px;
    display: block;
}
/* /Layout/LoginLayout.razor.rz.scp.css */
/* ── Login page wrapper ──────────────────────────────────────── */
.login-page[b-2tskro1x2r] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    background: var(--colorNeutralBackground2);
}

/* ── Card ────────────────────────────────────────────────────── */
.login-card[b-2tskro1x2r] {
    width: 100%;
    max-width: 420px;
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralForeground2);
    border-radius: 4px;
    padding: 2.5rem 2rem 2rem;
    box-shadow: var(--shadow4)
                0 1.5px 4px rgba(0, 0, 0, 0.08);
}

/* ── Header ──────────────────────────────────────────────────── */
.login-header[b-2tskro1x2r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 2rem;
}

.login-logo[b-2tskro1x2r] {
    border-radius: 4px;
}

.login-title[b-2tskro1x2r] {
    font-weight: 600;
    letter-spacing: normal;
    color: var(--colorNeutralForeground1);
}

/* ── Body ────────────────────────────────────────────────────── */
.login-body[b-2tskro1x2r] {
    width: 100%;
}

/* ── Footer ──────────────────────────────────────────────────── */
.login-footer[b-2tskro1x2r] {
    margin-top: 2rem;
    text-align: center;
}

/* ── Error UI ───────────────────────────────────────────────── */
#blazor-error-ui[b-2tskro1x2r] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: var(--shadow4);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-2tskro1x2r] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 480px) {
    .login-card[b-2tskro1x2r] {
        padding: 2rem 1.25rem 1.5rem;
        border-radius: 4px;
    }
}
/* /Pages/Admin/ApiKeys.razor.rz.scp.css */
.ak[b-phvt2vyv0w] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--colorNeutralForeground1);
    container-type: inline-size;
}

.ak-head[b-phvt2vyv0w],
.ak-actions[b-phvt2vyv0w] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.ak-title[b-phvt2vyv0w] {
    margin: 0;
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
}

.ak-h2[b-phvt2vyv0w] {
    margin: 0;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
}

.ak-grow[b-phvt2vyv0w] {
    flex: 1 1 auto;
    min-width: 0;
}

.ak-muted[b-phvt2vyv0w] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.ak-strong[b-phvt2vyv0w] {
    font-weight: var(--fontWeightSemibold);
}

.ak-mono[b-phvt2vyv0w],
[b-phvt2vyv0w] .ak-mono {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}

.ak-break[b-phvt2vyv0w] {
    overflow-wrap: anywhere;
}

.ak-card[b-phvt2vyv0w] {
    max-width: 960px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 20px;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke2);
}

.ak-card--flush[b-phvt2vyv0w] {
    gap: 0;
    padding: 0;
}

.ak-grid[b-phvt2vyv0w] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 12px;
}

.ak-def[b-phvt2vyv0w] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px 16px;
    margin: 0;
}

.ak-def dt[b-phvt2vyv0w] {
    color: var(--colorNeutralForeground3);
}

.ak-def dd[b-phvt2vyv0w] {
    margin: 0;
    overflow-wrap: anywhere;
}

.ak-row[b-phvt2vyv0w] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
}

.ak-row + .ak-row[b-phvt2vyv0w] {
    border-top: 1px solid var(--colorNeutralStroke3);
}

.ak-center[b-phvt2vyv0w] {
    justify-content: center;
    min-height: 120px;
}

.ak-main[b-phvt2vyv0w] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.ak-chips[b-phvt2vyv0w] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-width: 40%;
}

.ak-chip[b-phvt2vyv0w] {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground3);
    color: var(--colorNeutralForeground2);
    font-size: var(--fontSizeBase200);
}

.ak-dot[b-phvt2vyv0w] {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: var(--borderRadiusCircular);
}

.ak-dot--active[b-phvt2vyv0w] {
    background: var(--colorPaletteGreenForeground1);
}

.ak-dot--expired[b-phvt2vyv0w] {
    background: var(--colorPaletteDarkOrangeForeground1);
}

.ak-dot--revoked[b-phvt2vyv0w] {
    background: var(--colorNeutralForeground4);
}

@container (max-width: 640px) {
    .ak-grid[b-phvt2vyv0w] {
        grid-template-columns: 1fr;
    }

    .ak-row[b-phvt2vyv0w] {
        flex-wrap: wrap;
    }

    .ak-main[b-phvt2vyv0w] {
        flex-basis: calc(100% - 20px);
    }

    .ak-chips[b-phvt2vyv0w] {
        max-width: none;
        flex: 1 1 auto;
    }
}
/* /Pages/Admin/AppSettings.razor.rz.scp.css */
/* Settings-app layout: categories on the side, the chosen category's cards beside; cards live in AppSettingCard, styled here through .as-main ::deep. */
.as[b-80au5yxi8e] {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    color: var(--colorNeutralForeground1);
}

.as-head[b-80au5yxi8e],
.as-banner[b-80au5yxi8e],
.as-bar[b-80au5yxi8e],
.as-scope[b-80au5yxi8e] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.as-grow[b-80au5yxi8e] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.as-h1[b-80au5yxi8e] {
    margin: 0;
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
}

.as-h2[b-80au5yxi8e] {
    margin: 0;
    font-size: var(--fontSizeBase500);
    line-height: var(--lineHeightBase500);
    font-weight: var(--fontWeightSemibold);
}

.as-h3[b-80au5yxi8e] {
    margin: 12px 0 0;
    font-size: var(--fontSizeBase300);
    font-weight: var(--fontWeightSemibold);
}

.as-muted[b-80au5yxi8e] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.as-strong[b-80au5yxi8e] {
    font-weight: var(--fontWeightSemibold);
}

.as-note[b-80au5yxi8e] {
    margin: 0;
    padding: 12px 16px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground3);
}

.as-banner[b-80au5yxi8e] {
    padding: 12px 16px;
    border: 1px solid var(--colorPaletteMarigoldBorder1);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorPaletteMarigoldBackground1);
}

.as-banner .as-grow[b-80au5yxi8e] {
    gap: 2px;
    font-size: var(--fontSizeBase200);
}

.as-layout[b-80au5yxi8e] {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.as-side[b-80au5yxi8e] {
    position: sticky;
    top: 0;
    display: grid;
    gap: 12px;
    min-width: 0;
}

.as-cats[b-80au5yxi8e] {
    display: grid;
    gap: 2px;
}

.as-cat[b-80au5yxi8e] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 36px;
    padding: 6px 12px;
    border: 0;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.as-cat:hover[b-80au5yxi8e] {
    background: var(--colorNeutralBackground1Hover);
}

.as-cat:focus-visible[b-80au5yxi8e] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.as-cat--on[b-80au5yxi8e] {
    background: var(--colorNeutralBackground1Selected);
    font-weight: var(--fontWeightSemibold);
}

.as-cat--on[b-80au5yxi8e]::before {
    content: "";
    position: absolute;
    inset: 8px auto 8px 0;
    width: 3px;
    border-radius: 2px;
    background: var(--colorBrandBackground);
}

.as-dot[b-80au5yxi8e] {
    width: 8px;
    height: 8px;
    flex: none;
    border-radius: 50%;
    background: var(--colorBrandBackground);
}

.as-sep[b-80au5yxi8e] {
    height: 1px;
    margin: 6px 0;
    background: var(--colorNeutralStroke2);
}

.as-main[b-80au5yxi8e] {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.as-scope[b-80au5yxi8e] {
    flex-wrap: wrap;
}

.as-scope-pick[b-80au5yxi8e] {
    width: 240px;
}

.as-crumb[b-80au5yxi8e] {
    margin-top: 8px;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}

.as-history[b-80au5yxi8e] {
    overflow-x: auto;
}

.as-bar[b-80au5yxi8e] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    padding: 12px 16px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    box-shadow: var(--shadow8);
}

.as-main[b-80au5yxi8e]  .as-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 12px 16px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
}

.as-main[b-80au5yxi8e]  .as-card--edited {
    border-color: var(--colorBrandStroke1);
}

.as-main[b-80au5yxi8e]  .as-srv {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.as-main[b-80au5yxi8e]  .as-row {
    display: flex;
    align-items: center;
    gap: 16px;
}

.as-main[b-80au5yxi8e]  .as-text {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.as-main[b-80au5yxi8e]  .as-title {
    font-weight: var(--fontWeightSemibold);
}

.as-main[b-80au5yxi8e]  .as-desc {
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground2);
}

.as-main[b-80au5yxi8e]  .as-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

.as-main[b-80au5yxi8e]  .as-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 20px;
    padding: 0 8px;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground3);
    color: var(--colorNeutralForeground2);
    font-size: var(--fontSizeBase100);
    white-space: nowrap;
}

.as-main[b-80au5yxi8e]  .as-pill--here {
    background: var(--colorBrandBackground2);
    color: var(--colorBrandForeground2);
}

.as-main[b-80au5yxi8e]  .as-pill--ok {
    background: var(--colorPaletteGreenBackground1);
    color: var(--colorPaletteGreenForeground1);
}

.as-main[b-80au5yxi8e]  .as-pill--warn {
    background: var(--colorPaletteMarigoldBackground1);
    color: var(--colorPaletteMarigoldForeground1);
}

.as-main[b-80au5yxi8e]  .as-pill--risk {
    background: var(--colorPaletteRedBackground1);
    color: var(--colorPaletteRedForeground1);
}

.as-main[b-80au5yxi8e]  .as-ctl {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: none;
}

.as-main[b-80au5yxi8e]  .as-field {
    width: 260px;
}

.as-main[b-80au5yxi8e]  .as-num {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 220px;
}

.as-main[b-80au5yxi8e]  .as-unit {
    flex: none;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}

.as-main[b-80au5yxi8e]  .as-key {
    align-self: flex-start;
    font-family: "Cascadia Mono", Consolas, ui-monospace, monospace;
    font-size: var(--fontSizeBase100);
    color: var(--colorNeutralForeground3);
    overflow-wrap: anywhere;
}

@container (max-width: 760px) {
    .as-layout[b-80au5yxi8e] {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .as-side[b-80au5yxi8e] {
        position: static;
    }

    .as-cats[b-80au5yxi8e] {
        grid-auto-flow: column;
        grid-auto-columns: max-content;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .as-cat[b-80au5yxi8e] {
        white-space: nowrap;
    }

    .as-cat--on[b-80au5yxi8e]::before {
        inset: auto 12px 0;
        width: auto;
        height: 3px;
    }

    .as-sep[b-80au5yxi8e] {
        display: none;
    }

    .as-banner[b-80au5yxi8e] {
        flex-wrap: wrap;
    }
}

@container (max-width: 560px) {
    .as-main[b-80au5yxi8e]  .as-row {
        flex-wrap: wrap;
    }

    .as-main[b-80au5yxi8e]  .as-ctl {
        width: 100%;
        justify-content: flex-start;
    }

    .as-main[b-80au5yxi8e]  .as-field,
    .as-main[b-80au5yxi8e]  .as-num,
    .as-scope-pick[b-80au5yxi8e] {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }

    .as-main[b-80au5yxi8e]  .as-srv {
        flex-wrap: wrap;
        gap: 8px;
    }
}

.as-cmp-head[b-80au5yxi8e] {
    display: flex;
    align-items: center;
    gap: 8px;
}
/* /Pages/Admin/CacheManager.razor.rz.scp.css */
/* Settings-style list: expiry tiles filter one grid; ticking rows swaps its header for a command bar. */
.cm[b-5x12m0g83p] {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    color: var(--colorNeutralForeground1);
}

.cm-head[b-5x12m0g83p],
.cm-filters[b-5x12m0g83p] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.cm-head[b-5x12m0g83p] {
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 4px;
}

.cm-grow[b-5x12m0g83p] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.cm-title[b-5x12m0g83p] {
    margin: 0;
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
}

.cm-muted[b-5x12m0g83p] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.cm-strong[b-5x12m0g83p] {
    font-weight: var(--fontWeightSemibold);
}

.cm-mono[b-5x12m0g83p] {
    font-family: "Cascadia Mono", Consolas, ui-monospace, monospace;
    font-size: var(--fontSizeBase200);
}

.cm-search[b-5x12m0g83p] {
    flex: 1 1 280px;
    min-width: 0;
}

.cm-search[b-5x12m0g83p]  > * {
    width: 100%;
}

/* ── Tiles ─────────────────────────────────────────────────────────────── */

.cm-tiles[b-5x12m0g83p] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.cm-tile[b-5x12m0g83p] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding: 12px 14px 14px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.cm-tile:hover[b-5x12m0g83p] {
    background: var(--colorNeutralBackground1Hover);
}

.cm-tile:focus-visible[b-5x12m0g83p] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: 1px;
}

.cm-tile--static[b-5x12m0g83p],
.cm-tile--static:hover[b-5x12m0g83p] {
    cursor: default;
    background: var(--colorNeutralBackground1);
}

.cm-tile--on[b-5x12m0g83p] {
    border-color: var(--colorBrandStroke1);
}

.cm-tile--on[b-5x12m0g83p]::after {
    content: "";
    position: absolute;
    inset: auto 14px 0;
    height: 3px;
    border-radius: 2px 2px 0 0;
    background: var(--colorBrandBackground);
}

.cm-tile-label[b-5x12m0g83p] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground2);
}

.cm-tile-count[b-5x12m0g83p] {
    font-size: var(--fontSizeBase600);
    line-height: var(--lineHeightBase600);
    font-weight: var(--fontWeightSemibold);
    font-variant-numeric: tabular-nums;
}

.cm-tile-caption[b-5x12m0g83p] {
    color: var(--colorNeutralForeground3);
    font-size: var(--fontSizeBase200);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cm-dot[b-5x12m0g83p] {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--cm-tone);
}

.tone-neutral[b-5x12m0g83p] { --cm-tone: var(--colorNeutralForeground2); }
.tone-ok[b-5x12m0g83p] { --cm-tone: var(--colorStatusSuccessForeground1); }
.tone-warn[b-5x12m0g83p] { --cm-tone: var(--colorStatusWarningForeground1); }

/* ── Grid card ─────────────────────────────────────────────────────────── */

.cm-card[b-5x12m0g83p] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    overflow: hidden;
}

.cm-card-head[b-5x12m0g83p] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 48px;
    padding: 4px 8px 4px 16px;
    box-sizing: border-box;
}

.cm-card-head .cm-grow[b-5x12m0g83p] {
    display: block;
}

.cm-card-head--selection[b-5x12m0g83p] {
    background: var(--colorBrandBackground2);
}

.cm-selcount[b-5x12m0g83p] {
    margin-inline-end: 8px;
}

.cm-card-title[b-5x12m0g83p] {
    margin: 0;
    font-size: var(--fontSizeBase300);
    font-weight: var(--fontWeightSemibold);
}

.cm-card[b-5x12m0g83p]  .cm-grid {
    table-layout: fixed;
    width: 100%;
}

.cm-card[b-5x12m0g83p]  .cm-grid tbody tr {
    cursor: pointer;
}

.cm-card[b-5x12m0g83p]  .cm-grid tbody td {
    min-height: 44px;
    align-content: center;
}

/* The checkbox is wider than the cell's default padding leaves, which drew an ellipsis beside it. */
.cm-card[b-5x12m0g83p]  .cm-grid th:first-child,
.cm-card[b-5x12m0g83p]  .cm-grid td:first-child {
    padding-inline: 8px;
    text-overflow: clip;
}

.cm-cell[b-5x12m0g83p] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cm-ellipsis[b-5x12m0g83p] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cm-cell-sub[b-5x12m0g83p] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}

.cm-narrow-only[b-5x12m0g83p] {
    display: none;
}

.cm-chip[b-5x12m0g83p] {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 8px;
    border-radius: var(--borderRadiusCircular);
    font-size: var(--fontSizeBase200);
    white-space: nowrap;
    background: var(--colorNeutralBackground3);
    color: var(--colorNeutralForeground2);
}

.cm-ttl[b-5x12m0g83p] {
    white-space: nowrap;
}

.cm-persistent[b-5x12m0g83p] {
    color: var(--colorStatusWarningForeground1);
}

.cm-num[b-5x12m0g83p] {
    font-variant-numeric: tabular-nums;
}

/* ── Narrow containers (nav open or small screens): tiles go 2×2, the grid keeps the key with its facts underneath ── */

/* The grid pins each cell to its track inline, so hidden columns also need zero-width tracks. */
@container (max-width: 900px) {
    .cm-card[b-5x12m0g83p]  .cm-grid {
        grid-template-columns: 48px minmax(0, 1fr) 0 260px 100px !important;
    }

    .cm-card[b-5x12m0g83p]  .cm-grid th:nth-child(3),
    .cm-card[b-5x12m0g83p]  .cm-grid td:nth-child(3) {
        display: none;
    }
}

@container (max-width: 760px) {
    .cm-tiles[b-5x12m0g83p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container (max-width: 620px) {
    .cm-card[b-5x12m0g83p]  .cm-grid {
        grid-template-columns: 48px minmax(0, 1fr) 0 0 0 !important;
    }

    .cm-card[b-5x12m0g83p]  .cm-grid th:nth-child(4),
    .cm-card[b-5x12m0g83p]  .cm-grid td:nth-child(4),
    .cm-card[b-5x12m0g83p]  .cm-grid th:nth-child(5),
    .cm-card[b-5x12m0g83p]  .cm-grid td:nth-child(5) {
        display: none;
    }

    .cm-narrow-only[b-5x12m0g83p] {
        display: flex;
    }
}
/* /Pages/Admin/DatabaseLogs.razor.rz.scp.css */
/* Settings-style audit page: one filter line, change-type tiles, one grid. */
.dbl[b-0limgwyvmc] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--colorNeutralForeground1);
}

.dbl-head[b-0limgwyvmc],
.dbl-filters[b-0limgwyvmc],
.dbl-tags[b-0limgwyvmc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.dbl-head[b-0limgwyvmc] {
    flex-wrap: nowrap;
    align-items: flex-start;
}

.dbl-grow[b-0limgwyvmc] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.dbl-title[b-0limgwyvmc] {
    margin: 0;
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
}

.dbl-muted[b-0limgwyvmc] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.dbl-strong[b-0limgwyvmc] {
    font-weight: var(--fontWeightSemibold);
}

.dbl-mono[b-0limgwyvmc] {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}

/* Fluent's dropdown draws at least 191px wide, so a picker never goes narrower. */
.dbl-picker[b-0limgwyvmc] {
    width: 192px;
}

.dbl-search[b-0limgwyvmc] {
    flex: 1 1 160px;
    min-width: 160px;
}

.dbl-range-caption[b-0limgwyvmc] {
    margin-inline-start: 6px;
}

.dbl-picker[b-0limgwyvmc]  > *,
.dbl-search[b-0limgwyvmc]  > *,
.dbl-field[b-0limgwyvmc]  > .smx-field {
    width: 100%;
}

.dbl-badge[b-0limgwyvmc] {
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    box-sizing: border-box;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
    font-size: var(--fontSizeBase100);
    font-weight: var(--fontWeightSemibold);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ── More filters panel ────────────────────────────────────────────────── */

.dbl-more[b-0limgwyvmc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
}

.dbl-field[b-0limgwyvmc] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground2);
}

/* ── Tiles ─────────────────────────────────────────────────────────────── */

.dbl-tiles[b-0limgwyvmc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.dbl-tile[b-0limgwyvmc] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding: 12px 14px 14px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.dbl-tile:hover[b-0limgwyvmc] {
    background: var(--colorNeutralBackground1Hover);
}

.dbl-tile:focus-visible[b-0limgwyvmc] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: 1px;
}

.dbl-tile--on[b-0limgwyvmc] {
    border-color: var(--colorBrandStroke1);
}

.dbl-tile--on[b-0limgwyvmc]::after {
    content: "";
    position: absolute;
    inset: auto 14px 0;
    height: 3px;
    border-radius: 2px 2px 0 0;
    background: var(--colorBrandBackground);
}

.dbl-tile-label[b-0limgwyvmc] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground2);
}

.dbl-tile-count[b-0limgwyvmc] {
    font-size: var(--fontSizeBase600);
    line-height: var(--lineHeightBase600);
    font-weight: var(--fontWeightSemibold);
    font-variant-numeric: tabular-nums;
}

.dbl-tile-caption[b-0limgwyvmc] {
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Grid card ─────────────────────────────────────────────────────────── */

.dbl-card[b-0limgwyvmc] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    overflow: hidden;
}

.dbl-card-head[b-0limgwyvmc] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
}

.dbl-card-title[b-0limgwyvmc] {
    flex: 1 1 auto;
    margin: 0;
    font-size: var(--fontSizeBase300);
    font-weight: var(--fontWeightSemibold);
}

.dbl-scroll[b-0limgwyvmc] {
    overflow-x: auto;
}

/* Same row look as SoftMaxDataGrid: single-line cells at natural width, scrolling sideways. */
.dbl-scroll[b-0limgwyvmc]  table.dbl-grid {
    width: max-content !important;
    min-width: 100%;
    table-layout: auto !important;
}

.dbl-scroll[b-0limgwyvmc]  table.dbl-grid td,
.dbl-scroll[b-0limgwyvmc]  table.dbl-grid th {
    white-space: nowrap;
}

.dbl-scroll[b-0limgwyvmc]  table.dbl-grid td {
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dbl-scroll[b-0limgwyvmc]  table.dbl-grid td:last-child {
    text-overflow: clip;
}

.dbl-scroll[b-0limgwyvmc]  table.dbl-grid tbody tr {
    cursor: pointer;
}

.dbl-chevron[b-0limgwyvmc] {
    display: inline-flex;
    color: var(--colorNeutralForeground3);
}

/* ── Chips and tones ───────────────────────────────────────────────────── */

.dbl-chip[b-0limgwyvmc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 22px;
    padding: 0 8px;
    border-radius: var(--borderRadiusCircular);
    font-size: var(--fontSizeBase200);
    white-space: nowrap;
    background: var(--dbl-tone-bg);
    color: var(--dbl-tone-fg);
}

.dbl-dot[b-0limgwyvmc] {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--dbl-tone-fg);
}

.dbl-chip .dbl-dot[b-0limgwyvmc] {
    width: 6px;
    height: 6px;
}

.tone-neutral[b-0limgwyvmc] { --dbl-tone-bg: var(--colorNeutralBackground3); --dbl-tone-fg: var(--colorNeutralForeground2); }
.tone-added[b-0limgwyvmc] { --dbl-tone-bg: var(--colorStatusSuccessBackground1); --dbl-tone-fg: var(--colorStatusSuccessForeground1); }
.tone-modified[b-0limgwyvmc] { --dbl-tone-bg: var(--colorBrandBackground2); --dbl-tone-fg: var(--colorBrandForeground2); }
.tone-deleted[b-0limgwyvmc] { --dbl-tone-bg: var(--colorStatusDangerBackground1); --dbl-tone-fg: var(--colorStatusDangerForeground1); }

/* ── Narrow screens ────────────────────────────────────────────────────── */

@media (max-width: 1023px) {
    .dbl-picker[b-0limgwyvmc] {
        flex: 1 1 192px;
        width: auto;
    }

    .dbl-tiles[b-0limgwyvmc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .dbl-picker[b-0limgwyvmc],
    .dbl-search[b-0limgwyvmc] {
        flex: 1 1 100%;
        width: auto;
    }

    .dbl-card-hint[b-0limgwyvmc] {
        display: none;
    }
}
/* /Pages/Admin/DevComponents.razor.rz.scp.css */
.dc-page[b-g6mvf7tkm4] { padding: 1.5rem; display: flex; flex-direction: column; gap: 2rem; }
.dc-header h1[b-g6mvf7tkm4] { margin: 0 0 .25rem; font-size: 1.5rem; font-weight: 600; }
.dc-header p[b-g6mvf7tkm4] { margin: 0; color: var(--colorNeutralForeground2); }
.dc-pdf-actions[b-g6mvf7tkm4] { display: flex; flex-wrap: wrap; gap: .5rem; flex: 1 1 100%; }
.dc-pdf-embed[b-g6mvf7tkm4] { flex: 1 1 100%; height: 32rem; border: 1px solid var(--colorNeutralStroke2); border-radius: var(--borderRadiusMedium); overflow: hidden; }
.dc-demo > .dc-pdf-embed[b-g6mvf7tkm4], .dc-demo > .dc-pdf-label[b-g6mvf7tkm4], .dc-demo > .dc-pdf-actions[b-g6mvf7tkm4] { flex: 1 1 100%; max-width: 100%; }
.dc-pdf-embed--full[b-g6mvf7tkm4] { height: 40rem; }
.dc-pdf-label[b-g6mvf7tkm4] { flex: 1 1 100%; font-size: var(--fontSizeBase300); font-weight: var(--fontWeightSemibold); }

.dc-demo[b-g6mvf7tkm4] { display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: flex-start; }
.dc-demo[b-g6mvf7tkm4]  > * { min-width: 260px; flex: 0 1 320px; }
/* /Pages/Admin/DevSection.razor.rz.scp.css */
/* Scoped to DevSection, not DevComponents: Blazor CSS isolation stamps its scope attribute on the
   markup of the component the file belongs to, so section styles must live beside the section
   component. The demo children are supplied by the parent as ChildContent, which puts them outside
   this scope — hence ::deep for anything targeting them. */

.dc-section[b-0g8cv7af6f] {
    border: 1px solid var(--colorNeutralStroke2, #e0e0e0);
    border-radius: var(--borderRadiusMedium, 8px);
    padding: 1.25rem;
    background: var(--colorNeutralBackground2);
}

.dc-section h2[b-0g8cv7af6f] { margin: 0 0 .25rem; font-size: 1.125rem; font-weight: 600; }
.dc-section-desc[b-0g8cv7af6f] { margin: 0 0 1rem; color: var(--colorNeutralForeground3); font-size: .875rem; }

.dc-demo[b-0g8cv7af6f] { display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: flex-start; }
.dc-demo[b-0g8cv7af6f]  > * { min-width: 260px; flex: 0 1 320px; }
/* /Pages/Admin/Dialogs/CacheDeleteDialog.razor.rz.scp.css */
.cd[b-4gzso1fxs2] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.cd-p[b-4gzso1fxs2] {
    margin: 0;
}

.cd-muted[b-4gzso1fxs2] {
    color: var(--colorNeutralForeground3);
}

.cd-keys[b-4gzso1fxs2] {
    display: flex;
    flex-direction: column;
    padding: 6px 0;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground2);
}

.cd-key[b-4gzso1fxs2] {
    padding: 2px 12px;
    font-family: "Cascadia Mono", Consolas, ui-monospace, monospace;
    font-size: var(--fontSizeBase200);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cd-more[b-4gzso1fxs2] {
    padding: 2px 12px;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}
/* /Pages/Admin/Dialogs/CacheFlushDialog.razor.rz.scp.css */
.cf[b-zzmaxfq17e] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cf[b-zzmaxfq17e]  > * {
    width: 100%;
}
/* /Pages/Admin/Dialogs/CacheKeyDialog.razor.rz.scp.css */
.ck[b-183sc22lli] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.ck-grow[b-183sc22lli] {
    flex: 1 1 auto;
    min-width: 0;
}

.ck-mono[b-183sc22lli] {
    font-family: "Cascadia Mono", Consolas, ui-monospace, monospace;
    font-size: var(--fontSizeBase200);
}

.ck-key[b-183sc22lli] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 6px 6px 12px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground2);
    overflow-wrap: anywhere;
}

.ck-facts[b-183sc22lli] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.ck-fact[b-183sc22lli] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
}

.ck-fact-label[b-183sc22lli] {
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}

.ck-fact-value[b-183sc22lli] {
    font-weight: var(--fontWeightSemibold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ck-persistent[b-183sc22lli] {
    color: var(--colorStatusWarningForeground1);
}

.ck-value[b-183sc22lli] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    overflow: hidden;
}

.ck-value-head[b-183sc22lli] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 6px 8px 6px 16px;
    border-bottom: 1px solid var(--colorNeutralStroke3);
}

.ck-value-title[b-183sc22lli] {
    font-weight: var(--fontWeightSemibold);
}

.ck-pre[b-183sc22lli] {
    margin: 0;
    padding: 12px 16px;
    max-height: min(320px, 45dvh);
    overflow: auto;
    background: var(--colorNeutralBackground2);
    line-height: var(--lineHeightBase300);
    white-space: pre;
}

.ck-pre--wrap[b-183sc22lli] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.ck-empty[b-183sc22lli] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px 16px;
    color: var(--colorNeutralForeground2);
}

@media (max-width: 600px) {
    .ck-facts[b-183sc22lli] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Pages/Admin/Dialogs/CloneMenuDialog.razor.rz.scp.css */
.cln-chips[b-4tv8zj09ho] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cln-chip[b-4tv8zj09ho] {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    border-radius: 12px;
    background: var(--colorNeutralBackground3);
    font-size: var(--fontSizeBase200);
}
/* /Pages/Admin/Dialogs/DatabaseLogDetailsDialog.razor.rz.scp.css */
/* Record header, context strip, then a Fields / Raw JSON tab strip. */
.dld[b-8cgy3m6aed] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    color: var(--colorNeutralForeground1);
}

.dld-head[b-8cgy3m6aed] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dld-grow[b-8cgy3m6aed] {
    flex: 1 1 auto;
    min-width: 0;
}

.dld-strong[b-8cgy3m6aed] {
    font-weight: var(--fontWeightSemibold);
}

.dld-muted[b-8cgy3m6aed] {
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightRegular);
    color: var(--colorNeutralForeground3);
}

.dld-soft[b-8cgy3m6aed] {
    color: var(--colorNeutralForeground2);
}

.dld-mono[b-8cgy3m6aed] {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}

.dld-break[b-8cgy3m6aed] {
    overflow-wrap: anywhere;
}

.dld-empty[b-8cgy3m6aed] {
    margin: 0;
    padding: 16px 0;
    color: var(--colorNeutralForeground3);
}

.dld-icon[b-8cgy3m6aed] {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: var(--borderRadiusLarge);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--dld-tone-bg);
    color: var(--dld-tone-fg);
}

.dld-chip[b-8cgy3m6aed] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 22px;
    padding: 0 8px;
    border-radius: var(--borderRadiusCircular);
    font-size: var(--fontSizeBase200);
    white-space: nowrap;
    background: var(--dld-tone-bg);
    color: var(--dld-tone-fg);
}

.dld-dot[b-8cgy3m6aed] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--dld-tone-fg);
}

.tone-neutral[b-8cgy3m6aed] { --dld-tone-bg: var(--colorNeutralBackground3); --dld-tone-fg: var(--colorNeutralForeground2); }
.tone-added[b-8cgy3m6aed] { --dld-tone-bg: var(--colorStatusSuccessBackground1); --dld-tone-fg: var(--colorStatusSuccessForeground1); }
.tone-modified[b-8cgy3m6aed] { --dld-tone-bg: var(--colorBrandBackground2); --dld-tone-fg: var(--colorBrandForeground2); }
.tone-deleted[b-8cgy3m6aed] { --dld-tone-bg: var(--colorStatusDangerBackground1); --dld-tone-fg: var(--colorStatusDangerForeground1); }

.dld-meta[b-8cgy3m6aed] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
}

.dld-meta dt[b-8cgy3m6aed] {
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}

.dld-meta dd[b-8cgy3m6aed] {
    margin: 0;
}

/* ── Tabs ──────────────────────────────────────────────────────────────── */

.dld-tabs[b-8cgy3m6aed] {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

.dld-tab[b-8cgy3m6aed] {
    position: relative;
    height: 40px;
    padding: 0 12px;
    border: none;
    background: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    white-space: nowrap;
    cursor: pointer;
}

.dld-tab:hover[b-8cgy3m6aed] {
    color: var(--colorNeutralForeground1);
}

.dld-tab:focus-visible[b-8cgy3m6aed] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: -2px;
}

.dld-tab--on[b-8cgy3m6aed] {
    color: var(--colorNeutralForeground1);
    font-weight: var(--fontWeightSemibold);
}

.dld-tab--on[b-8cgy3m6aed]::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    height: 3px;
    border-radius: 2px;
    background: var(--colorBrandBackground);
}

.dld-panel[b-8cgy3m6aed] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
}

.dld-toolbar[b-8cgy3m6aed] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: var(--fontSizeBase200);
}

.dld-toggle[b-8cgy3m6aed] {
    display: inline-flex;
    padding: 2px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground3);
}

.dld-toggle-btn[b-8cgy3m6aed] {
    height: 28px;
    padding: 0 10px;
    border: none;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    cursor: pointer;
}

.dld-toggle-btn.is-on[b-8cgy3m6aed] {
    background: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    font-weight: var(--fontWeightSemibold);
    box-shadow: var(--shadow2);
}

.dld-toggle-btn:focus-visible[b-8cgy3m6aed] {
    outline: 2px solid var(--colorStrokeFocus2);
}

/* ── Field table ───────────────────────────────────────────────────────── */

.dld-table[b-8cgy3m6aed] {
    max-height: 50vh;
    overflow-y: auto;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
}

.dld-row[b-8cgy3m6aed] {
    display: grid;
    gap: 12px;
    padding: 9px 16px;
    border-top: 1px solid var(--colorNeutralStroke3);
}

.dld-cols-3 .dld-row[b-8cgy3m6aed] {
    grid-template-columns: minmax(120px, 180px) minmax(0, 1fr) minmax(0, 1fr);
}

.dld-cols-2 .dld-row[b-8cgy3m6aed] {
    grid-template-columns: minmax(120px, 180px) minmax(0, 1fr);
}

.dld-row-head[b-8cgy3m6aed] {
    position: sticky;
    top: 0;
    border-top: none;
    padding-block: 6px;
    background: var(--colorNeutralBackground2);
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightSemibold);
    color: var(--colorNeutralForeground3);
}

.dld-row.is-changed[b-8cgy3m6aed] {
    background: var(--colorBrandBackground2);
}

.dld-field[b-8cgy3m6aed] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.dld-fk[b-8cgy3m6aed] {
    display: inline-flex;
    color: var(--colorBrandForeground1);
}

.dld-before[b-8cgy3m6aed] {
    color: var(--colorNeutralForeground3);
    text-decoration: line-through;
}

/* ── Raw JSON ──────────────────────────────────────────────────────────── */

.dld-raw-grid[b-8cgy3m6aed] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.dld-raw-col[b-8cgy3m6aed] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    overflow: hidden;
}

.dld-raw-head[b-8cgy3m6aed] {
    display: flex;
    align-items: center;
    padding: 4px 4px 4px 12px;
    background: var(--colorNeutralBackground2);
    border-bottom: 1px solid var(--colorNeutralStroke3);
}

.dld-raw[b-8cgy3m6aed] {
    margin: 0;
    padding: 10px 12px;
    max-height: 50vh;
    overflow: auto;
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
}

/* ── Narrow screens ────────────────────────────────────────────────────── */

@media (max-width: 767px) {
    .dld-meta[b-8cgy3m6aed],
    .dld-raw-grid[b-8cgy3m6aed] {
        grid-template-columns: minmax(0, 1fr);
    }

    .dld-cols-3 .dld-row[b-8cgy3m6aed] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .dld-cols-3 .dld-row > :first-child[b-8cgy3m6aed] {
        grid-column: 1 / -1;
    }

    .dld-cols-3 .dld-row-head > :first-child[b-8cgy3m6aed] {
        display: none;
    }
}
/* /Pages/Admin/Dialogs/DeleteMenuDialog.razor.rz.scp.css */
.dmd[b-9ynhn8bqcq] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dmd-list[b-9ynhn8bqcq] {
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
}

.dmd-row[b-9ynhn8bqcq] {
    display: flex;
    justify-content: space-between;
    padding: 10px 16px;
}

.dmd-row + .dmd-row[b-9ynhn8bqcq] {
    border-top: 1px solid var(--colorNeutralStroke3);
}
/* /Pages/Admin/Dialogs/EmailQueueDetailsDialog.razor.rz.scp.css */
/* Read-only view of one queued email as a tab strip; every colour is a Fluent token. */
.eqd[b-sbvnz1vclf] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    color: var(--colorNeutralForeground1);
}

.eqd[b-sbvnz1vclf]  .eqd-loading {
    align-self: center;
    margin: 32px 0;
}

.eqd-head[b-sbvnz1vclf] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.eqd-avatar[b-sbvnz1vclf] {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--colorBrandBackground2);
    color: var(--colorBrandForeground2);
}

.eqd-head-text[b-sbvnz1vclf] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.eqd-subject[b-sbvnz1vclf] {
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
    overflow-wrap: anywhere;
}

.eqd-muted[b-sbvnz1vclf] {
    margin: 0;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
    overflow-wrap: anywhere;
}

.eqd-chip[b-sbvnz1vclf] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 22px;
    padding: 0 8px;
    flex-shrink: 0;
    border-radius: var(--borderRadiusCircular);
    font-size: var(--fontSizeBase200);
    white-space: nowrap;
    background: var(--eqd-tone-bg);
    color: var(--eqd-tone-fg);
}

.eqd-dot[b-sbvnz1vclf] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--eqd-tone-fg);
}

.tone-pending[b-sbvnz1vclf] { --eqd-tone-bg: var(--colorStatusWarningBackground1); --eqd-tone-fg: var(--colorStatusWarningForeground1); }
.tone-sent[b-sbvnz1vclf] { --eqd-tone-bg: var(--colorStatusSuccessBackground1); --eqd-tone-fg: var(--colorStatusSuccessForeground1); }
.tone-failed[b-sbvnz1vclf] { --eqd-tone-bg: var(--colorStatusDangerBackground1); --eqd-tone-fg: var(--colorStatusDangerForeground1); }

/* ── Tabs ──────────────────────────────────────────────────────────────── */

.eqd-tabs[b-sbvnz1vclf] {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

.eqd-tab[b-sbvnz1vclf] {
    position: relative;
    height: 40px;
    padding: 0 12px;
    border: none;
    background: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    font-size: var(--fontSizeBase300);
    cursor: pointer;
    white-space: nowrap;
}

.eqd-tab:hover[b-sbvnz1vclf] {
    color: var(--colorNeutralForeground1);
}

.eqd-tab:focus-visible[b-sbvnz1vclf] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: -2px;
}

.eqd-tab--on[b-sbvnz1vclf] {
    color: var(--colorNeutralForeground1);
    font-weight: var(--fontWeightSemibold);
}

.eqd-tab--on[b-sbvnz1vclf]::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    height: 3px;
    border-radius: 2px;
    background: var(--colorBrandBackground);
}

.eqd-panel[b-sbvnz1vclf] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

/* ── Panels ────────────────────────────────────────────────────────────── */

.eqd-preview[b-sbvnz1vclf] {
    padding: 16px 20px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    overflow-x: auto;
    overflow-wrap: anywhere;
}

.eqd-preview[b-sbvnz1vclf]  img {
    max-width: 100%;
    height: auto;
}

.eqd-code[b-sbvnz1vclf] {
    margin: 0;
    padding: 12px 14px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground3);
    font-family: var(--fontFamilyMonospace);
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase300);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.eqd-code--failed[b-sbvnz1vclf] {
    border-color: var(--colorStatusDangerBorder1);
    background: var(--colorStatusDangerBackground1);
}

.eqd-facts[b-sbvnz1vclf] {
    margin: 0;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
}

.eqd-facts > div[b-sbvnz1vclf] {
    display: flex;
    gap: 12px;
    padding: 10px 16px;
}

.eqd-facts > div + div[b-sbvnz1vclf] {
    border-top: 1px solid var(--colorNeutralStroke3);
}

.eqd-facts dt[b-sbvnz1vclf] {
    width: 140px;
    flex-shrink: 0;
    color: var(--colorNeutralForeground3);
}

.eqd-facts dd[b-sbvnz1vclf] {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.eqd-mono[b-sbvnz1vclf] {
    font-family: var(--fontFamilyMonospace);
}

.eqd-h3[b-sbvnz1vclf] {
    margin: 4px 0 0;
    font-size: var(--fontSizeBase300);
    font-weight: var(--fontWeightSemibold);
}

@media (max-width: 480px) {
    .eqd-head[b-sbvnz1vclf] {
        flex-wrap: wrap;
    }

    .eqd-facts > div[b-sbvnz1vclf] {
        flex-direction: column;
        gap: 2px;
    }
}
/* /Pages/Admin/Dialogs/EmailServerDialog.razor.rz.scp.css */
/* One scrolling panel of cards; the password field never shows the stored value. */
.esd[b-jroukaroes] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--colorNeutralForeground1);
}

.esd-card[b-jroukaroes] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
}

.esd-h2[b-jroukaroes] {
    margin: 0;
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
    font-weight: var(--fontWeightSemibold);
}

.esd-grow[b-jroukaroes] {
    flex: 1 1 auto;
    min-width: 0;
}

.esd-muted[b-jroukaroes] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.esd-warn[b-jroukaroes] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorPaletteDarkOrangeForeground1);
}

[b-jroukaroes] .esd-mono input {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}

.esd-grid[b-jroukaroes] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 12px 16px;
}

.esd-chips[b-jroukaroes] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.esd-chip[b-jroukaroes] {
    min-width: 44px;
    height: 28px;
    padding: 0 10px;
    border: 1px solid var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    font: inherit;
    font-size: var(--fontSizeBase200);
    cursor: pointer;
}

.esd-chip:hover[b-jroukaroes] {
    background: var(--colorSubtleBackgroundHover);
}

.esd-chip:focus-visible[b-jroukaroes] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.esd-chip--on[b-jroukaroes] {
    border-color: var(--colorBrandStroke2, var(--colorBrandStroke1));
    background: color-mix(in srgb, var(--colorBrandBackground) 10%, var(--colorNeutralBackground1));
    color: var(--colorBrandForeground2);
}

.esd-switch-row[b-jroukaroes] {
    flex-direction: row;
    align-items: center;
}

.esd-footer-note[b-jroukaroes] {
    flex: 1 1 auto;
    font-size: var(--fontSizeBase200);
    color: var(--colorPaletteRedForeground1);
}

@media (max-width: 560px) {
    .esd-grid[b-jroukaroes] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/Admin/Dialogs/GridDialog.razor.rz.scp.css */
.grd-sizes[b-ikdi9ap1gp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.grd-chips[b-ikdi9ap1gp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-height: 32px;
}

.grd-chip[b-ikdi9ap1gp] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    height: 26px;
    padding: 0 4px 0 10px;
    border-radius: 13px;
    background: var(--colorNeutralBackground3);
    font-size: var(--fontSizeBase200);
}

.grd-chip-x[b-ikdi9ap1gp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: var(--colorNeutralForeground2);
    cursor: pointer;
}

.grd-chip-x:hover[b-ikdi9ap1gp] {
    background: var(--colorSubtleBackgroundPressed);
}

.grd-add[b-ikdi9ap1gp] {
    box-sizing: border-box;
    width: 64px;
    height: 26px;
    padding: 0 8px;
    border: 1px solid var(--colorNeutralStroke1);
    border-bottom-color: var(--colorNeutralStrokeAccessible);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    font: inherit;
    font-size: var(--fontSizeBase200);
}

.grd-add:focus[b-ikdi9ap1gp] {
    outline: none;
    border-bottom: 2px solid var(--colorCompoundBrandStroke);
}
/* /Pages/Admin/Dialogs/ImpersonateDialog.razor.rz.scp.css */
.imd-body[b-blu39ebghd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: var(--colorNeutralForeground1);
}

.imd-lead[b-blu39ebghd] {
    color: var(--colorNeutralForeground2);
}

[b-blu39ebghd] .imd-alert {
    line-height: 1.5;
}

.imd-helper[b-blu39ebghd] {
    font-size: 0.8rem;
    color: var(--colorNeutralForeground3);
}
/* /Pages/Admin/Dialogs/JobDialog.razor.rz.scp.css */
/* General, Procedure and Schedule tabs; the schedule is a day-by-hour grid of toggle cells. */
.jd[b-as5pzjj68q] {
    display: flex;
    flex-direction: column;
    color: var(--colorNeutralForeground1);
}

.jd-muted[b-as5pzjj68q] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.jd-strong[b-as5pzjj68q] {
    font-weight: var(--fontWeightSemibold);
}

.jd-grow[b-as5pzjj68q] {
    flex: 1 1 auto;
    min-width: 0;
}

.jd-mono[b-as5pzjj68q],
[b-as5pzjj68q] .jd-mono textarea {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}

.jd-tabs[b-as5pzjj68q] {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

.jd-tab[b-as5pzjj68q] {
    position: relative;
    height: 40px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    background: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    white-space: nowrap;
    cursor: pointer;
}

.jd-tab:hover[b-as5pzjj68q],
.jd-tab--on[b-as5pzjj68q] {
    color: var(--colorNeutralForeground1);
}

.jd-tab--on[b-as5pzjj68q] {
    font-weight: var(--fontWeightSemibold);
}

.jd-tab:focus-visible[b-as5pzjj68q] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: -2px;
}

.jd-tab--on[b-as5pzjj68q]::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    height: 3px;
    border-radius: 2px;
    background: var(--colorBrandBackground);
}

.jd-tab-flag[b-as5pzjj68q] {
    width: 6px;
    height: 6px;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorPaletteRedForeground1);
}

.jd-panel[b-as5pzjj68q] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 360px;
    padding-top: 16px;
}

.jd-card[b-as5pzjj68q] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
}

.jd-grid[b-as5pzjj68q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.jd-switch-row[b-as5pzjj68q] {
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

/* The grid keeps a usable cell size and scrolls sideways inside the dialog on narrow screens. */
.jd-grid-scroll[b-as5pzjj68q] {
    overflow-x: auto;
    padding-bottom: 4px;
}

.jd-week[b-as5pzjj68q] {
    min-width: 560px;
    display: grid;
    grid-template-columns: 44px repeat(24, minmax(0, 1fr));
    gap: 3px;
    align-items: center;
}

.jd-hdr[b-as5pzjj68q] {
    height: 20px;
    padding: 0;
    border: none;
    border-radius: var(--borderRadiusSmall);
    background: transparent;
    color: var(--colorNeutralForeground3);
    font: inherit;
    font-size: var(--fontSizeBase100);
    font-variant-numeric: tabular-nums;
    cursor: pointer;
}

.jd-hdr:hover[b-as5pzjj68q] {
    color: var(--colorBrandForeground1);
}

.jd-day[b-as5pzjj68q] {
    height: 24px;
    text-align: start;
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightSemibold);
    color: var(--colorNeutralForeground2);
}

.jd-cell[b-as5pzjj68q] {
    height: 24px;
    padding: 0;
    border: none;
    border-radius: var(--borderRadiusSmall);
    background: var(--colorNeutralBackground3);
    cursor: pointer;
}

.jd-cell--tick[b-as5pzjj68q] {
    background: var(--colorNeutralBackground5, var(--colorNeutralStroke3));
}

.jd-cell:hover[b-as5pzjj68q] {
    outline: 1px solid var(--colorBrandStroke1);
}

.jd-cell:focus-visible[b-as5pzjj68q],
.jd-hdr:focus-visible[b-as5pzjj68q] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.jd-cell--on[b-as5pzjj68q] {
    background: var(--colorBrandBackground);
}

.jd-summary[b-as5pzjj68q] {
    gap: 4px;
}

@media (max-width: 600px) {
    .jd-grid[b-as5pzjj68q] {
        grid-template-columns: 1fr;
    }

    .jd-panel[b-as5pzjj68q] {
        min-height: 0;
    }
}
/* /Pages/Admin/Dialogs/JobHistoryDialog.razor.rz.scp.css */
/* Outcome and range filters, range totals, then a paged run list whose failed rows expand to their log. */
.jh[b-5vrii2d09g] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: var(--colorNeutralForeground1);
}

.jh-muted[b-5vrii2d09g] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.jh-grow[b-5vrii2d09g] {
    flex: 1 1 auto;
}

.jh-bad[b-5vrii2d09g] {
    color: var(--colorPaletteRedForeground1);
}

.jh-filters[b-5vrii2d09g] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.jh-seg[b-5vrii2d09g] {
    display: inline-flex;
}

.jh-seg-btn[b-5vrii2d09g] {
    height: 32px;
    padding: 0 14px;
    margin-inline-start: -1px;
    border: 1px solid var(--colorNeutralStroke1);
    background: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    font: inherit;
    cursor: pointer;
}

.jh-seg-btn:first-child[b-5vrii2d09g] {
    margin-inline-start: 0;
    border-start-start-radius: var(--borderRadiusMedium);
    border-end-start-radius: var(--borderRadiusMedium);
}

.jh-seg-btn:last-child[b-5vrii2d09g] {
    border-start-end-radius: var(--borderRadiusMedium);
    border-end-end-radius: var(--borderRadiusMedium);
}

.jh-seg-btn:hover[b-5vrii2d09g] {
    background: var(--colorNeutralBackground1Hover);
}

.jh-seg-btn:focus-visible[b-5vrii2d09g] {
    position: relative;
    outline: 2px solid var(--colorStrokeFocus2);
}

.jh-seg-btn--on[b-5vrii2d09g] {
    position: relative;
    border-color: var(--colorBrandStroke1);
    background: var(--colorBrandBackground2);
    color: var(--colorBrandForeground2);
    font-weight: var(--fontWeightSemibold);
}

.jh-range[b-5vrii2d09g] {
    width: 200px;
}

.jh-stats[b-5vrii2d09g] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.jh-stat[b-5vrii2d09g] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 12px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground2);
}

.jh-stat-value[b-5vrii2d09g] {
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
}

.jh-grid-wrap[b-5vrii2d09g] {
    overflow-x: auto;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
}

[b-5vrii2d09g] .jh-grid {
    min-width: 560px;
}

.jh-chip[b-5vrii2d09g] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 22px;
    padding: 0 8px;
    border-radius: var(--borderRadiusCircular);
    font-size: var(--fontSizeBase200);
    white-space: nowrap;
}

.jh-chip[b-5vrii2d09g]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: var(--borderRadiusCircular);
    background: currentColor;
}

.jh-chip--ok[b-5vrii2d09g] {
    background: var(--colorPaletteGreenBackground1);
    color: var(--colorPaletteGreenForeground1);
}

.jh-chip--bad[b-5vrii2d09g] {
    background: var(--colorPaletteRedBackground1);
    color: var(--colorPaletteRedForeground1);
}

.jh-when[b-5vrii2d09g] {
    display: flex;
    flex-direction: column;
}

.jh-log[b-5vrii2d09g] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    width: 100%;
}

.jh-log-toggle[b-5vrii2d09g] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    padding: 2px 4px;
    border: none;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.jh-log-toggle:hover[b-5vrii2d09g] {
    background: var(--colorSubtleBackgroundHover);
}

.jh-log-first[b-5vrii2d09g] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jh-log-body[b-5vrii2d09g] {
    position: relative;
}

.jh-log-body pre[b-5vrii2d09g] {
    margin: 0;
    padding: 10px 40px 10px 12px;
    max-height: 200px;
    overflow: auto;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground2);
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

[b-5vrii2d09g] .jh-copy {
    position: absolute;
    top: 4px;
    inset-inline-end: 4px;
}

@media (max-width: 600px) {
    .jh-stats[b-5vrii2d09g] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .jh-seg[b-5vrii2d09g],
    .jh-range[b-5vrii2d09g] {
        width: 100%;
    }

    .jh-seg-btn[b-5vrii2d09g] {
        flex: 1 1 0;
    }
}
/* /Pages/Admin/Dialogs/LanguageDialog.razor.rz.scp.css */
.lgd[b-ru2dijzwbo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px;
    color: var(--colorNeutralForeground1);
}

.lgd-switch[b-ru2dijzwbo] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 4px;
    padding: 10px 12px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
}

.lgd-flag-row[b-ru2dijzwbo] {
    grid-column: 1 / -1;
    display: flex;
    align-items: flex-end;
    gap: 12px;
}

.lgd-flag[b-ru2dijzwbo] {
    flex: 0 0 auto;
    width: 40px;
    height: 28px;
    margin-bottom: 6px;
    overflow: hidden;
    border-radius: var(--borderRadiusSmall);
    background: var(--colorNeutralBackground3);
}

.lgd-flag img[b-ru2dijzwbo] {
    display: block;
    width: 100%;
    height: 100%;
}

.lgd[b-ru2dijzwbo]  .lgd-mono textarea {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
    font-size: var(--fontSizeBase200);
}

.lgd-grow[b-ru2dijzwbo] {
    flex: 1 1 auto;
    min-width: 0;
}

.lgd-muted[b-ru2dijzwbo] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.lgd-center[b-ru2dijzwbo] {
    display: flex;
    justify-content: center;
    padding: 24px;
}

@media (max-width: 480px) {
    .lgd[b-ru2dijzwbo] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/Admin/Dialogs/MenuDialog.razor.rz.scp.css */
.mnd-parent[b-q7vpv2ao80] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mnd-parent-value[b-q7vpv2ao80] {
    display: flex;
    align-items: center;
    min-height: 32px;
    color: var(--colorNeutralForeground2);
}

.mnd-muted[b-q7vpv2ao80] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.mnd-mono[b-q7vpv2ao80] {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
    font-size: var(--fontSizeBase200);
}

.mnd-icon-bar[b-q7vpv2ao80] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.mnd-preview[b-q7vpv2ao80] {
    display: flex;
    flex-shrink: 0;
    color: var(--colorNeutralForeground2);
}

[b-q7vpv2ao80] .mnd-icon-input {
    flex: 1 1 12rem;
    min-width: 0;
}

.mnd-search[b-q7vpv2ao80] {
    box-sizing: border-box;
    flex: 1 1 10rem;
    min-width: 0;
    height: 28px;
    padding: 0 10px;
    border: 1px solid var(--colorNeutralStroke1);
    border-bottom-color: var(--colorNeutralStrokeAccessible);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    font: inherit;
    font-size: var(--fontSizeBase200);
}

.mnd-search:focus[b-q7vpv2ao80] {
    outline: none;
    border-bottom: 2px solid var(--colorCompoundBrandStroke);
}

.mnd-icons[b-q7vpv2ao80] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 40px);
    gap: 6px;
    max-height: 144px;
    overflow-y: auto;
    padding: 2px;
}

.mnd-icon[b-q7vpv2ao80] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground2);
    cursor: pointer;
}

.mnd-icon:hover[b-q7vpv2ao80] {
    background: var(--colorSubtleBackgroundHover);
}

.mnd-icon--on[b-q7vpv2ao80],
.mnd-icon--on:hover[b-q7vpv2ao80] {
    border: 2px solid var(--colorBrandStroke1);
    background: var(--colorBrandBackground2);
    color: var(--colorBrandForeground2);
}

.mnd-icon:focus-visible[b-q7vpv2ao80] {
    outline: 2px solid var(--colorStrokeFocus2);
}
/* /Pages/Admin/Dialogs/OpenIddictApplicationDialog.razor.rz.scp.css */
/* Tab strip over one panel per tab; URI rows validate as the admin types. */
.od[b-841nocmy5d] {
    display: flex;
    flex-direction: column;
    color: var(--colorNeutralForeground1);
}

.od-muted[b-841nocmy5d] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.od-strong[b-841nocmy5d] {
    font-weight: var(--fontWeightSemibold);
}

.od-grow[b-841nocmy5d] {
    flex: 1 1 auto;
    min-width: 0;
}

.od-mono[b-841nocmy5d],
[b-841nocmy5d] .od-mono input {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}

.od-h2[b-841nocmy5d] {
    margin: 0;
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
    font-weight: var(--fontWeightSemibold);
}

.od-tabs[b-841nocmy5d] {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

.od-tab[b-841nocmy5d] {
    position: relative;
    height: 40px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    background: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    white-space: nowrap;
    cursor: pointer;
}

.od-tab:hover[b-841nocmy5d],
.od-tab--on[b-841nocmy5d] {
    color: var(--colorNeutralForeground1);
}

.od-tab--on[b-841nocmy5d] {
    font-weight: var(--fontWeightSemibold);
}

.od-tab:focus-visible[b-841nocmy5d] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: -2px;
}

.od-tab--on[b-841nocmy5d]::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    height: 3px;
    border-radius: 2px;
    background: var(--colorBrandBackground);
}

.od-tab-warn[b-841nocmy5d] {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorPaletteYellowBackground1);
    color: var(--colorPaletteMarigoldForeground1, var(--colorPaletteYellowForeground1));
    font-size: var(--fontSizeBase100);
    font-weight: var(--fontWeightBold);
}

.od-panel[b-841nocmy5d] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 380px;
    padding-top: 16px;
}

.od-card[b-841nocmy5d] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
}

.od-card--flush[b-841nocmy5d] {
    gap: 0;
    padding: 0;
}

.od-card-pad[b-841nocmy5d] {
    padding: 14px 16px 6px;
}

.od-grid[b-841nocmy5d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

.od-row[b-841nocmy5d] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.od-choices[b-841nocmy5d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.od-choice[b-841nocmy5d] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 14px;
    border: 1px solid var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.od-choice:hover[b-841nocmy5d] {
    background: var(--colorNeutralBackground1Hover);
}

.od-choice:focus-visible[b-841nocmy5d] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.od-choice--on[b-841nocmy5d] {
    border: 2px solid var(--colorBrandStroke1);
    padding: 11px 13px;
    background: color-mix(in srgb, var(--colorBrandBackground) 10%, var(--colorNeutralBackground1));
}

.od-radios[b-841nocmy5d] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.od-radio[b-841nocmy5d] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
}

.od-radio > span[b-841nocmy5d] {
    display: flex;
    flex-direction: column;
}

.od-radio input[b-841nocmy5d] {
    margin-top: 3px;
    accent-color: var(--colorBrandBackground);
}

.od-uri[b-841nocmy5d] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.od-uri-input[b-841nocmy5d],
.od-scope-input[b-841nocmy5d],
.od-secret-value[b-841nocmy5d] {
    flex: 1 1 auto;
    min-width: 0;
    height: 32px;
    box-sizing: border-box;
    padding: 0 10px;
    border: 1px solid var(--colorNeutralStroke1);
    border-bottom-color: var(--colorNeutralStrokeAccessible);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    font-size: var(--fontSizeBase300);
}

.od-uri-input:focus[b-841nocmy5d],
.od-scope-input:focus[b-841nocmy5d] {
    outline: none;
    border-bottom: 2px solid var(--colorCompoundBrandStroke, var(--colorBrandStroke1));
}

.od-uri-input--error[b-841nocmy5d] {
    border-color: var(--colorPaletteRedBorder2);
}

.od-uri-input--warn[b-841nocmy5d] {
    border-color: var(--colorPaletteDarkOrangeBorder2, var(--colorPaletteDarkOrangeBorder1));
}

.od-uri-msg[b-841nocmy5d] {
    font-size: var(--fontSizeBase200);
    color: var(--colorPaletteDarkOrangeForeground1);
}

.od-uri-msg--error[b-841nocmy5d] {
    color: var(--colorPaletteRedForeground1);
}

[b-841nocmy5d] .od-start {
    align-self: flex-start;
}

.od-switch-row[b-841nocmy5d] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    border-top: 1px solid var(--colorNeutralStroke3);
}

.od-chips[b-841nocmy5d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.od-chip[b-841nocmy5d] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 28px;
    padding: 0 12px;
    border: 1px dashed var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground2);
    font: inherit;
    font-size: var(--fontSizeBase200);
    cursor: pointer;
}

.od-chip[b-841nocmy5d]  svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

.od-chip--on[b-841nocmy5d] {
    border: 1px solid var(--colorBrandStroke2);
    background: color-mix(in srgb, var(--colorBrandBackground) 10%, var(--colorNeutralBackground1));
    color: var(--colorBrandForeground2);
}

.od-chip--fixed[b-841nocmy5d] {
    border-style: solid;
    background: var(--colorNeutralBackground3);
    cursor: default;
}

.od-chip-x[b-841nocmy5d] {
    display: inline-flex;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.od-scope-input[b-841nocmy5d] {
    flex: 0 0 160px;
    height: 28px;
}

.od-secret[b-841nocmy5d] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--colorPaletteDarkOrangeBorder1);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorPaletteDarkOrangeBackground1);
}

.od-footer-note[b-841nocmy5d] {
    flex: 1 1 auto;
    align-self: center;
    font-size: var(--fontSizeBase200);
    color: var(--colorPaletteDarkOrangeForeground1);
}

@media (max-width: 640px) {
    .od-grid[b-841nocmy5d],
    .od-choices[b-841nocmy5d] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/Admin/Dialogs/ParameterDialog.razor.rz.scp.css */
/* General fields and input kind, then the options query for pick-list and search filters. */
.prd[b-6jur4tjrnd] {
    display: flex;
    flex-direction: column;
    color: var(--colorNeutralForeground1);
}

.prd-muted[b-6jur4tjrnd] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.prd-grow[b-6jur4tjrnd] {
    flex: 1 1 auto;
    min-width: 0;
}

.prd-mono[b-6jur4tjrnd],
[b-6jur4tjrnd] .prd-mono input,
[b-6jur4tjrnd] .prd-mono textarea {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}

.prd-tabs[b-6jur4tjrnd] {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

.prd-tab[b-6jur4tjrnd] {
    position: relative;
    height: 40px;
    padding: 0 12px;
    border: none;
    background: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    white-space: nowrap;
    cursor: pointer;
}

.prd-tab:hover:not(:disabled)[b-6jur4tjrnd] {
    color: var(--colorNeutralForeground1);
}

.prd-tab:disabled[b-6jur4tjrnd] {
    color: var(--colorNeutralForegroundDisabled);
    cursor: default;
}

.prd-tab:focus-visible[b-6jur4tjrnd] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: -2px;
}

.prd-tab--on[b-6jur4tjrnd] {
    color: var(--colorNeutralForeground1);
    font-weight: var(--fontWeightSemibold);
}

.prd-tab--on[b-6jur4tjrnd]::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    height: 3px;
    border-radius: 2px;
    background: var(--colorCompoundBrandStroke, var(--colorBrandBackground));
}

.prd-panel[b-6jur4tjrnd] {
    min-height: 360px;
    padding-top: 16px;
}

.prd-grid[b-6jur4tjrnd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.prd-wide[b-6jur4tjrnd] {
    grid-column: 1 / -1;
}

/* The shared inputs carry their own 12px top and bottom margin; the grid gap spaces them instead. */
.prd-grid[b-6jur4tjrnd]  .smx-input {
    margin: 0;
}

.prd-label[b-6jur4tjrnd] {
    margin-bottom: 8px;
}

.prd-kinds[b-6jur4tjrnd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 8px;
}

.prd-kind[b-6jur4tjrnd] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
    padding: 8px 12px;
    border: 1px solid var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground1);
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.prd-kind > span[b-6jur4tjrnd] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prd-kind:hover[b-6jur4tjrnd] {
    background: var(--colorNeutralBackground1Hover);
}

.prd-kind:focus-visible[b-6jur4tjrnd] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.prd-kind--on[b-6jur4tjrnd] {
    border-color: var(--colorCompoundBrandStroke, var(--colorBrandBackground));
    box-shadow: inset 0 0 0 1px var(--colorCompoundBrandStroke, var(--colorBrandBackground));
}

.prd-switch[b-6jur4tjrnd] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
}

@media (max-width: 640px) {
    .prd-grid[b-6jur4tjrnd] {
        grid-template-columns: minmax(0, 1fr);
    }

    .prd-grid > span:empty[b-6jur4tjrnd] {
        display: none;
    }
}
/* /Pages/Admin/Dialogs/PasswordRevealDialog.razor.rz.scp.css */
/* ── Password reveal dialog ────────────────────────────────────────────────────
 * Superadmin-only, security-sensitive. Every colour resolves from a Fluent design
 * token so light and dark render correctly without a second stylesheet.
 */

.prd-body[b-31t4gjle4q] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    color: var(--colorNeutralForeground1);
}

[b-31t4gjle4q] .prd-alert {
    line-height: 1.5;
}

.prd-field[b-31t4gjle4q] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.prd-label[b-31t4gjle4q] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    color: var(--colorNeutralForeground3);
}

.prd-helper[b-31t4gjle4q] {
    font-size: 0.8rem;
    color: var(--colorNeutralForeground3);
    line-height: 1.5;
}

.prd-helper code[b-31t4gjle4q] {
    font-family: ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, monospace;
    font-size: 0.78rem;
    color: var(--colorNeutralForeground2);
}

[b-31t4gjle4q] .prd-error {
    line-height: 1.5;
}

/* ── Revealed value ────────────────────────────────────────────────────────── */

.prd-reveal-row[b-31t4gjle4q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.prd-reveal-value[b-31t4gjle4q] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0.6rem 0.85rem;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
    background: color-mix(in srgb, var(--colorNeutralForeground1) 4%, transparent);
    font-family: ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, monospace;
    font-size: 0.92rem;
    color: var(--colorNeutralForeground1);
    overflow-wrap: anywhere;
    user-select: all;
}
/* /Pages/Admin/Dialogs/ReportDialog.razor.rz.scp.css */
/* Two tabs: the report's own fields, then the roles that can run it. */
.rpd[b-1gs13r4u68] {
    display: flex;
    flex-direction: column;
    color: var(--colorNeutralForeground1);
}

.rpd-muted[b-1gs13r4u68] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.rpd-grow[b-1gs13r4u68] {
    flex: 1 1 auto;
    min-width: 0;
}

.rpd-tabs[b-1gs13r4u68] {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

.rpd-tab[b-1gs13r4u68] {
    position: relative;
    height: 40px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    background: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    white-space: nowrap;
    cursor: pointer;
}

.rpd-tab:hover[b-1gs13r4u68] {
    color: var(--colorNeutralForeground1);
}

.rpd-tab:focus-visible[b-1gs13r4u68] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: -2px;
}

.rpd-tab--on[b-1gs13r4u68] {
    color: var(--colorNeutralForeground1);
    font-weight: var(--fontWeightSemibold);
}

.rpd-tab--on[b-1gs13r4u68]::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    height: 3px;
    border-radius: 2px;
    background: var(--colorCompoundBrandStroke, var(--colorBrandBackground));
}

.rpd-badge[b-1gs13r4u68] {
    height: 18px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground3);
    font-size: var(--fontSizeBase100);
    font-weight: var(--fontWeightRegular);
    color: var(--colorNeutralForeground2);
}

.rpd-panel[b-1gs13r4u68] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 320px;
    padding-top: 16px;
}

.rpd-grid[b-1gs13r4u68] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.rpd-wide[b-1gs13r4u68] {
    grid-column: 1 / -1;
}

/* The shared inputs carry their own 12px top and bottom margin; the grid gap spaces them instead. */
.rpd-grid[b-1gs13r4u68]  .smx-input {
    margin: 0;
}

.rpd-switch[b-1gs13r4u68] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
}

.rpd-roles[b-1gs13r4u68] {
    display: flex;
    flex-direction: column;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
}

.rpd-role[b-1gs13r4u68] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 4px 12px;
    cursor: pointer;
}

.rpd-role > span[b-1gs13r4u68] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rpd-role + .rpd-role[b-1gs13r4u68] {
    border-top: 1px solid var(--colorNeutralStroke3);
}

@media (max-width: 640px) {
    .rpd-grid[b-1gs13r4u68] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/Admin/Dialogs/RoleDialog.razor.rz.scp.css */
[b-i6mew22j94] .rd-body {
    padding: 1.25rem;
}

[b-i6mew22j94] .rd-card {
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
    padding: 1.125rem 1.25rem;
    background: var(--colorNeutralBackground1);
}

.rd-card-header[b-i6mew22j94] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    padding-bottom: 0.625rem;
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

[b-i6mew22j94] .rd-card-icon svg {
    font-size: 1.25rem !important;
}

[b-i6mew22j94] .rd-card-title {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--colorNeutralForeground1);
    letter-spacing: normal;
}

[b-i6mew22j94] .rd-hint {
    display: block;
    margin: 0 0 0.75rem;
    color: var(--colorNeutralForeground3);
}

[b-i6mew22j94] .rd-url-list {
    margin-bottom: 0.75rem;
}

.rd-url-row[b-i6mew22j94] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.375rem 0.5rem;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
}

.rd-url-system[b-i6mew22j94] {
    font-weight: 600;
    font-size: 0.85rem;
    min-width: 8rem;
}

.rd-url-value[b-i6mew22j94] {
    flex: 1 1 auto;
    font-size: 0.85rem;
    color: var(--colorNeutralForeground3);
    overflow-wrap: anywhere;
}

[b-i6mew22j94] .rd-url-add-row {
    align-items: center;
}
/* /Pages/Admin/Dialogs/RolePermissionMapDialog.razor.rz.scp.css */
.rpm-loading[b-3pubftkw68] { display: flex; align-items: center; justify-content: center; min-height: 60vh; }
.rpm-shell[b-3pubftkw68] { display: flex; flex: 1; height: 100%; min-height: 80dvh; }
/* min-width: 0 overrides the flex item's default min-width: auto. Without it, the very first
   init() measures .rpm-graph.clientWidth as 0 (dialog still mid-open-animation), force-graph's
   canvas falls back to window.innerWidth for its width, and — because a <canvas> is a replaced
   element whose intrinsic size otherwise sets the flex item's automatic minimum size — that
   oversized canvas then permanently forces .rpm-graph itself to grow to match it, overflowing
   past .rpm-shell and pushing .rpm-detail out of the visible dialog. Reproduced on every first
   open against the real dialog (not just the static harness Task 2 tested against).
   min-width: 0 lets the flex item shrink to its allotted space regardless of the canvas's
   intrinsic size, so the JS module's requestAnimationFrame retry (sizeGraphToContainer) then
   measures the real, correctly-constrained container width instead of a self-inflated one. */
.rpm-graph[b-3pubftkw68] {
    flex: 1;
    position: relative;
    min-width: 0;
    background: var(--colorNeutralBackground1, #0a0b0c);
}
.rpm-detail[b-3pubftkw68] {
    flex: 0 0 260px;
    border-inline-start: 1px solid var(--colorNeutralStroke2, rgba(0,0,0,.12));
    overflow-y: auto;
    color: var(--colorNeutralForeground1, inherit);
}

/* .rpm-graph's canvas and .rpm-detail's content are both injected by the JS module via
   innerHTML — CSS isolation never stamps a b-xxxxx scope attribute onto elements that don't
   exist in this file's compiled markup, so a plain (non-::deep) selector here would silently
   never match them. ::deep opts out of scoping for these descendants — same pattern already
   used in RoleBatchPane.razor.css for the grid's own internally-rendered rows. */
.rpm-detail[b-3pubftkw68]  .rpm-hint { opacity: .55; font-size: 12px; padding: 14px; margin: 0; }
.rpm-detail[b-3pubftkw68]  .rpm-kind { font-size: 12px; text-transform: none; letter-spacing: normal; opacity: .5; padding: 14px 14px 0; margin: 0; }
.rpm-detail[b-3pubftkw68]  h4 { margin: 2px 14px 10px; font-size: 15px; }
.rpm-detail[b-3pubftkw68]  .rpm-flag-row {
    display: flex; justify-content: space-between; padding: 5px 14px;
    border-bottom: 1px solid var(--colorNeutralStroke2, rgba(0,0,0,.08)); font-size: 12.5px;
}
.rpm-detail[b-3pubftkw68]  .rpm-yes { color: #3ecf8e; font-weight: 600; }
.rpm-detail[b-3pubftkw68]  .rpm-no { color: var(--colorNeutralForegroundDisabled, #888); }
/* /Pages/Admin/Dialogs/SendNotificationDialog.razor.rz.scp.css */
/* Two tabs over one form: the message with a bell preview, then who receives it. */
.snd[b-naz5pe70pz] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: var(--colorNeutralForeground1);
}

.snd-tabs[b-naz5pe70pz] {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

.snd-tab[b-naz5pe70pz] {
    position: relative;
    height: 40px;
    padding: 0 12px;
    border: none;
    background: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    cursor: pointer;
}

.snd-tab:hover[b-naz5pe70pz] {
    color: var(--colorNeutralForeground1);
}

.snd-tab:focus-visible[b-naz5pe70pz] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: -2px;
}

.snd-tab--on[b-naz5pe70pz] {
    color: var(--colorNeutralForeground1);
    font-weight: var(--fontWeightSemibold);
}

.snd-tab--on[b-naz5pe70pz]::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    height: 3px;
    border-radius: 2px;
    background: var(--colorCompoundBrandStroke, var(--colorBrandBackground));
}

.snd-panel[hidden][b-naz5pe70pz] {
    display: none;
}

.snd-message[b-naz5pe70pz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 24px;
}

.snd-recipients[b-naz5pe70pz],
.snd-fields[b-naz5pe70pz] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.snd-field[b-naz5pe70pz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* The field shell left-aligns its input slot, which shrank the editor to its toolbar's width. */
.snd-field[b-naz5pe70pz]  [slot="input"] {
    justify-self: stretch;
    width: 100%;
}

.snd-label[b-naz5pe70pz] {
    font-weight: var(--fontWeightSemibold);
}

.snd-muted[b-naz5pe70pz] {
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}

.snd-strong[b-naz5pe70pz] {
    font-weight: var(--fontWeightSemibold);
}

.snd-caption[b-naz5pe70pz] {
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightSemibold);
    color: var(--colorNeutralForeground3);
}

.snd-preview-col[b-naz5pe70pz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.snd-preview[b-naz5pe70pz] {
    display: flex;
    gap: 10px;
    padding: 12px;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    box-shadow: var(--shadow4);
}

.snd-preview-dot[b-naz5pe70pz] {
    width: 8px;
    height: 8px;
    margin-top: 6px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--colorBrandBackground);
}

.snd-preview-text[b-naz5pe70pz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.snd-preview-body[b-naz5pe70pz] {
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground2);
}

.snd-audience[b-naz5pe70pz] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.snd-card[b-naz5pe70pz] {
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
}

.snd-row[b-naz5pe70pz] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
}

.snd-row-icon[b-naz5pe70pz] {
    display: inline-flex;
    color: var(--colorNeutralForeground2);
}

.snd-grow[b-naz5pe70pz] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.snd-pad[b-naz5pe70pz] {
    padding: 0 16px 12px;
}

.snd-reach[b-naz5pe70pz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-inline-end: auto;
    color: var(--colorNeutralForeground2);
}

@media (max-width: 640px) {
    .snd-message[b-naz5pe70pz] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/Admin/Dialogs/TranslationDialog.razor.rz.scp.css */
.trd[b-59y8d6waia] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--colorNeutralForeground1);
}

.trd-pair[b-59y8d6waia] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px;
}

.trd-ref[b-59y8d6waia] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 12px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground3);
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
}

.trd-muted[b-59y8d6waia] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.trd[b-59y8d6waia]  .trd-mono input {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}

@media (max-width: 480px) {
    .trd-pair[b-59y8d6waia] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.trd-center[b-59y8d6waia] {
    display: flex;
    justify-content: center;
    padding: 24px;
}
/* /Pages/Admin/Dialogs/UserActivityDetailsDialog.razor.rz.scp.css */
/* One layout for every event: who and when, what changed, where it came from. */
.uad[b-az84na4yz4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--colorNeutralForeground1);
}

.uad-head[b-az84na4yz4] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.uad-grow[b-az84na4yz4] {
    flex: 1 1 auto;
    min-width: 0;
}

.uad-strong[b-az84na4yz4] {
    font-weight: var(--fontWeightSemibold);
}

.uad-muted[b-az84na4yz4] {
    display: block;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}

.uad-block[b-az84na4yz4] {
    display: block;
}

.uad-soft[b-az84na4yz4] {
    color: var(--colorNeutralForeground2);
}

.uad-mono[b-az84na4yz4] {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
    font-size: var(--fontSizeBase200);
}

.uad-break[b-az84na4yz4] {
    overflow-wrap: anywhere;
}

.uad-card[b-az84na4yz4] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    overflow: hidden;
}

.uad-card-title[b-az84na4yz4] {
    margin: 0;
    padding: 12px 16px 8px;
    font-size: var(--fontSizeBase300);
    font-weight: var(--fontWeightSemibold);
}

.uad-pad[b-az84na4yz4] {
    padding: 0 16px 12px;
}

.uad-row[b-az84na4yz4] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 16px;
    border-top: 1px solid var(--colorNeutralStroke3);
}

.uad-label[b-az84na4yz4] {
    width: 110px;
    flex-shrink: 0;
    color: var(--colorNeutralForeground3);
}

.uad-grid[b-az84na4yz4] {
    display: grid;
    grid-template-columns: 150px 1fr 1fr;
    gap: 12px;
    padding: 9px 16px;
    border-top: 1px solid var(--colorNeutralStroke3);
    overflow-wrap: anywhere;
}

.uad-grid-head[b-az84na4yz4] {
    padding-block: 6px;
    background: var(--colorNeutralBackground2);
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightSemibold);
    color: var(--colorNeutralForeground3);
}

.uad-before[b-az84na4yz4] {
    color: var(--colorNeutralForeground3);
    text-decoration: line-through;
}

.uad-text[b-az84na4yz4] {
    margin: 0;
    padding: 0 16px 14px;
    color: var(--colorNeutralForeground2);
}

.uad-raw[b-az84na4yz4] {
    margin: 0 16px 14px;
    padding: 10px 12px;
    max-height: 18rem;
    overflow: auto;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground3);
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
    font-size: var(--fontSizeBase200);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.uad-link[b-az84na4yz4] {
    color: var(--colorBrandForegroundLink);
    font-size: var(--fontSizeBase200);
}

.uad-chips[b-az84na4yz4] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.uad-chip[b-az84na4yz4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 22px;
    padding: 0 8px;
    border-radius: var(--borderRadiusCircular);
    font-size: var(--fontSizeBase200);
    white-space: nowrap;
    background: var(--uad-tone-bg);
    color: var(--uad-tone-fg);
}

.uad-dot[b-az84na4yz4] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--uad-tone-fg);
}

.tone-neutral[b-az84na4yz4] { --uad-tone-bg: var(--colorNeutralBackground3); --uad-tone-fg: var(--colorNeutralForeground2); }
.tone-create[b-az84na4yz4] { --uad-tone-bg: var(--colorStatusSuccessBackground1); --uad-tone-fg: var(--colorStatusSuccessForeground1); }
.tone-roles[b-az84na4yz4] { --uad-tone-bg: var(--colorBrandBackground2); --uad-tone-fg: var(--colorBrandForeground2); }
.tone-password[b-az84na4yz4] { --uad-tone-bg: var(--colorStatusWarningBackground1); --uad-tone-fg: var(--colorStatusWarningForeground1); }
.tone-block[b-az84na4yz4] { --uad-tone-bg: var(--colorStatusDangerBackground1); --uad-tone-fg: var(--colorStatusDangerForeground1); }

@media (max-width: 599px) {
    .uad-head[b-az84na4yz4] {
        flex-wrap: wrap;
    }

    .uad-row[b-az84na4yz4] {
        flex-wrap: wrap;
        gap: 4px 12px;
    }

    .uad-label[b-az84na4yz4] {
        width: 100%;
    }

    .uad-grid[b-az84na4yz4] {
        grid-template-columns: 1fr 1fr;
    }

    .uad-grid > :first-child[b-az84na4yz4] {
        grid-column: 1 / -1;
    }
}
/* /Pages/Admin/Dialogs/UserDialog.razor.rz.scp.css */
/* Header, tab strip and one panel per tab; new users walk the tabs as numbered steps. */
.ud[b-hgeyrudqub] {
    display: flex;
    flex-direction: column;
    color: var(--colorNeutralForeground1);
}

.ud-muted[b-hgeyrudqub] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.ud-strong[b-hgeyrudqub] {
    font-weight: var(--fontWeightSemibold);
}

.ud-grow[b-hgeyrudqub] {
    flex: 1 1 auto;
    min-width: 0;
}

.ud-h2[b-hgeyrudqub] {
    margin: 0;
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
    font-weight: var(--fontWeightSemibold);
}

.ud-sr[b-hgeyrudqub],
[b-hgeyrudqub] .ud-file {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.ud-head[b-hgeyrudqub] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 12px;
}

.ud-head-avatar[b-hgeyrudqub] {
    position: relative;
    flex-shrink: 0;
}

.ud-head-camera[b-hgeyrudqub] {
    position: absolute;
    right: -4px;
    bottom: -4px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke1);
    cursor: pointer;
}

.ud-head-camera:hover[b-hgeyrudqub] {
    background: var(--colorNeutralBackground1Hover);
}

.ud-head-camera:focus-within[b-hgeyrudqub] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.ud-head-camera[b-hgeyrudqub]  svg {
    width: 16px;
    height: 16px;
}

.ud-head-text[b-hgeyrudqub] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ud-head-name[b-hgeyrudqub] {
    font-size: var(--fontSizeBase500);
    line-height: var(--lineHeightBase500);
    font-weight: var(--fontWeightSemibold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-hgeyrudqub] .ud-head-remove {
    align-self: flex-start;
}

.ud-chips[b-hgeyrudqub] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ud-chip[b-hgeyrudqub] {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 8px;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground3);
    color: var(--colorNeutralForeground2);
    font-size: var(--fontSizeBase200);
}

.ud-chip--ok[b-hgeyrudqub] {
    background: var(--colorPaletteGreenBackground1);
    color: var(--colorPaletteGreenForeground1);
}

.ud-chip--bad[b-hgeyrudqub] {
    background: var(--colorPaletteRedBackground1);
    color: var(--colorPaletteRedForeground1);
}

.ud-chip--warn[b-hgeyrudqub] {
    background: var(--colorPaletteYellowBackground1);
    color: var(--colorPaletteMarigoldForeground1, var(--colorPaletteYellowForeground1));
}

.ud-tabs[b-hgeyrudqub] {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

.ud-tab[b-hgeyrudqub] {
    position: relative;
    height: 40px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    background: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    white-space: nowrap;
    cursor: pointer;
}

.ud-tab:hover[b-hgeyrudqub] {
    color: var(--colorNeutralForeground1);
}

.ud-tab:focus-visible[b-hgeyrudqub] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: -2px;
}

.ud-tab--on[b-hgeyrudqub] {
    color: var(--colorNeutralForeground1);
    font-weight: var(--fontWeightSemibold);
}

.ud-tab--on[b-hgeyrudqub]::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    height: 3px;
    border-radius: 2px;
    background: var(--colorCompoundBrandStroke, var(--colorBrandBackground));
}

.ud-step[b-hgeyrudqub] {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground3);
    font-size: var(--fontSizeBase100);
    font-weight: var(--fontWeightSemibold);
}

.ud-step--on[b-hgeyrudqub] {
    background: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
}

.ud-tab-badge[b-hgeyrudqub] {
    height: 18px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground3);
    font-size: var(--fontSizeBase100);
    font-weight: var(--fontWeightRegular);
    color: var(--colorNeutralForeground2);
}

.ud-tab-dot[b-hgeyrudqub] {
    width: 6px;
    height: 6px;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorBrandBackground);
}

.ud-panel[b-hgeyrudqub] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 360px;
    padding-top: 16px;
}

.ud-card[b-hgeyrudqub] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
}

.ud-card--flush[b-hgeyrudqub] {
    gap: 0;
    padding: 0;
}

.ud-card-pad[b-hgeyrudqub] {
    padding: 14px 16px 6px;
}

.ud-grid[b-hgeyrudqub] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

.ud-row[b-hgeyrudqub] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ud-row--split[b-hgeyrudqub] {
    padding-top: 12px;
    border-top: 1px solid var(--colorNeutralStroke3);
}

.ud-password[b-hgeyrudqub] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    max-width: 640px;
}

[b-hgeyrudqub] .ud-mono input {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}

.ud-list[b-hgeyrudqub] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
}

.ud-list-row[b-hgeyrudqub] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 8px 6px 12px;
}

.ud-list-row + .ud-list-row[b-hgeyrudqub] {
    border-top: 1px solid var(--colorNeutralStroke3);
}

.ud-list-empty[b-hgeyrudqub] {
    padding: 12px;
}

.ud-seg[b-hgeyrudqub] {
    display: inline-flex;
    padding: 2px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground3);
}

.ud-seg-btn[b-hgeyrudqub] {
    height: 28px;
    padding: 0 10px;
    border: none;
    border-radius: var(--borderRadiusSmall);
    background: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    font-size: var(--fontSizeBase200);
    cursor: pointer;
}

.ud-seg-btn:focus-visible[b-hgeyrudqub] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.ud-seg-btn:disabled[b-hgeyrudqub] {
    cursor: default;
}

.ud-seg-btn--on[b-hgeyrudqub] {
    background: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    font-weight: var(--fontWeightSemibold);
    box-shadow: var(--shadow2);
}

.ud-status[b-hgeyrudqub] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
}

.ud-status--bad[b-hgeyrudqub] {
    border-color: var(--colorPaletteRedBorder1);
    background: var(--colorPaletteRedBackground1);
}

.ud-status-dot[b-hgeyrudqub] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground3);
}

.ud-status--bad .ud-status-dot[b-hgeyrudqub] {
    background: var(--colorPaletteRedBackground2);
    color: var(--colorPaletteRedForeground1);
}

.ud-status-dot[b-hgeyrudqub]  svg {
    fill: currentColor;
}

[b-hgeyrudqub] .ud-danger {
    color: var(--colorPaletteRedForeground1);
}

.ud-switch-row[b-hgeyrudqub] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    border-top: 1px solid var(--colorNeutralStroke3);
}

.ud-facts[b-hgeyrudqub] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.ud-fact[b-hgeyrudqub] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 14px 16px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
}

.ud-footer-note[b-hgeyrudqub] {
    flex: 1 1 auto;
    align-self: center;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}

@media (max-width: 640px) {
    .ud-head[b-hgeyrudqub] {
        flex-wrap: wrap;
    }

    .ud-grid[b-hgeyrudqub],
    .ud-facts[b-hgeyrudqub] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ud-password[b-hgeyrudqub],
    .ud-list-row[b-hgeyrudqub] {
        flex-wrap: wrap;
    }
}
/* /Pages/Admin/Dialogs/UserLoginHistoryDialog.razor.rz.scp.css */
.lh[b-kz4w0zwiqu] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--colorNeutralForeground1);
}

.lh-sub[b-kz4w0zwiqu] {
    margin-top: -4px;
    color: var(--colorNeutralForeground3);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lh-muted[b-kz4w0zwiqu] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.lh-strong[b-kz4w0zwiqu] {
    font-weight: var(--fontWeightSemibold);
}

.lh-bad[b-kz4w0zwiqu] {
    color: var(--colorPaletteRedForeground1);
}

.lh-ellipsis[b-kz4w0zwiqu] {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lh-facts[b-kz4w0zwiqu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.lh-fact[b-kz4w0zwiqu] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground2);
}

.lh-seg[b-kz4w0zwiqu] {
    align-self: flex-start;
    display: flex;
    gap: 2px;
    padding: 2px;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground3);
}

.lh-seg-btn[b-kz4w0zwiqu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: var(--colorNeutralForeground1);
    font: inherit;
    cursor: pointer;
}

.lh-seg-btn:hover[b-kz4w0zwiqu] {
    background: var(--colorNeutralBackground1Hover);
}

.lh-seg-btn:focus-visible[b-kz4w0zwiqu],
.lh-row:focus-visible[b-kz4w0zwiqu] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: -2px;
}

.lh-seg-btn--on[b-kz4w0zwiqu],
.lh-seg-btn--on:hover[b-kz4w0zwiqu] {
    background: var(--colorNeutralBackground1);
    border-color: var(--colorNeutralStroke2);
    box-shadow: var(--shadow2);
    font-weight: var(--fontWeightSemibold);
}

.lh-count[b-kz4w0zwiqu] {
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightRegular);
    color: var(--colorNeutralForeground3);
}

/* Own scroller so day headings can stick. */
.lh-list[b-kz4w0zwiqu] {
    height: min(56vh, 34rem);
    overflow-y: auto;
    border-top: 1px solid var(--colorNeutralStroke2);
}

.lh-day[b-kz4w0zwiqu] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 12px 12px 4px;
    background: var(--colorNeutralBackground1);
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightSemibold);
    color: var(--colorNeutralForeground3);
}

.lh-row[b-kz4w0zwiqu] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 44px;
    padding: 6px 12px;
    border: none;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.lh-row:hover[b-kz4w0zwiqu] {
    background: var(--colorSubtleBackgroundHover);
}

.lh-mark[b-kz4w0zwiqu] {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: var(--borderRadiusCircular);
}

.lh-mark--ok[b-kz4w0zwiqu] {
    background: var(--colorPaletteGreenBackground1);
    color: var(--colorPaletteGreenForeground1);
}

.lh-mark--bad[b-kz4w0zwiqu] {
    background: var(--colorPaletteRedBackground1);
    color: var(--colorPaletteRedForeground1);
}

.lh-time[b-kz4w0zwiqu] {
    flex: none;
    width: 40px;
    font-size: var(--fontSizeBase200);
    font-variant-numeric: tabular-nums;
    color: var(--colorNeutralForeground3);
}

.lh-main[b-kz4w0zwiqu] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.lh-title[b-kz4w0zwiqu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 8px;
    min-width: 0;
}

.lh-chip[b-kz4w0zwiqu] {
    flex: none;
    padding: 0 8px;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorPaletteRedBackground1);
    color: var(--colorPaletteRedForeground1);
    font-size: var(--fontSizeBase200);
    line-height: 20px;
}

.lh-detail[b-kz4w0zwiqu] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 6px 16px;
    margin: 0 12px 8px 92px;
    padding: 10px 12px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground2);
    font-size: var(--fontSizeBase200);
}

.lh-detail dt[b-kz4w0zwiqu] {
    color: var(--colorNeutralForeground3);
}

.lh-detail dd[b-kz4w0zwiqu] {
    margin: 0;
}

.lh-ua[b-kz4w0zwiqu] {
    word-break: break-all;
    color: var(--colorNeutralForeground2);
}

.lh-map[b-kz4w0zwiqu] {
    margin-inline-start: 8px;
    color: var(--colorBrandForegroundLink);
}

.lh-empty[b-kz4w0zwiqu] {
    display: flex;
    justify-content: center;
    padding: 48px 12px;
    color: var(--colorNeutralForeground3);
}

.lh-footer-note[b-kz4w0zwiqu] {
    flex: 1 1 auto;
    align-self: center;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}

@media (max-width: 640px) {
    .lh-facts[b-kz4w0zwiqu] {
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: 78%;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }

    .lh-fact[b-kz4w0zwiqu] {
        scroll-snap-align: start;
    }

    .lh-detail[b-kz4w0zwiqu] {
        grid-template-columns: minmax(0, 1fr);
    }

    .lh-detail[b-kz4w0zwiqu] {
        margin-inline-start: 12px;
    }

    .lh-detail dd[b-kz4w0zwiqu] {
        margin-bottom: 4px;
    }
}

.lh-signout[b-kz4w0zwiqu] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}
/* /Pages/Admin/EmailQueues.razor.rz.scp.css */
/* Settings-style queue: status tiles filter one SoftMaxDataGrid; colours come from Fluent tokens. */
.eq[b-kia59r89yx] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    color: var(--colorNeutralForeground1);
}

.eq-head[b-kia59r89yx],
.eq-filters[b-kia59r89yx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.eq-grow[b-kia59r89yx] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.eq-title[b-kia59r89yx] {
    margin: 0;
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
}

.eq-muted[b-kia59r89yx] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.eq-strong[b-kia59r89yx] {
    font-weight: var(--fontWeightSemibold);
}

.eq-range[b-kia59r89yx] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
}

.eq-picker[b-kia59r89yx] {
    width: 180px;
}

.eq-picker[b-kia59r89yx]  > * {
    width: 100%;
}

/* ── Tiles ─────────────────────────────────────────────────────────────── */

.eq-tiles[b-kia59r89yx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 8px;
}

.eq-tile[b-kia59r89yx] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding: 12px 14px 14px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.eq-tile:hover[b-kia59r89yx] {
    background: var(--colorNeutralBackground1Hover);
}

.eq-tile:focus-visible[b-kia59r89yx] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: 1px;
}

.eq-tile--on[b-kia59r89yx] {
    border-color: var(--colorBrandStroke1);
}

.eq-tile--on[b-kia59r89yx]::after {
    content: "";
    position: absolute;
    inset: auto 14px 0;
    height: 3px;
    border-radius: 2px 2px 0 0;
    background: var(--colorBrandBackground);
}

.eq-tile-label[b-kia59r89yx] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground2);
}

.eq-tile-count[b-kia59r89yx] {
    font-size: var(--fontSizeBase600);
    line-height: var(--lineHeightBase600);
    font-weight: var(--fontWeightSemibold);
    font-variant-numeric: tabular-nums;
}

.eq-tile-caption[b-kia59r89yx] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}

.eq-tile-caption--alert[b-kia59r89yx] {
    color: var(--colorStatusDangerForeground1);
    font-weight: var(--fontWeightSemibold);
}

/* ── Grid cells (rendered inside SoftMaxDataGrid, hence ::deep) ───────────── */

.eq[b-kia59r89yx]  .eq-cell {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.eq[b-kia59r89yx]  .eq-cell-main,
.eq[b-kia59r89yx]  .eq-cell-sub {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eq[b-kia59r89yx]  .eq-cell-sub {
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}

.eq[b-kia59r89yx]  .eq-cell-sub--failed {
    color: var(--colorStatusDangerForeground1);
}

.eq[b-kia59r89yx]  .eq-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 22px;
    padding: 0 8px;
    border-radius: var(--borderRadiusCircular);
    font-size: var(--fontSizeBase200);
    white-space: nowrap;
    background: var(--eq-tone-bg);
    color: var(--eq-tone-fg);
}

.eq[b-kia59r89yx]  .eq-dot {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--eq-tone-fg);
}

.eq[b-kia59r89yx]  .eq-chip .eq-dot {
    width: 6px;
    height: 6px;
}

.eq[b-kia59r89yx]  .tone-neutral { --eq-tone-bg: var(--colorNeutralBackground3); --eq-tone-fg: var(--colorNeutralForeground2); }
.eq[b-kia59r89yx]  .tone-pending { --eq-tone-bg: var(--colorStatusWarningBackground1); --eq-tone-fg: var(--colorStatusWarningForeground1); }
.eq[b-kia59r89yx]  .tone-sent { --eq-tone-bg: var(--colorStatusSuccessBackground1); --eq-tone-fg: var(--colorStatusSuccessForeground1); }
.eq[b-kia59r89yx]  .tone-failed { --eq-tone-bg: var(--colorStatusDangerBackground1); --eq-tone-fg: var(--colorStatusDangerForeground1); }

/* ── Narrow screens: tiles go 2×2, filters take the full row ────────────── */

@media (max-width: 768px) {
    .eq-tiles[b-kia59r89yx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .eq-filters[b-kia59r89yx],
    .eq-picker[b-kia59r89yx] {
        flex: 1 1 100%;
        width: auto;
    }

    .eq-range-span[b-kia59r89yx] {
        display: none;
    }
}
/* /Pages/Admin/EmailServers.razor.rz.scp.css */
/* List on the left, the selected server's details on the right; narrow widths drill in like Settings on a phone. */
.es[b-e3wn39gm8w] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--colorNeutralForeground1);
    container-type: inline-size;
}

.es-head[b-e3wn39gm8w] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.es-title[b-e3wn39gm8w] {
    margin: 0;
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
}

.es-grow[b-e3wn39gm8w] {
    flex: 1 1 auto;
    min-width: 0;
}

.es-muted[b-e3wn39gm8w] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.es-warn-text[b-e3wn39gm8w] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorPaletteDarkOrangeForeground1);
}

.es-strong[b-e3wn39gm8w] {
    font-weight: var(--fontWeightSemibold);
}

.es-mono[b-e3wn39gm8w] {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}

.es-break[b-e3wn39gm8w] {
    overflow-wrap: anywhere;
}

.es-center[b-e3wn39gm8w],
.es-empty[b-e3wn39gm8w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 240px;
    padding: 24px;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke2);
    text-align: center;
}

.es-body[b-e3wn39gm8w] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.es-list[b-e3wn39gm8w] {
    width: 320px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke2);
}

.es-list-count[b-e3wn39gm8w] {
    padding: 6px 12px;
}

.es-item[b-e3wn39gm8w] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 56px;
    padding: 10px 12px;
    border: none;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.es-item:hover[b-e3wn39gm8w],
.es-item--on[b-e3wn39gm8w] {
    background: var(--colorSubtleBackgroundHover);
}

.es-item:focus-visible[b-e3wn39gm8w],
.es-back:focus-visible[b-e3wn39gm8w] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.es-item--on[b-e3wn39gm8w]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 12px;
    bottom: 12px;
    width: 3px;
    border-radius: 2px;
    background: var(--colorBrandBackground);
}

.es-item-text[b-e3wn39gm8w] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.es-item-text > span[b-e3wn39gm8w] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.es-badge[b-e3wn39gm8w] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground3);
    color: var(--colorNeutralForeground3);
}

.es-badge--on[b-e3wn39gm8w] {
    background: color-mix(in srgb, var(--colorBrandBackground) 10%, var(--colorNeutralBackground1));
    color: var(--colorBrandForeground2);
}

.es-badge--lg[b-e3wn39gm8w] {
    width: 56px;
    height: 56px;
    border-radius: var(--borderRadiusXLarge);
}

.es-pill[b-e3wn39gm8w] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    height: 22px;
    padding: 0 8px;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground3);
    color: var(--colorNeutralForeground2);
    font-size: var(--fontSizeBase200);
    white-space: nowrap;
}

.es-pill--ok[b-e3wn39gm8w] {
    background: var(--colorPaletteGreenBackground1);
    color: var(--colorPaletteGreenForeground1);
}

.es-pill--warn[b-e3wn39gm8w] {
    background: var(--colorPaletteYellowBackground1);
    color: var(--colorPaletteMarigoldForeground1, var(--colorNeutralForeground1));
}

.es-detail[b-e3wn39gm8w] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.es-back[b-e3wn39gm8w] {
    display: none;
    align-self: flex-start;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    padding: 0 8px;
    margin-inline-start: -8px;
    border: none;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: var(--colorNeutralForeground1);
    font: inherit;
    cursor: pointer;
}

.es-back:hover[b-e3wn39gm8w] {
    background: var(--colorSubtleBackgroundHover);
}

.es-card[b-e3wn39gm8w] {
    display: flex;
    flex-direction: column;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke2);
}

.es-hero[b-e3wn39gm8w] {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    padding: 20px;
}

.es-hero > .es-grow[b-e3wn39gm8w] {
    min-width: 200px;
}

.es-hero-name[b-e3wn39gm8w] {
    font-size: var(--fontSizeBase500);
    line-height: var(--lineHeightBase500);
    font-weight: var(--fontWeightSemibold);
    margin-bottom: 6px;
    overflow-wrap: anywhere;
}

.es-hero-actions[b-e3wn39gm8w] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.es-chips[b-e3wn39gm8w] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.es-chips > .es-pill[b-e3wn39gm8w] {
    white-space: normal;
    height: auto;
    min-height: 22px;
    overflow-wrap: anywhere;
}

.es-h2[b-e3wn39gm8w] {
    margin: 0;
    padding: 14px 16px 8px;
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
    font-weight: var(--fontWeightSemibold);
}

.es-row[b-e3wn39gm8w] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 32px;
    padding: 8px 16px;
    border-top: 1px solid var(--colorNeutralStroke3);
}

.es-row-label[b-e3wn39gm8w] {
    width: 160px;
    flex-shrink: 0;
    color: var(--colorNeutralForeground3);
}

[b-e3wn39gm8w] .es-danger {
    color: var(--colorPaletteRedForeground1);
}

/* The content column, not the window, decides when the list and details stop sitting side by side. */
@container (max-width: 880px) {
    .es-list[b-e3wn39gm8w] {
        width: auto;
        flex: 1 1 auto;
    }

    .es-body--detail .es-list[b-e3wn39gm8w],
    .es-body:not(.es-body--detail) .es-detail[b-e3wn39gm8w] {
        display: none;
    }

    .es-back[b-e3wn39gm8w] {
        display: inline-flex;
    }
}

@container (max-width: 560px) {
    .es-row[b-e3wn39gm8w] {
        flex-wrap: wrap;
        gap: 2px 12px;
    }

    .es-row-label[b-e3wn39gm8w] {
        width: 100%;
        font-size: var(--fontSizeBase200);
    }

    .es-hero[b-e3wn39gm8w] {
        padding: 16px;
    }

    .es-hero-actions[b-e3wn39gm8w] {
        width: 100%;
    }
}
/* /Pages/Admin/FileStorage.razor.rz.scp.css */
.fs[b-orx2ri7hj6] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--colorNeutralForeground1);
    container-type: inline-size;
}

.fs-head[b-orx2ri7hj6],
.fs-bar[b-orx2ri7hj6],
.fs-actions[b-orx2ri7hj6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.fs-title[b-orx2ri7hj6] {
    margin: 0;
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
}

.fs-h2[b-orx2ri7hj6] {
    margin: 0;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
    overflow-wrap: anywhere;
}

.fs-grow[b-orx2ri7hj6] {
    flex: 1 1 auto;
    min-width: 0;
}

.fs-system[b-orx2ri7hj6] {
    width: 260px;
    max-width: 100%;
}

.fs-muted[b-orx2ri7hj6] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.fs-mono[b-orx2ri7hj6],
[b-orx2ri7hj6] .fs-mono {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}

.fs-card[b-orx2ri7hj6] {
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke2);
}

.fs-center[b-orx2ri7hj6] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    padding: 16px;
}

.fs-more[b-orx2ri7hj6] {
    min-height: 0;
}

.fs-body[b-orx2ri7hj6] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.fs-buckets[b-orx2ri7hj6] {
    width: 240px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px;
}

.fs-pad[b-orx2ri7hj6] {
    padding: 6px 12px;
}

.fs-bucket[b-orx2ri7hj6] {
    position: relative;
    padding: 8px 12px;
    border: none;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fs-bucket:hover[b-orx2ri7hj6],
.fs-bucket--on[b-orx2ri7hj6] {
    background: var(--colorSubtleBackgroundHover);
}

.fs-bucket--on[b-orx2ri7hj6]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 10px;
    bottom: 10px;
    width: 3px;
    border-radius: 2px;
    background: var(--colorBrandBackground);
}

.fs-bucket:focus-visible[b-orx2ri7hj6],
.fs-table tbody tr:focus-visible[b-orx2ri7hj6],
.fs-crumb button:focus-visible[b-orx2ri7hj6] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.fs-main[b-orx2ri7hj6] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fs-crumb[b-orx2ri7hj6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.fs-crumb button[b-orx2ri7hj6] {
    border: none;
    background: transparent;
    color: var(--colorBrandForeground1);
    font: inherit;
    padding: 2px 4px;
    border-radius: var(--borderRadiusSmall);
    cursor: pointer;
}

.fs-crumb button:last-child[b-orx2ri7hj6] {
    color: var(--colorNeutralForeground1);
    font-weight: var(--fontWeightSemibold);
}

.fs-upload[b-orx2ri7hj6] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 12px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
    font-weight: var(--fontWeightSemibold);
    cursor: pointer;
}

.fs-upload:hover[b-orx2ri7hj6] {
    background: var(--colorBrandBackgroundHover);
}

.fs-upload:focus-within[b-orx2ri7hj6] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.fs-upload--off[b-orx2ri7hj6] {
    opacity: .5;
    pointer-events: none;
}

.fs-upload[b-orx2ri7hj6]  input[type=file] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.fs-table[b-orx2ri7hj6] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fontSizeBase300);
}

.fs-table th[b-orx2ri7hj6] {
    text-align: start;
    font-weight: var(--fontWeightSemibold);
    color: var(--colorNeutralForeground3);
    padding: 6px 8px;
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

.fs-table td[b-orx2ri7hj6] {
    padding: 6px 8px;
    border-bottom: 1px solid var(--colorNeutralStroke3);
}

.fs-table tbody tr[b-orx2ri7hj6] {
    cursor: pointer;
}

.fs-table tbody tr:hover[b-orx2ri7hj6],
.fs-row--on[b-orx2ri7hj6] {
    background: var(--colorSubtleBackgroundHover);
}

.fs-name[b-orx2ri7hj6] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    overflow-wrap: anywhere;
}

.fs-num[b-orx2ri7hj6] {
    text-align: end;
    white-space: nowrap;
}

.fs-detail[b-orx2ri7hj6] {
    width: 320px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
}

.fs-def[b-orx2ri7hj6] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 12px;
    margin: 0;
}

.fs-def dt[b-orx2ri7hj6] {
    color: var(--colorNeutralForeground3);
}

.fs-def dd[b-orx2ri7hj6] {
    margin: 0;
    overflow-wrap: anywhere;
}

.fs-move[b-orx2ri7hj6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--colorNeutralStroke2);
}

[b-orx2ri7hj6] .fs-danger {
    color: var(--colorPaletteRedForeground1);
}

@container (max-width: 1000px) {
    .fs-body[b-orx2ri7hj6] {
        flex-direction: column;
        align-items: stretch;
    }

    .fs-buckets[b-orx2ri7hj6],
    .fs-detail[b-orx2ri7hj6] {
        width: auto;
    }

    .fs-hide[b-orx2ri7hj6] {
        display: none;
    }
}
/* /Pages/Admin/Home.razor.rz.scp.css */
.hm-page[b-0jtbo0aayq] {
    --hm-ok: var(--colorStatusSuccessForeground1);
    --hm-warn: var(--colorStatusWarningForeground1);
    --hm-bad: var(--colorStatusDangerForeground1);
    --hm-ease: cubic-bezier(0, 0, 0, 1);
    container: hm / inline-size;
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: var(--colorNeutralForeground1);
    font-size: 14px;
    line-height: 20px;
}

.hm-caption[b-0jtbo0aayq] { font-size: 12px; line-height: 16px; color: var(--colorNeutralForeground3); }
.hm-muted[b-0jtbo0aayq] { color: var(--colorNeutralForeground3); }
.hm-strong[b-0jtbo0aayq] { font-weight: 600; }
.hm-subtitle[b-0jtbo0aayq] { font-size: 20px; line-height: 28px; font-weight: 600; }
.hm-grow[b-0jtbo0aayq] { flex: 1 1 auto; min-width: 0; }
.hm-ellipsis[b-0jtbo0aayq] { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hm-link[b-0jtbo0aayq] { font-size: 12px; color: var(--colorBrandForegroundLink, var(--colorBrandForeground1)); text-decoration: none; }
.hm-link:hover[b-0jtbo0aayq] { text-decoration: underline; }

.hm-dot[b-0jtbo0aayq] { display: inline-block; flex-shrink: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--colorNeutralForeground3); }
.hm-dot.hm-ok[b-0jtbo0aayq], .hm-av-st.hm-ok[b-0jtbo0aayq] { background: var(--hm-ok); }
.hm-dot.hm-warn[b-0jtbo0aayq], .hm-av-st.hm-warn[b-0jtbo0aayq] { background: var(--hm-warn); }
.hm-dot.hm-bad[b-0jtbo0aayq] { background: var(--hm-bad); }
.hm-dot.hm-idle[b-0jtbo0aayq] { background: var(--colorNeutralStroke1); }
.hm-pulse[b-0jtbo0aayq] { animation: hm-pulse-b-0jtbo0aayq 2s ease-out infinite; }

@keyframes hm-pulse-b-0jtbo0aayq {
    from { box-shadow: 0 0 0 0 color-mix(in srgb, var(--hm-ok) 50%, transparent); }
    to { box-shadow: 0 0 0 8px transparent; }
}

.hm-card[b-0jtbo0aayq] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 8px;
    background: var(--colorNeutralBackground1);
    box-shadow: var(--shadow2);
    animation: hm-rise-b-0jtbo0aayq 333ms var(--hm-ease) both;
}

@keyframes hm-rise-b-0jtbo0aayq {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: none; }
}

.hm-card-h[b-0jtbo0aayq] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
.hm-card-h h2[b-0jtbo0aayq] { margin: 0; font-size: 14px; line-height: 20px; font-weight: 600; }

.hm-top[b-0jtbo0aayq], .hm-row[b-0jtbo0aayq], .hm-row-3[b-0jtbo0aayq] { display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr); }

.hm-intro[b-0jtbo0aayq] { display: flex; flex-direction: column; justify-content: center; gap: 8px; min-width: 0; }
.hm-intro > .hm-caption[b-0jtbo0aayq] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
.hm-live[b-0jtbo0aayq] { display: inline-flex; align-items: center; gap: 8px; cursor: help; }
.hm-title[b-0jtbo0aayq] { margin: 0; font-size: 28px; line-height: 36px; font-weight: 600; }
.hm-lede[b-0jtbo0aayq] { margin: 0; max-width: 60ch; color: var(--colorNeutralForeground2); }
.hm-actions[b-0jtbo0aayq] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }

.hm-linkbtn[b-0jtbo0aayq] {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    box-sizing: border-box;
    border: 1px solid var(--colorNeutralStroke1);
    border-radius: 4px;
    background: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    font-weight: 600;
    text-decoration: none;
}

.hm-linkbtn:hover[b-0jtbo0aayq] { background: var(--colorNeutralBackground1Hover); }
.hm-linkbtn:active[b-0jtbo0aayq] { background: var(--colorNeutralBackground1Pressed); }
.hm-linkbtn:focus-visible[b-0jtbo0aayq], .hm-attn:focus-visible[b-0jtbo0aayq], .hm-node:focus-visible[b-0jtbo0aayq], .hm-seg button:focus-visible[b-0jtbo0aayq] { outline: 2px solid var(--colorStrokeFocus2); outline-offset: 1px; }

.hm-health[b-0jtbo0aayq] { flex-direction: row; align-items: center; gap: 16px; }
.hm-health-body[b-0jtbo0aayq] { display: flex; flex-direction: column; gap: 8px; flex: 1 1 auto; min-width: 0; }

.hm-ring[b-0jtbo0aayq] { position: relative; flex-shrink: 0; width: 96px; height: 96px; }
.hm-ring svg[b-0jtbo0aayq] { width: 96px; height: 96px; }
.hm-ring circle[b-0jtbo0aayq] { fill: none; stroke-width: 8; }
.hm-ring-track[b-0jtbo0aayq] { stroke: var(--colorNeutralStroke2); }
.hm-ring-arc[b-0jtbo0aayq] { stroke-linecap: round; transition: stroke-dasharray 333ms var(--hm-ease); }
.hm-ring-ok[b-0jtbo0aayq] { stroke: var(--hm-ok); }
.hm-ring-warn[b-0jtbo0aayq] { stroke: var(--hm-warn); }
.hm-ring-bad[b-0jtbo0aayq] { stroke: var(--hm-bad); }
.hm-ring-text[b-0jtbo0aayq] { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.hm-ring-num[b-0jtbo0aayq] { font-size: 28px; line-height: 36px; font-weight: 600; }
.hm-ring-text[b-0jtbo0aayq]  svg { width: 32px; height: 32px; fill: var(--hm-ok); }

.hm-attn[b-0jtbo0aayq] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 6px 12px;
    box-sizing: border-box;
    border-radius: 4px;
    background: var(--colorStatusWarningBackground1);
    color: var(--colorNeutralForeground1);
    text-decoration: none;
}

.hm-attn[b-0jtbo0aayq]  svg { flex-shrink: 0; width: 16px; height: 16px; fill: var(--hm-warn); }
.hm-attn-bad[b-0jtbo0aayq] { background: var(--colorStatusDangerBackground1); }
.hm-attn-bad[b-0jtbo0aayq]  svg { fill: var(--hm-bad); }
.hm-attn:hover[b-0jtbo0aayq] { filter: brightness(0.97); }

.hm-map-card[b-0jtbo0aayq] { container: hmmap / inline-size; }
.hm-map-wrap[b-0jtbo0aayq] { display: flex; flex-direction: column; gap: 12px; }
.hm-map[b-0jtbo0aayq] { position: relative; align-self: center; width: min(680px, 100%); aspect-ratio: 680 / 300; }
.hm-lines[b-0jtbo0aayq] { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; }
.hm-line[b-0jtbo0aayq] { stroke-width: 2; stroke-dasharray: 4 6; animation: hm-flow-b-0jtbo0aayq 1.2s linear infinite; }
.hm-line-ok[b-0jtbo0aayq] { stroke: var(--colorBrandBackground); }
.hm-line-warn[b-0jtbo0aayq] { stroke: var(--hm-warn); }
.hm-line-bad[b-0jtbo0aayq] { stroke: var(--hm-bad); animation: none; }
.hm-line-idle[b-0jtbo0aayq] { stroke: var(--colorNeutralStroke1); animation: none; }

@keyframes hm-flow-b-0jtbo0aayq { to { stroke-dashoffset: -20; } }

.hm-node[b-0jtbo0aayq] {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0;
    width: 23.53%;
    padding: 4px 12px;
    box-sizing: border-box;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 8px;
    background: var(--colorNeutralBackground1);
    box-shadow: var(--shadow4);
    color: var(--colorNeutralForeground1);
    font: inherit;
    font-size: 12px;
    line-height: 16px;
    text-align: start;
    cursor: pointer;
    transition: border-color 83ms linear;
}

.hm-node > span[b-0jtbo0aayq] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hm-node:hover[b-0jtbo0aayq] { border-color: var(--colorNeutralStroke1Hover); background: var(--colorNeutralBackground1Hover); }
.hm-node-sel[b-0jtbo0aayq], .hm-node-sel:hover[b-0jtbo0aayq] { border-color: var(--colorBrandStroke1, var(--colorBrandBackground)); box-shadow: inset 0 0 0 1px var(--colorBrandStroke1, var(--colorBrandBackground)), var(--shadow4); }
.hm-node-name[b-0jtbo0aayq] { display: flex; align-items: center; gap: 8px; font-size: 14px; line-height: 20px; font-weight: 600; }

.hm-node-web[b-0jtbo0aayq] { left: 0; top: 36.67%; height: 26.67%; }
.hm-node-app[b-0jtbo0aayq] { left: 38.24%; top: 31.67%; height: 36.67%; }
.hm-node-pg[b-0jtbo0aayq], .hm-node-redis[b-0jtbo0aayq], .hm-node-mail[b-0jtbo0aayq], .hm-node-jobs[b-0jtbo0aayq] { left: 76.47%; height: 22.67%; }
.hm-node-pg[b-0jtbo0aayq] { top: 0; }
.hm-node-redis[b-0jtbo0aayq] { top: 25.67%; }
.hm-node-mail[b-0jtbo0aayq] { top: 51.33%; }
.hm-node-jobs[b-0jtbo0aayq] { top: 77%; }

.hm-detail[b-0jtbo0aayq] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; padding: 12px 16px; border-radius: 4px; background: var(--colorNeutralBackground2); }
.hm-detail-name[b-0jtbo0aayq] { min-width: 112px; }
.hm-facts[b-0jtbo0aayq] { display: flex; flex-wrap: wrap; gap: 8px 24px; flex: 1 1 auto; margin: 0; }
.hm-facts div[b-0jtbo0aayq] { display: flex; flex-direction: column; }
.hm-facts dt[b-0jtbo0aayq] { font-size: 12px; line-height: 16px; font-weight: 400; color: var(--colorNeutralForeground3); }
.hm-facts dd[b-0jtbo0aayq] { margin: 0; }

@container hmmap (min-width: 1000px) {
    .hm-map-wrap[b-0jtbo0aayq] { flex-direction: row; align-items: center; gap: 24px; }
    .hm-map[b-0jtbo0aayq] { flex-shrink: 0; }
    .hm-detail[b-0jtbo0aayq] { flex-direction: column; align-items: stretch; align-self: stretch; justify-content: center; flex: 1 1 auto; }
    .hm-facts[b-0jtbo0aayq] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); flex: 0 0 auto; }
}

@container hmmap (min-width: 560px) and (max-width: 639px) {
    .hm-node-pg > span:nth-child(3)[b-0jtbo0aayq], .hm-node-redis > span:nth-child(3)[b-0jtbo0aayq], .hm-node-mail > span:nth-child(3)[b-0jtbo0aayq], .hm-node-jobs > span:nth-child(3)[b-0jtbo0aayq] { display: none; }
}

@container hmmap (max-width: 559px) {
    .hm-map[b-0jtbo0aayq] { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; width: 100%; aspect-ratio: auto; }
    .hm-lines[b-0jtbo0aayq] { display: none; }
    .hm-node[b-0jtbo0aayq] { position: static; width: auto; height: auto; min-height: 68px; }
}

.hm-big-line[b-0jtbo0aayq] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
.hm-big[b-0jtbo0aayq] { font-size: 40px; line-height: 52px; font-weight: 600; }

.hm-spark[b-0jtbo0aayq] { display: block; width: 100%; height: 64px; }
.hm-spark-area[b-0jtbo0aayq] { fill: color-mix(in srgb, var(--colorBrandBackground) 14%, transparent); }
.hm-spark-line[b-0jtbo0aayq] { fill: none; stroke: var(--colorBrandBackground); stroke-width: 2; vector-effect: non-scaling-stroke; }
.hm-spark-wait[b-0jtbo0aayq] { display: flex; align-items: center; justify-content: center; border: 1px dashed var(--colorNeutralStroke2); border-radius: 4px; box-sizing: border-box; }

.hm-faces[b-0jtbo0aayq] { display: flex; flex-wrap: wrap; gap: 8px; }
.hm-legend[b-0jtbo0aayq] { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.hm-legend > span[b-0jtbo0aayq] { display: inline-flex; align-items: center; gap: 6px; }

.hm-av[b-0jtbo0aayq] {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 600;
    background: var(--hm-av-bg);
    color: var(--hm-av-fg);
}

.hm-av-st[b-0jtbo0aayq] { position: absolute; right: -2px; bottom: -2px; width: 10px; height: 10px; border: 2px solid var(--colorNeutralBackground1); border-radius: 50%; }
.hm-av-0[b-0jtbo0aayq] { --hm-av-bg: var(--colorPaletteBlueBackground2, #d0e7f8); --hm-av-fg: var(--colorPaletteBlueForeground2, #004377); }
.hm-av-1[b-0jtbo0aayq] { --hm-av-bg: var(--colorPaletteBerryBackground2, #f4d4f1); --hm-av-fg: var(--colorPaletteBerryForeground2, #7a1c73); }
.hm-av-2[b-0jtbo0aayq] { --hm-av-bg: var(--colorPaletteTealBackground2, #c3f2f4); --hm-av-fg: var(--colorPaletteTealForeground2, #00666d); }
.hm-av-3[b-0jtbo0aayq] { --hm-av-bg: var(--colorPalettePurpleBackground2, #e6dff5); --hm-av-fg: var(--colorPalettePurpleForeground2, #401b6c); }
.hm-av-4[b-0jtbo0aayq] { --hm-av-bg: var(--colorPaletteDarkOrangeBackground2, #f9dcd1); --hm-av-fg: var(--colorPaletteDarkOrangeForeground2, #8a3200); }
.hm-av-5[b-0jtbo0aayq] { --hm-av-bg: var(--colorPaletteGreenBackground2, #bdecb5); --hm-av-fg: var(--colorPaletteGreenForeground2, #0e700e); }
.hm-av-6[b-0jtbo0aayq] { --hm-av-bg: var(--colorPaletteMarigoldBackground2, #f9e2ae); --hm-av-fg: var(--colorPaletteMarigoldForeground2, #6c4800); }
.hm-av-7[b-0jtbo0aayq] { --hm-av-bg: var(--colorPaletteLavenderBackground2, #d2ccf8); --hm-av-fg: var(--colorPaletteLavenderForeground2, #3c32a0); }
.hm-av-more[b-0jtbo0aayq], .hm-av-failed[b-0jtbo0aayq] { --hm-av-bg: var(--colorNeutralBackground3); --hm-av-fg: var(--colorNeutralForeground2); font-weight: 400; }

.hm-seg[b-0jtbo0aayq] { display: inline-flex; gap: 2px; padding: 2px; border: 1px solid var(--colorNeutralStroke2); border-radius: 4px; background: var(--colorNeutralBackground3); }

.hm-seg button[b-0jtbo0aayq] {
    height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    font-size: 12px;
    cursor: pointer;
}

.hm-seg button:hover[b-0jtbo0aayq] { color: var(--colorNeutralForeground1); }
.hm-seg button[aria-pressed="true"][b-0jtbo0aayq] { background: var(--colorNeutralBackground1); color: var(--colorNeutralForeground1); font-weight: 600; box-shadow: var(--shadow2); }

.hm-heat[b-0jtbo0aayq] {
    --hm-heat: var(--colorBrandBackground);
    display: grid;
    grid-template-columns: 36px repeat(24, minmax(0, 1fr));
    gap: 3px;
    align-items: center;
}

.hm-heat-fail[b-0jtbo0aayq] { --hm-heat: var(--hm-bad); }
.hm-heat-day[b-0jtbo0aayq] { font-size: 12px; line-height: 16px; color: var(--colorNeutralForeground3); }
.hm-heat-hour[b-0jtbo0aayq] { font-size: 12px; line-height: 16px; color: var(--colorNeutralForeground3); text-align: center; overflow: visible; white-space: nowrap; }
.hm-heat-cell[b-0jtbo0aayq] { height: 20px; border-radius: 4px; background: color-mix(in srgb, var(--hm-heat) calc(8% + var(--v) * 92%), var(--colorNeutralBackground3)); transition: background-color 250ms var(--hm-ease); }
.hm-heat-cell:hover[b-0jtbo0aayq] { outline: 2px solid var(--colorNeutralForeground1); outline-offset: -1px; }

.hm-trend[b-0jtbo0aayq] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; padding-top: 12px; border-top: 1px solid var(--colorNeutralStroke2); }
.hm-trend-text[b-0jtbo0aayq] { display: flex; flex-direction: column; }
.hm-trend-bars[b-0jtbo0aayq] { display: flex; flex: 1 1 200px; align-items: flex-end; gap: 4px; height: 56px; }
.hm-trend-bar[b-0jtbo0aayq] { display: flex; flex: 1 1 0; flex-direction: column; justify-content: flex-end; height: 100%; }
.hm-trend-ok[b-0jtbo0aayq] { background: var(--colorBrandBackground); border-radius: 0 0 2px 2px; }
.hm-trend-fail[b-0jtbo0aayq] { background: var(--hm-bad); border-radius: 2px 2px 0 0; }

.hm-stream[b-0jtbo0aayq], .hm-top-list[b-0jtbo0aayq], .hm-key[b-0jtbo0aayq] { margin: 0; padding: 0; list-style: none; }
.hm-stream li[b-0jtbo0aayq] { display: flex; align-items: center; gap: 12px; min-height: 52px; border-bottom: 1px solid var(--colorNeutralStroke3, var(--colorNeutralStroke2)); }
.hm-stream li:last-child[b-0jtbo0aayq] { border-bottom: 0; }
.hm-stream-text[b-0jtbo0aayq] { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; }
.hm-stream-meta[b-0jtbo0aayq] { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex-shrink: 0; }
.hm-chip-bad[b-0jtbo0aayq] { padding: 0 8px; border-radius: 4px; background: var(--colorStatusDangerBackground1); color: var(--colorStatusDangerForeground1); font-size: 12px; line-height: 20px; white-space: nowrap; }

.hm-top-list[b-0jtbo0aayq] { display: flex; flex-direction: column; gap: 12px; }
.hm-top-list li[b-0jtbo0aayq] { display: flex; align-items: center; gap: 12px; }
.hm-rank[b-0jtbo0aayq] { width: 20px; font-weight: 600; color: var(--colorNeutralForeground3); }
.hm-top-line[b-0jtbo0aayq] { display: flex; gap: 8px; justify-content: space-between; }
.hm-meter[b-0jtbo0aayq] { height: 4px; margin-top: 4px; border-radius: 4px; background: var(--colorNeutralBackground3); }
.hm-meter span[b-0jtbo0aayq] { display: block; height: 4px; border-radius: 4px; background: var(--colorBrandBackground); transition: width 333ms var(--hm-ease); }

.hm-stack[b-0jtbo0aayq] { display: flex; gap: 2px; height: 12px; border-radius: 4px; overflow: hidden; }
.hm-key[b-0jtbo0aayq] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px 16px; }
.hm-key li[b-0jtbo0aayq] { display: flex; align-items: center; gap: 8px; font-size: 12px; line-height: 16px; }
.hm-swatch[b-0jtbo0aayq] { display: inline-block; flex-shrink: 0; width: 10px; height: 10px; border-radius: 2px; }

.hm-series-0[b-0jtbo0aayq] { background: var(--colorBrandBackground); }
.hm-series-1[b-0jtbo0aayq] { background: var(--colorPaletteTealBorderActive, #038387); }
.hm-series-2[b-0jtbo0aayq] { background: var(--colorPalettePurpleBorderActive, #5c2e91); }
.hm-series-3[b-0jtbo0aayq] { background: var(--colorPaletteMarigoldBorderActive, #eaa300); }
.hm-series-4[b-0jtbo0aayq] { background: var(--colorPaletteBerryBorderActive, #c239b3); }
.hm-series-5[b-0jtbo0aayq] { background: var(--colorPaletteDarkOrangeBorderActive, #da3b01); }
.hm-series-6[b-0jtbo0aayq] { background: var(--colorPaletteGreenBorderActive, #107c10); }
.hm-series-7[b-0jtbo0aayq] { background: var(--colorNeutralForeground3); }
.hm-series-add[b-0jtbo0aayq] { background: var(--colorBrandBackground); }
.hm-series-mod[b-0jtbo0aayq] { background: color-mix(in srgb, var(--colorBrandBackground) 45%, var(--colorNeutralBackground1)); }
.hm-series-del[b-0jtbo0aayq] { background: var(--hm-bad); }

.hm-cols[b-0jtbo0aayq] { display: flex; align-items: flex-end; gap: 8px; }
.hm-col[b-0jtbo0aayq] { display: flex; flex: 1 1 0; flex-direction: column; align-items: stretch; gap: 4px; text-align: center; }
.hm-col-bar[b-0jtbo0aayq] { display: flex; flex-direction: column; justify-content: flex-end; height: 88px; }
.hm-col-bar span:last-child[b-0jtbo0aayq] { border-radius: 0 0 2px 2px; }
.hm-col-bar span:first-child[b-0jtbo0aayq] { border-radius: 2px 2px 0 0; }

.hm-empty[b-0jtbo0aayq], .hm-unavailable[b-0jtbo0aayq] { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 96px; color: var(--colorNeutralForeground3); }
.hm-unavailable[b-0jtbo0aayq]  svg { width: 20px; height: 20px; fill: var(--hm-bad); }

.hm-skeleton[b-0jtbo0aayq] { border-radius: 4px; background: linear-gradient(90deg, var(--colorNeutralBackground3) 25%, var(--colorNeutralBackground2) 50%, var(--colorNeutralBackground3) 75%); background-size: 200% 100%; animation: hm-shimmer-b-0jtbo0aayq 1.4s linear infinite; }
.hm-skeleton-heat[b-0jtbo0aayq] { height: 180px; }
.hm-skeleton-list[b-0jtbo0aayq] { height: 200px; }

@keyframes hm-shimmer-b-0jtbo0aayq { to { background-position: -200% 0; } }

@container hm (min-width: 720px) {
    .hm-top[b-0jtbo0aayq] { grid-template-columns: minmax(0, 1fr) minmax(0, 460px); }
    .hm-row-3[b-0jtbo0aayq] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hm-row-3 > :last-child[b-0jtbo0aayq] { grid-column: 1 / -1; }
}

@container hm (min-width: 900px) {
    .hm-row[b-0jtbo0aayq] { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
    .hm-row-3[b-0jtbo0aayq] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .hm-row-3 > :last-child[b-0jtbo0aayq] { grid-column: auto; }
}

@container hm (max-width: 400px) {
    .hm-health[b-0jtbo0aayq] { flex-direction: column; align-items: stretch; }
    .hm-ring[b-0jtbo0aayq] { align-self: center; }
}

@container hm (max-width: 480px) {
    .hm-heat[b-0jtbo0aayq] { grid-template-columns: 28px repeat(24, minmax(0, 1fr)); gap: 2px; }
    .hm-heat-cell[b-0jtbo0aayq] { height: 14px; border-radius: 2px; }
}

@media (prefers-reduced-motion: reduce) {
    .hm-card[b-0jtbo0aayq], .hm-line[b-0jtbo0aayq], .hm-pulse[b-0jtbo0aayq], .hm-skeleton[b-0jtbo0aayq] { animation: none; }
}

@media (forced-colors: active) {
    .hm-heat-cell[b-0jtbo0aayq] { forced-color-adjust: none; }
}
/* /Pages/Admin/Jobs.razor.rz.scp.css */
/* Filter tiles over a job list and the selected job's details, like Settings > Apps. */
.jb[b-1kvfqhg631] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--colorNeutralForeground1);
    container-type: inline-size;
}

.jb-head[b-1kvfqhg631] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.jb-title[b-1kvfqhg631] {
    margin: 0;
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
}

.jb-grow[b-1kvfqhg631] {
    flex: 1 1 auto;
    min-width: 0;
}

.jb-muted[b-1kvfqhg631] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.jb-strong[b-1kvfqhg631] {
    font-weight: var(--fontWeightSemibold);
}

.jb-fg[b-1kvfqhg631] {
    color: var(--colorNeutralForeground1);
}

.jb-bad[b-1kvfqhg631] {
    color: var(--colorPaletteRedForeground1);
}

/* Tiles */
.jb-tiles[b-1kvfqhg631] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.jb-tile[b-1kvfqhg631] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding: 12px 14px 14px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.jb-tile:hover[b-1kvfqhg631] {
    background: var(--colorNeutralBackground1Hover);
}

.jb-tile:focus-visible[b-1kvfqhg631] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.jb-tile--on[b-1kvfqhg631] {
    border-color: var(--colorBrandStroke1);
}

.jb-tile--on[b-1kvfqhg631]::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 0;
    height: 3px;
    border-radius: 2px 2px 0 0;
    background: var(--colorBrandBackground);
}

.jb-tile-label[b-1kvfqhg631] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jb-tile-count[b-1kvfqhg631] {
    font-size: var(--fontSizeBase600);
    line-height: var(--lineHeightBase600);
    font-weight: var(--fontWeightSemibold);
}

.jb-dot[b-1kvfqhg631] {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: var(--borderRadiusCircular);
}

.jb-dot--all[b-1kvfqhg631] { background: var(--colorNeutralForeground3); }
.jb-dot--ok[b-1kvfqhg631] { background: var(--colorPaletteGreenForeground1); }
.jb-dot--off[b-1kvfqhg631] { background: var(--colorNeutralForeground4); }
.jb-dot--bad[b-1kvfqhg631] { background: var(--colorPaletteRedForeground1); }

.jb-center[b-1kvfqhg631] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 240px;
    padding: 24px;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke2);
    text-align: center;
}

/* List and details */
.jb-body[b-1kvfqhg631] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.jb-list[b-1kvfqhg631] {
    width: 400px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke2);
}

.jb-search[b-1kvfqhg631] {
    padding: 4px 4px 8px;
}

.jb-list-head[b-1kvfqhg631] {
    display: flex;
    gap: 8px;
    padding: 2px 12px 4px;
    font-weight: var(--fontWeightSemibold);
}

.jb-list-empty[b-1kvfqhg631] {
    padding: 12px;
}

.jb-item[b-1kvfqhg631] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 56px;
    padding: 8px 12px;
    border: none;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.jb-item:hover[b-1kvfqhg631],
.jb-item--on[b-1kvfqhg631] {
    background: var(--colorSubtleBackgroundHover);
}

.jb-item:focus-visible[b-1kvfqhg631] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.jb-item--on[b-1kvfqhg631]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 14px;
    bottom: 14px;
    width: 3px;
    border-radius: 2px;
    background: var(--colorBrandBackground);
}

.jb-state[b-1kvfqhg631] {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: var(--borderRadiusCircular);
    box-shadow: inset 0 0 0 1.5px var(--colorNeutralForeground4);
}

.jb-state--on[b-1kvfqhg631] {
    background: var(--colorPaletteGreenForeground1);
    box-shadow: none;
}

.jb-item-text[b-1kvfqhg631] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.jb-item-text > span[b-1kvfqhg631] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jb-item-last[b-1kvfqhg631] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.jb-chip[b-1kvfqhg631] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 22px;
    padding: 0 8px;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground3);
    color: var(--colorNeutralForeground2);
    font-size: var(--fontSizeBase200);
    white-space: nowrap;
}

.jb-chip[b-1kvfqhg631]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: var(--borderRadiusCircular);
    background: currentColor;
}

.jb-chip--ok[b-1kvfqhg631] {
    background: var(--colorPaletteGreenBackground1);
    color: var(--colorPaletteGreenForeground1);
}

.jb-chip--bad[b-1kvfqhg631] {
    background: var(--colorPaletteRedBackground1);
    color: var(--colorPaletteRedForeground1);
}

.jb-detail[b-1kvfqhg631] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.jb-back[b-1kvfqhg631] {
    display: none;
    align-self: flex-start;
    align-items: center;
    gap: 4px;
    min-height: 40px;
    padding: 0 8px 0 4px;
    border: none;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    cursor: pointer;
}

.jb-back:hover[b-1kvfqhg631] {
    background: var(--colorSubtleBackgroundHover);
}

.jb-card[b-1kvfqhg631] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke2);
}

.jb-card-head[b-1kvfqhg631] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.jb-h3[b-1kvfqhg631] {
    margin: 0;
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
    font-weight: var(--fontWeightSemibold);
}

.jb-hero[b-1kvfqhg631] {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
}

.jb-hero-icon[b-1kvfqhg631] {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorBrandBackground2);
}

.jb-hero-text[b-1kvfqhg631] {
    min-width: 200px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.jb-hero-name[b-1kvfqhg631] {
    margin: 0;
    font-size: var(--fontSizeBase500);
    line-height: var(--lineHeightBase500);
    font-weight: var(--fontWeightSemibold);
    overflow-wrap: anywhere;
}

.jb-hero-meta[b-1kvfqhg631] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.jb-hero-actions[b-1kvfqhg631] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.jb-week[b-1kvfqhg631] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 6px;
}

.jb-day[b-1kvfqhg631] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 8px 4px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground2);
    color: var(--colorNeutralForeground4);
    font-size: var(--fontSizeBase200);
    font-variant-numeric: tabular-nums;
}

.jb-day--on[b-1kvfqhg631] {
    background: var(--colorBrandBackground2);
    color: var(--colorBrandForeground2);
}

.jb-day-name[b-1kvfqhg631] {
    font-weight: var(--fontWeightSemibold);
    color: var(--colorNeutralForeground2);
}

.jb-code[b-1kvfqhg631] {
    padding: 10px 12px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground2);
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
    font-size: var(--fontSizeBase200);
    overflow-wrap: anywhere;
}

.jb-stats[b-1kvfqhg631] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.jb-stat[b-1kvfqhg631] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 10px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground2);
}

.jb-stat-value[b-1kvfqhg631] {
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
}

.jb-bars[b-1kvfqhg631] {
    height: 56px;
    display: flex;
    align-items: flex-end;
    gap: 3px;
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

.jb-bar[b-1kvfqhg631] {
    flex: 1 1 0;
    max-width: 24px;
    border-radius: 2px 2px 0 0;
    background: var(--colorBrandBackground);
    opacity: 0.55;
}

.jb-bar--fail[b-1kvfqhg631] {
    background: var(--colorPaletteRedBackground3);
    opacity: 1;
}

.jb-legend[b-1kvfqhg631] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
}

.jb-legend > span:not(.jb-grow)[b-1kvfqhg631] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.jb-key[b-1kvfqhg631] {
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: var(--colorBrandBackground);
    opacity: 0.55;
}

.jb-key--fail[b-1kvfqhg631] {
    background: var(--colorPaletteRedBackground3);
    opacity: 1;
}

/* The content column, not the window, decides the layout, so the nav pane state is covered too. */
@container (max-width: 900px) {
    .jb-list[b-1kvfqhg631] {
        width: 320px;
    }
}

@container (max-width: 720px) {
    .jb-tiles[b-1kvfqhg631] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .jb-body[b-1kvfqhg631] {
        flex-direction: column;
        align-items: stretch;
    }

    .jb-list[b-1kvfqhg631] {
        width: auto;
    }

    .jb-body--detail .jb-list[b-1kvfqhg631],
    .jb-body:not(.jb-body--detail) .jb-detail[b-1kvfqhg631] {
        display: none;
    }

    .jb-back[b-1kvfqhg631] {
        display: inline-flex;
    }

    /* On narrow screens the details replace the whole list view, tiles included. */
    .jb--detail .jb-head[b-1kvfqhg631],
    .jb--detail .jb-tiles[b-1kvfqhg631] {
        display: none;
    }
}

@container (max-width: 480px) {
    .jb-hero[b-1kvfqhg631] {
        padding: 14px;
        gap: 10px;
    }

    .jb-hero-icon[b-1kvfqhg631] {
        display: none;
    }

    .jb-tile[b-1kvfqhg631] {
        padding: 8px 10px 10px;
    }

    .jb-tile-caption[b-1kvfqhg631] {
        display: none;
    }

    .jb-hero-actions[b-1kvfqhg631] {
        width: 100%;
    }

    .jb-hero-actions[b-1kvfqhg631]  fluent-button {
        flex: 1 1 0;
    }

    .jb-week[b-1kvfqhg631] {
        gap: 3px;
    }

    .jb-day[b-1kvfqhg631] {
        padding: 6px 2px;
    }
}
/* /Pages/Admin/Localization.razor.rz.scp.css */
/* Languages beside the selected language's translations; narrow screens show one at a time. */
.loc[b-63mmz41phv] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--colorNeutralForeground1);
    container-type: inline-size;
}

.loc-title[b-63mmz41phv] {
    margin: 0;
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
}

.loc-h2[b-63mmz41phv] {
    margin: 0;
    flex: 1 1 auto;
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
    font-weight: var(--fontWeightSemibold);
}

.loc-muted[b-63mmz41phv] {
    margin: 0;
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.loc-strong[b-63mmz41phv] {
    font-weight: var(--fontWeightSemibold);
}

.loc-center[b-63mmz41phv] {
    display: flex;
    justify-content: center;
    padding: 24px;
}

.loc-body[b-63mmz41phv] {
    display: grid;
    grid-template-columns: 20rem minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.loc-langs[b-63mmz41phv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.loc-langs-head[b-63mmz41phv] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
}

.loc-lang[b-63mmz41phv] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    padding-inline-end: 4px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
}

.loc-lang:hover[b-63mmz41phv] {
    background: var(--colorNeutralBackground1Hover);
}

.loc-lang--on[b-63mmz41phv] {
    border-color: var(--colorBrandStroke2);
    background: var(--colorBrandBackground2);
}

.loc-lang--on:hover[b-63mmz41phv] {
    background: var(--colorBrandBackground2Hover);
}

.loc-lang--on[b-63mmz41phv]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: calc(50% - 12px);
    width: 3px;
    height: 24px;
    border-radius: var(--borderRadiusSmall);
    background: var(--colorBrandForeground1);
}

.loc-lang-pick[b-63mmz41phv] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 8px 12px 16px;
    border: none;
    border-radius: var(--borderRadiusLarge);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.loc-lang-pick:focus-visible[b-63mmz41phv] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.loc-code[b-63mmz41phv] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorBrandBackground2);
    color: var(--colorBrandForeground1);
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightSemibold);
}

.loc-flag[b-63mmz41phv] {
    padding: 10px 6px;
    box-sizing: border-box;
}

.loc-flag img[b-63mmz41phv] {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: var(--borderRadiusSmall);
}

.loc-lang--on .loc-code[b-63mmz41phv] {
    background: var(--colorNeutralBackground1);
}

.loc-lang-text[b-63mmz41phv] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.loc-lang-name[b-63mmz41phv] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.loc-tag[b-63mmz41phv] {
    padding: 0 6px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorBrandBackground2);
    color: var(--colorBrandForeground2);
    font-size: var(--fontSizeBase100);
    line-height: var(--lineHeightBase200);
    font-weight: var(--fontWeightSemibold);
}

.loc-lang--on .loc-tag[b-63mmz41phv] {
    background: var(--colorNeutralBackground1);
}

.loc-bar[b-63mmz41phv] {
    display: block;
    height: 4px;
    border-radius: 2px;
    background: var(--colorNeutralStroke2);
    overflow: hidden;
}

.loc-bar-fill[b-63mmz41phv] {
    display: block;
    height: 100%;
    background: var(--colorBrandBackground);
}

.loc-bar-fill--done[b-63mmz41phv] {
    background: var(--colorPaletteGreenBackground3);
}

.loc-lang-pick[b-63mmz41phv]  .loc-chevron,
.loc-back[b-63mmz41phv] {
    display: none;
}

.loc-trs[b-63mmz41phv] {
    min-width: 0;
}

.loc-seg[b-63mmz41phv] {
    display: inline-flex;
    border: 1px solid var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusMedium);
    overflow: hidden;
}

.loc-seg-btn[b-63mmz41phv] {
    height: 30px;
    padding: 0 12px;
    border: none;
    background: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    font: inherit;
    font-size: var(--fontSizeBase300);
    white-space: nowrap;
    cursor: pointer;
}

.loc-seg-btn:hover[b-63mmz41phv] {
    background: var(--colorNeutralBackground1Hover);
}

.loc-seg-btn:focus-visible[b-63mmz41phv] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: -2px;
}

.loc-seg-btn--on[b-63mmz41phv],
.loc-seg-btn--on:hover[b-63mmz41phv] {
    background: var(--colorBrandBackground2);
    color: var(--colorBrandForeground2);
    font-weight: var(--fontWeightSemibold);
}

.loc-trs[b-63mmz41phv]  .loc-missing td {
    color: var(--colorNeutralForeground3);
    font-style: italic;
}

@container (max-width: 760px) {
    .loc-body[b-63mmz41phv] {
        grid-template-columns: minmax(0, 1fr);
    }

    .loc-body--detail .loc-langs[b-63mmz41phv],
    .loc-body:not(.loc-body--detail) .loc-trs[b-63mmz41phv] {
        display: none;
    }

    .loc-lang-pick[b-63mmz41phv] {
        min-height: 64px;
    }

    .loc-lang-pick[b-63mmz41phv]  .loc-chevron {
        display: inline-flex;
        color: var(--colorNeutralForeground3);
    }

    .loc-back[b-63mmz41phv] {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        min-height: 44px;
        margin-bottom: 4px;
        padding: 0 8px;
        border: none;
        border-radius: var(--borderRadiusMedium);
        background: transparent;
        color: var(--colorBrandForeground1);
        font: inherit;
        cursor: pointer;
    }

    .loc-back:hover[b-63mmz41phv] {
        background: var(--colorSubtleBackgroundHover);
    }
}
/* /Pages/Admin/MenusAndGrids.razor.rz.scp.css */
/* Page shell plus the shared look of every pane under it, reached through ::deep. */
.mg[b-8qfcxdfttx] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: calc(100vh - 110px);
    min-height: 520px;
    color: var(--colorNeutralForeground1);
}

.mg-head[b-8qfcxdfttx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.mg-title[b-8qfcxdfttx] {
    margin: 0;
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
}

.mg-system[b-8qfcxdfttx] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mg-body[b-8qfcxdfttx] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    gap: 16px;
}

.mg-tree[b-8qfcxdfttx] {
    width: min(var(--pane-w, 300px), 50%);
    flex-shrink: 0;
    padding: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.mg-main[b-8qfcxdfttx] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mg[b-8qfcxdfttx]  .mg-grow {
    flex: 1 1 auto;
    min-width: 0;
}

.mg[b-8qfcxdfttx]  .mg-muted {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.mg[b-8qfcxdfttx]  .mg-strong {
    font-weight: var(--fontWeightSemibold);
}

.mg[b-8qfcxdfttx]  .mg-mono {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
    font-size: var(--fontSizeBase200);
}

.mg[b-8qfcxdfttx]  .mg-h2 {
    margin: 0;
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
    font-weight: var(--fontWeightSemibold);
}

.mg[b-8qfcxdfttx]  .mg-card {
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
}

.mg[b-8qfcxdfttx]  .mg-center,
.mg[b-8qfcxdfttx]  .mg-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 200px;
    padding: 24px;
    text-align: center;
}

.mg[b-8qfcxdfttx]  .mg-empty {
    flex: 1 1 auto;
}

.mg[b-8qfcxdfttx]  .mg-empty svg {
    width: 32px;
    height: 32px;
    color: var(--colorNeutralForeground3);
}

.mg[b-8qfcxdfttx]  .mg-empty--inline {
    flex: none;
    min-height: 0;
    padding: 20px;
    color: var(--colorNeutralForeground3);
}

/* Segmented buttons, like Windows' pill groups. */
.mg[b-8qfcxdfttx]  .mg-seg {
    display: inline-flex;
    flex-shrink: 0;
    border: 1px solid var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground1);
    overflow: hidden;
}

.mg[b-8qfcxdfttx]  .mg-seg > button {
    height: 30px;
    padding: 0 12px;
    border: none;
    background: transparent;
    color: var(--colorNeutralForeground1);
    font: inherit;
    font-size: var(--fontSizeBase200);
    white-space: nowrap;
    cursor: pointer;
}

.mg[b-8qfcxdfttx]  .mg-seg > button + button {
    border-inline-start: 1px solid var(--colorNeutralStroke2);
}

.mg[b-8qfcxdfttx]  .mg-seg > button:hover:not(:disabled) {
    background: var(--colorSubtleBackgroundHover);
}

.mg[b-8qfcxdfttx]  .mg-seg > button:disabled {
    color: var(--colorNeutralForegroundDisabled);
    cursor: default;
}

.mg[b-8qfcxdfttx]  .mg-seg > .mg-seg-on,
.mg[b-8qfcxdfttx]  .mg-seg > .mg-seg-on:hover {
    background: var(--colorBrandBackground2);
    color: var(--colorBrandForeground2);
    font-weight: var(--fontWeightSemibold);
}

.mg[b-8qfcxdfttx]  .mg-seg--solid > .mg-seg-on,
.mg[b-8qfcxdfttx]  .mg-seg--solid > .mg-seg-on:hover:not(:disabled) {
    background: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
}

/* Chips and counters. */
.mg[b-8qfcxdfttx]  .mg-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.mg[b-8qfcxdfttx]  .mg-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 22px;
    padding: 0 8px;
    border-radius: 11px;
    background: var(--colorNeutralBackground3);
    color: var(--colorNeutralForeground2);
    font-size: var(--fontSizeBase200);
    white-space: nowrap;
}

.mg[b-8qfcxdfttx]  .mg-chip--brand {
    background: var(--colorBrandBackground2);
    color: var(--colorBrandForeground2);
}

.mg[b-8qfcxdfttx]  .mg-chip--warn {
    background: var(--colorPaletteYellowBackground1, #fff4ce);
    color: var(--colorPaletteDarkOrangeForeground1, #7a4f01);
}

.mg[b-8qfcxdfttx]  .mg-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 18px;
    padding: 0 6px;
    box-sizing: border-box;
    border-radius: 9px;
    background: var(--colorNeutralBackground3);
    color: var(--colorNeutralForeground2);
    font-size: var(--fontSizeBase100);
    font-weight: var(--fontWeightRegular);
}

.mg[b-8qfcxdfttx]  .mg-dot {
    display: inline-block;
    flex-shrink: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--colorBrandBackground);
}

.mg[b-8qfcxdfttx]  .mg-danger {
    color: var(--colorPaletteRedForeground1);
}

/* Tab strip. */
.mg[b-8qfcxdfttx]  .mg-tabs {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    gap: 4px;
    padding: 0 12px;
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

.mg[b-8qfcxdfttx]  .mg-tab {
    flex-shrink: 0;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 40px;
    padding: 0 12px;
    border: none;
    background: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    font-size: var(--fontSizeBase300);
    cursor: pointer;
}

.mg[b-8qfcxdfttx]  .mg-tab:hover {
    color: var(--colorNeutralForeground1);
}

.mg[b-8qfcxdfttx]  .mg-tab--on {
    color: var(--colorNeutralForeground1);
    font-weight: var(--fontWeightSemibold);
}

.mg[b-8qfcxdfttx]  .mg-tab--on::after {
    content: "";
    position: absolute;
    inset-inline: 12px;
    bottom: 0;
    height: 3px;
    border-radius: 2px;
    background: var(--colorBrandBackground);
}

/* Label/value rows inside a flush card. */
.mg[b-8qfcxdfttx]  .mg-row {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    padding: 6px 16px;
    border-top: 1px solid var(--colorNeutralStroke3);
}

.mg[b-8qfcxdfttx]  .mg-row-label {
    width: 180px;
    flex-shrink: 0;
    color: var(--colorNeutralForeground2);
}

.mg[b-8qfcxdfttx]  .mg-card-head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px 8px;
}

/* Simple matrix tables for permissions; the wrapper scrolls them sideways on narrow screens. */
.mg[b-8qfcxdfttx]  .mg-table-wrap {
    overflow-x: auto;
}

.mg[b-8qfcxdfttx]  .mg-table {
    width: 100%;
    border-collapse: collapse;
}

.mg[b-8qfcxdfttx]  .mg-table th {
    padding: 8px 12px;
    text-align: start;
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightSemibold);
    color: var(--colorNeutralForeground3);
    background: var(--colorNeutralBackground2);
    white-space: nowrap;
}

.mg[b-8qfcxdfttx]  .mg-table td {
    padding: 4px 12px;
    height: 40px;
    border-top: 1px solid var(--colorNeutralStroke3);
}

.mg[b-8qfcxdfttx]  .mg-table .mg-c {
    text-align: center;
    width: 96px;
}

.mg[b-8qfcxdfttx]  .mg-table .mg-c > * {
    display: inline-flex;
}

.mg[b-8qfcxdfttx]  .mg-table .mg-act {
    width: 40px;
    text-align: end;
}

.mg[b-8qfcxdfttx]  .mg-table th label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.mg[b-8qfcxdfttx]  .mg-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--colorNeutralBackground3);
    color: var(--colorNeutralForeground2);
    font-size: var(--fontSizeBase100);
    font-weight: var(--fontWeightSemibold);
}

.mg[b-8qfcxdfttx]  .mg-name-cell {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mg[b-8qfcxdfttx]  .mg-two-line {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* Pending-changes bar at the bottom of an editor. */
.mg[b-8qfcxdfttx]  .mg-savebar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    box-shadow: var(--shadow8);
}

@media (max-width: 600px) {
    .mg[b-8qfcxdfttx]  .mg-row {
        flex-wrap: wrap;
        gap: 4px 12px;
    }

    .mg[b-8qfcxdfttx]  .mg-row-label {
        width: 100%;
    }

    .mg[b-8qfcxdfttx]  .mg-tabs {
        padding: 0 4px;
    }

    .mg[b-8qfcxdfttx]  .mg-tab {
        padding: 0 8px;
    }
}

@media (max-width: 900px) {
    .mg[b-8qfcxdfttx] {
        height: auto;
    }

    .mg-body[b-8qfcxdfttx] {
        flex-direction: column;
    }

    .mg-tree[b-8qfcxdfttx] {
        width: auto;
        height: 22rem;
    }
}
/* /Pages/Admin/MenusGrids/ColumnWorkbench.razor.rz.scp.css */
.cw-bar[b-93em8ypl7l] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.cw[b-93em8ypl7l] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.cw-list[b-93em8ypl7l] {
    position: sticky;
    top: 0;
    width: 280px;
    flex-shrink: 0;
    max-height: calc(100vh - 360px);
    overflow-y: auto;
    padding: 6px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.cw-item[b-93em8ypl7l] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 6px 8px;
    border: none;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.cw-item:hover[b-93em8ypl7l],
.cw-item--on[b-93em8ypl7l] {
    background: var(--colorSubtleBackgroundHover);
}

.cw-item--on[b-93em8ypl7l]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 10px;
    bottom: 10px;
    width: 3px;
    border-radius: 2px;
    background: var(--colorBrandBackground);
}

.cw-item--on .cw-title[b-93em8ypl7l] {
    font-weight: var(--fontWeightSemibold);
}

.cw-item--drop[b-93em8ypl7l] {
    outline: 2px dashed var(--colorBrandStroke1);
    outline-offset: -2px;
}

.cw-item:focus-visible[b-93em8ypl7l] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.cw-grip[b-93em8ypl7l] {
    color: var(--colorNeutralForeground4);
    cursor: grab;
}

.cw-item[draggable="false"] .cw-grip[b-93em8ypl7l] {
    visibility: hidden;
}

.cw-title[b-93em8ypl7l] {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cw-db[b-93em8ypl7l] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cw-chip[b-93em8ypl7l] {
    height: 18px;
    padding: 0 6px;
    font-size: var(--fontSizeBase100);
}

[b-93em8ypl7l] .cw-hidden {
    flex-shrink: 0;
    color: var(--colorNeutralForeground3);
}

.cw-note[b-93em8ypl7l] {
    padding: 8px;
}

.cw-detail[b-93em8ypl7l] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cw-section[b-93em8ypl7l] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cw-section-head[b-93em8ypl7l] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cw-section-head--flush[b-93em8ypl7l] {
    padding: 12px 16px 8px;
}

.cw-grid[b-93em8ypl7l] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px 16px;
    align-items: start;
}

.cw-advanced[b-93em8ypl7l] {
    padding: 12px 16px 16px;
}

.cw-grid[b-93em8ypl7l]  .cw-wide {
    grid-column: 1 / -1;
}

.cw-grid[b-93em8ypl7l]  .cw-mono-input input,
.cw-grid[b-93em8ypl7l]  .cw-mono-input textarea {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}

.cw-field[b-93em8ypl7l] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cw-label[b-93em8ypl7l] {
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
    color: var(--colorNeutralForeground1);
}

.cw-flags[b-93em8ypl7l] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.cw-flag[b-93em8ypl7l] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    border-top: 1px solid var(--colorNeutralStroke3);
}

.cw-expander[b-93em8ypl7l] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    padding: 0 16px;
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.cw-expander:focus-visible[b-93em8ypl7l] {
    outline: 2px solid var(--colorStrokeFocus2);
    border-radius: var(--borderRadiusLarge);
}

.cw-savebar[b-93em8ypl7l] {
    position: sticky;
    bottom: 0;
}

@media (max-width: 1100px) {
    .cw[b-93em8ypl7l] {
        flex-direction: column;
        align-items: stretch;
    }

    .cw-list[b-93em8ypl7l] {
        position: static;
        width: auto;
        max-height: 18rem;
    }
}
/* /Pages/Admin/MenusGrids/ControlListPane.razor.rz.scp.css */
.clp-bar[b-o598v4pt2g] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.clp-list[b-o598v4pt2g] {
    overflow: hidden;
}

.clp-item + .clp-item[b-o598v4pt2g] {
    border-top: 1px solid var(--colorNeutralStroke3);
}

.clp-item--open[b-o598v4pt2g] {
    background: var(--colorNeutralBackground2);
}

.clp-row[b-o598v4pt2g] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 52px;
    padding: 6px 16px;
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.clp-row:hover[b-o598v4pt2g] {
    background: var(--colorSubtleBackgroundHover);
}

.clp-row:focus-visible[b-o598v4pt2g] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: -2px;
}

.clp-name[b-o598v4pt2g] {
    width: 220px;
    flex-shrink: 0;
}

.clp-detail[b-o598v4pt2g] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 16px 16px 42px;
}

.clp-detail-bar[b-o598v4pt2g] {
    display: flex;
    align-items: center;
    gap: 8px;
}
/* /Pages/Admin/MenusGrids/DialogSection.razor.rz.scp.css */
.ds[b-24f6pgnein] {
    align-self: stretch;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
}

.ds--flush[b-24f6pgnein] {
    gap: 0;
    padding: 0;
}

.ds--flush .ds-head[b-24f6pgnein] {
    padding: 14px 16px 8px;
}

.ds-head[b-24f6pgnein] {
    display: flex;
    flex-direction: column;
}

.ds-title[b-24f6pgnein] {
    margin: 0;
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
    font-weight: var(--fontWeightSemibold);
}

.ds-hint[b-24f6pgnein] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.ds-body[b-24f6pgnein] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ds--flush .ds-body[b-24f6pgnein] {
    gap: 0;
}

.ds-body--grid[b-24f6pgnein] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 12px 16px;
    align-items: start;
}

.ds-body--grid[b-24f6pgnein]  .ds-wide {
    grid-column: 1 / -1;
}

.ds-body[b-24f6pgnein]  .ds-mono input,
.ds-body[b-24f6pgnein]  .ds-mono textarea {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}
/* /Pages/Admin/MenusGrids/DialogSwitchRow.razor.rz.scp.css */
.dsr[b-dj6ger12wq] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 56px;
    padding: 6px 16px;
    border-top: 1px solid var(--colorNeutralStroke3);
}

.dsr-text[b-dj6ger12wq] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.dsr-desc[b-dj6ger12wq] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}
/* /Pages/Admin/MenusGrids/GridListPane.razor.rz.scp.css */
.glp-bar[b-vhfv0nae26] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.glp-card[b-vhfv0nae26] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    padding: 14px 16px;
}

.glp-icon[b-vhfv0nae26] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground3);
    color: var(--colorNeutralForeground2);
}

.glp-actions[b-vhfv0nae26] {
    margin-inline-start: auto;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.glp-text[b-vhfv0nae26] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 14rem;
}
/* /Pages/Admin/MenusGrids/MenuDetailPane.razor.rz.scp.css */
.mdp-hero[b-gwh4lu60nf] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px 20px;
}

.mdp-badge[b-gwh4lu60nf] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: var(--borderRadiusXLarge);
    background: var(--colorBrandBackground2);
    color: var(--colorBrandForeground2);
}

.mdp-badge[b-gwh4lu60nf]  svg {
    width: 24px;
    height: 24px;
}

.mdp-hero-text[b-gwh4lu60nf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mdp-hero-name[b-gwh4lu60nf] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: var(--fontSizeBase500);
    line-height: var(--lineHeightBase500);
    font-weight: var(--fontWeightSemibold);
}

.mdp-tabs-card[b-gwh4lu60nf] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.mdp-body[b-gwh4lu60nf] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    background: var(--colorNeutralBackground2);
    border-radius: 0 0 var(--borderRadiusLarge) var(--borderRadiusLarge);
}

.mdp-tiles[b-gwh4lu60nf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 12px;
}

.mdp-tile[b-gwh4lu60nf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 14px 16px;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.mdp-tile:hover[b-gwh4lu60nf] {
    background: var(--colorNeutralBackground1Hover);
}

.mdp-tile--static[b-gwh4lu60nf] {
    cursor: default;
}

.mdp-tile--static:hover[b-gwh4lu60nf] {
    background: var(--colorNeutralBackground1);
}

.mdp-tile-value[b-gwh4lu60nf] {
    font-size: var(--fontSizeBase600);
    line-height: var(--lineHeightBase600);
    font-weight: var(--fontWeightSemibold);
}

.mdp-icon-value[b-gwh4lu60nf] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
/* /Pages/Admin/MenusGrids/MenuHelpPane.razor.rz.scp.css */
.mhp-bar[b-s2tfmgkipu] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.mhp-form[b-s2tfmgkipu] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
}

.mhp-dot[b-s2tfmgkipu] {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-inline-start: 6px;
    border-radius: 50%;
    background: var(--colorBrandForeground1);
    vertical-align: middle;
}
/* /Pages/Admin/MenusGrids/MenuTree.razor.rz.scp.css */
.mt[b-2gj4hbx8w6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 0;
    height: 100%;
}

.mt-search[b-2gj4hbx8w6] {
    position: relative;
    flex-shrink: 0;
}

[b-2gj4hbx8w6] .mt-search-icon {
    position: absolute;
    inset-inline-start: 8px;
    top: 8px;
    width: 16px;
    color: var(--colorNeutralForeground3);
    pointer-events: none;
}

.mt-search-input[b-2gj4hbx8w6] {
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    padding: 0 10px 0 30px;
    border: 1px solid var(--colorNeutralStroke1);
    border-bottom-color: var(--colorNeutralStrokeAccessible);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    font: inherit;
    font-size: var(--fontSizeBase300);
}

.mt-search-input:focus[b-2gj4hbx8w6] {
    outline: none;
    border-bottom: 2px solid var(--colorCompoundBrandStroke);
}

.mt-bar[b-2gj4hbx8w6] {
    display: flex;
    align-items: center;
    padding: 0 4px 0 6px;
}

.mt-grow[b-2gj4hbx8w6] {
    flex: 1 1 auto;
}

.mt-muted[b-2gj4hbx8w6] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.mt-scroll[b-2gj4hbx8w6] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.mt-empty[b-2gj4hbx8w6] {
    padding: 24px 8px;
    text-align: center;
    color: var(--colorNeutralForeground3);
}

.mt-row[b-2gj4hbx8w6] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 32px;
    padding-inline-end: 6px;
    border-radius: var(--borderRadiusMedium);
}

.mt-row:hover[b-2gj4hbx8w6] {
    background: var(--colorSubtleBackgroundHover);
}

.mt-row--on[b-2gj4hbx8w6] {
    background: var(--colorSubtleBackgroundSelected);
}

.mt-row--on[b-2gj4hbx8w6]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 2px;
    background: var(--colorBrandBackground);
}

.mt-row--drop[b-2gj4hbx8w6] {
    outline: 2px dashed var(--colorBrandStroke1);
    outline-offset: -2px;
}

.mt-row[draggable="true"][b-2gj4hbx8w6] {
    cursor: grab;
}

.mt-chev[b-2gj4hbx8w6],
.mt-chev-space[b-2gj4hbx8w6] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.mt-chev[b-2gj4hbx8w6] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    border-radius: var(--borderRadiusSmall);
    background: transparent;
    color: var(--colorNeutralForeground2);
    cursor: pointer;
}

.mt-chev:hover[b-2gj4hbx8w6] {
    background: var(--colorSubtleBackgroundPressed);
}

.mt-name[b-2gj4hbx8w6] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 4px;
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: var(--fontSizeBase300);
    text-align: start;
    cursor: pointer;
}

.mt-row--on .mt-name[b-2gj4hbx8w6] {
    font-weight: var(--fontWeightSemibold);
}

.mt-name:focus-visible[b-2gj4hbx8w6],
.mt-chev:focus-visible[b-2gj4hbx8w6] {
    outline: 2px solid var(--colorStrokeFocus2);
    border-radius: var(--borderRadiusSmall);
}

[b-2gj4hbx8w6] .mt-icon {
    flex-shrink: 0;
    width: 16px;
    color: var(--colorNeutralForeground2);
}

[b-2gj4hbx8w6] .mt-icon--folder {
    color: var(--colorPaletteMarigoldForeground2, #8a6a00);
}

.mt-text[b-2gj4hbx8w6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mt-text--hidden[b-2gj4hbx8w6] {
    color: var(--colorNeutralForeground3);
}

[b-2gj4hbx8w6] .mt-mark {
    flex-shrink: 0;
    color: var(--colorNeutralForeground3);
}

[b-2gj4hbx8w6] .mt-mark--warn {
    color: var(--colorPaletteDarkOrangeForeground1, #8a3707);
}

.mt-tip[b-2gj4hbx8w6] {
    padding: 6px;
    border-top: 1px solid var(--colorNeutralStroke3);
}

.mt-root-drop[b-2gj4hbx8w6] {
    padding: 10px;
    text-align: center;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground2);
    border: 1px dashed var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusMedium);
}

.mt-root-drop--over[b-2gj4hbx8w6] {
    border-color: var(--colorBrandStroke1);
    background: var(--colorBrandBackground2);
}
/* /Pages/Admin/MenusGrids/PaneSplitter.razor.rz.scp.css */
/* Sits in the gap between two panes: its margins cancel its own width, so the layout is unchanged. */
.ps[b-emy0v7wyhe] {
    position: relative;
    z-index: 2;
    flex: none;
    align-self: stretch;
    width: var(--ps-gap, 16px);
    margin-inline: calc(-1 * var(--ps-gap, 16px));
    cursor: col-resize;
    touch-action: none;
    outline: none;
}

.ps[b-emy0v7wyhe]::before {
    content: "";
    position: absolute;
    inset-block: 0;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    border-radius: 1px;
    background: transparent;
    transition: background-color .12s ease, width .12s ease;
}

.ps[b-emy0v7wyhe]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 36px;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    border: 1px solid var(--colorNeutralStrokeAccessible);
    border-radius: 3px;
    background: var(--colorNeutralBackground1);
    opacity: 0;
    transition: opacity .12s ease;
}

.ps:hover[b-emy0v7wyhe]::before,
.ps:focus-visible[b-emy0v7wyhe]::before,
.ps--drag[b-emy0v7wyhe]::before {
    background: var(--colorBrandBackground);
}

.ps:hover[b-emy0v7wyhe]::after,
.ps:focus-visible[b-emy0v7wyhe]::after,
.ps--drag[b-emy0v7wyhe]::after {
    opacity: 1;
    border-color: var(--colorBrandBackground);
}

.ps--drag[b-emy0v7wyhe]::before {
    width: 4px;
}

.ps:focus-visible[b-emy0v7wyhe] {
    border-radius: 4px;
    box-shadow: 0 0 0 2px var(--colorStrokeFocus2);
}

.ps-tip[b-emy0v7wyhe] {
    display: none;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    padding: 2px 8px;
    border-radius: 4px;
    background: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightSemibold);
    white-space: nowrap;
    pointer-events: none;
}

.ps--drag .ps-tip[b-emy0v7wyhe] {
    display: block;
}

@media (prefers-reduced-motion: reduce) {
    .ps[b-emy0v7wyhe]::before,
    .ps[b-emy0v7wyhe]::after {
        transition: none;
    }
}

@media (max-width: 900px) {
    .ps--900[b-emy0v7wyhe] {
        display: none;
    }
}

@media (max-width: 1100px) {
    .ps--1100[b-emy0v7wyhe] {
        display: none;
    }
}
/* /Pages/Admin/MenusGrids/RoleBatchPane.razor.rz.scp.css */
.rb[b-biqe0yw033] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    gap: 16px;
}

.rb-roles[b-biqe0yw033] {
    width: min(var(--pane-w, 220px), 50%);
    flex-shrink: 0;
    padding: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rb-search[b-biqe0yw033] {
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    padding: 0 10px;
    border: 1px solid var(--colorNeutralStroke1);
    border-bottom-color: var(--colorNeutralStrokeAccessible);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    font: inherit;
    font-size: var(--fontSizeBase300);
}

.rb-search:focus[b-biqe0yw033] {
    outline: none;
    border-bottom: 2px solid var(--colorCompoundBrandStroke);
}

.rb-roles-count[b-biqe0yw033] {
    padding: 2px 6px;
}

.rb-roles-scroll[b-biqe0yw033] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.rb-role[b-biqe0yw033] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 6px 10px;
    border: none;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.rb-role:hover[b-biqe0yw033],
.rb-role--on[b-biqe0yw033] {
    background: var(--colorSubtleBackgroundHover);
}

.rb-role--on[b-biqe0yw033] {
    font-weight: var(--fontWeightSemibold);
}

.rb-role--on[b-biqe0yw033]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 10px;
    bottom: 10px;
    width: 3px;
    border-radius: 2px;
    background: var(--colorBrandBackground);
}

.rb-role:focus-visible[b-biqe0yw033] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.rb-role-name[b-biqe0yw033] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rb-main[b-biqe0yw033] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rb-hero[b-biqe0yw033] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 14px 20px;
}

.rb-hero[b-biqe0yw033]  .rb-avatar,
.rb-hero .rb-avatar[b-biqe0yw033] {
    width: 44px;
    height: 44px;
    font-size: var(--fontSizeBase300);
    background: var(--colorBrandBackground2);
    color: var(--colorBrandForeground2);
}

.rb-hero-name[b-biqe0yw033] {
    font-size: var(--fontSizeBase500);
    line-height: var(--lineHeightBase500);
    font-weight: var(--fontWeightSemibold);
}

.rb-body[b-biqe0yw033] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    gap: 12px;
    --ps-gap: 12px;
}

.rb-tree[b-biqe0yw033] {
    width: min(var(--pane-w, 300px), 50%);
    flex-shrink: 0;
    padding: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

[b-biqe0yw033] .rb-show {
    align-self: flex-start;
}

.rb-grid-pick[b-biqe0yw033] {
    width: 16rem;
    max-width: 100%;
}

.rb-cud[b-biqe0yw033] {
    flex-shrink: 0;
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}

.rb-detail[b-biqe0yw033] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rb-menu[b-biqe0yw033] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px;
}

.rb-menu-head[b-biqe0yw033] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.rb-menu-name[b-biqe0yw033] {
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
}

.rb-ops[b-biqe0yw033] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.rb-op[b-biqe0yw033] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 14px;
    border: 1px solid var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    font: inherit;
    cursor: pointer;
}

.rb-op:hover:not(:disabled)[b-biqe0yw033] {
    background: var(--colorNeutralBackground1Hover);
}

.rb-op--on[b-biqe0yw033],
.rb-op--on:hover:not(:disabled)[b-biqe0yw033] {
    border-color: var(--colorBrandStroke2);
    background: var(--colorBrandBackground2);
    color: var(--colorBrandForeground2);
}

.rb-op:disabled[b-biqe0yw033] {
    color: var(--colorNeutralForegroundDisabled);
    cursor: default;
}

@media (max-width: 1100px) {
    .rb[b-biqe0yw033],
    .rb-body[b-biqe0yw033] {
        flex-direction: column;
    }

    .rb-roles[b-biqe0yw033],
    .rb-tree[b-biqe0yw033] {
        width: auto;
        max-height: 20rem;
    }
}

.rb-savebar[b-biqe0yw033] {
    position: sticky;
    bottom: 0;
    z-index: 1;
}
/* /Pages/Admin/MenusGrids/RoleGrantTable.razor.rz.scp.css */
.rgt[b-m64igo1uen] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rgt-head[b-m64igo1uen] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.rgt-wrap[b-m64igo1uen] {
    overflow-x: auto;
}

.rgt-wrap--flush[b-m64igo1uen] {
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground1);
}
/* /Pages/Admin/Notifications.razor.rz.scp.css */
/* Settings-style inbox: status tiles filter one SoftMaxDataGrid; ticking rows adds bulk actions to its toolbar. */
.ntf[b-2bnkqmf9c4] {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--colorNeutralForeground1);
}

.ntf-head[b-2bnkqmf9c4],
.ntf-filters[b-2bnkqmf9c4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.ntf-grow[b-2bnkqmf9c4] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.ntf-title[b-2bnkqmf9c4] {
    margin: 0;
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
}

.ntf-muted[b-2bnkqmf9c4] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.ntf-strong[b-2bnkqmf9c4] {
    font-weight: var(--fontWeightSemibold);
}

.ntf-filters .ntf-strong[b-2bnkqmf9c4] {
    margin-inline-end: 6px;
}

.ntf-picker[b-2bnkqmf9c4] {
    width: 200px;
}

.ntf-picker[b-2bnkqmf9c4]  > * {
    width: 100%;
}

/* ── Tiles ─────────────────────────────────────────────────────────────── */

.ntf-tiles[b-2bnkqmf9c4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.ntf-tile[b-2bnkqmf9c4] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 14px 14px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.ntf-tile:hover[b-2bnkqmf9c4] {
    background: var(--colorNeutralBackground1Hover);
}

.ntf-tile:focus-visible[b-2bnkqmf9c4] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: 1px;
}

.ntf-tile--on[b-2bnkqmf9c4] {
    border-color: var(--colorBrandStroke1);
}

.ntf-tile--on[b-2bnkqmf9c4]::after {
    content: "";
    position: absolute;
    inset: auto 14px 0;
    height: 3px;
    border-radius: 2px 2px 0 0;
    background: var(--colorBrandBackground);
}

.ntf-tile-label[b-2bnkqmf9c4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground2);
}

.ntf-tile-count[b-2bnkqmf9c4] {
    font-size: var(--fontSizeBase600);
    line-height: var(--lineHeightBase600);
    font-weight: var(--fontWeightSemibold);
    font-variant-numeric: tabular-nums;
}

.ntf-tile-caption[b-2bnkqmf9c4] {
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}

/* ── Grid rows (rendered inside SoftMaxDataGrid, hence ::deep) ───────────── */

.ntf[b-2bnkqmf9c4]  .smg-grid tbody tr {
    cursor: pointer;
}

.ntf-cell[b-2bnkqmf9c4] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ntf-cell-main[b-2bnkqmf9c4],
.ntf-cell-sub[b-2bnkqmf9c4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ntf-cell-sub[b-2bnkqmf9c4] {
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}

.ntf-msg[b-2bnkqmf9c4] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

.ntf-msg-title[b-2bnkqmf9c4] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.ntf-unread-dot[b-2bnkqmf9c4] {
    width: 8px;
    height: 8px;
    margin-top: 6px;
    flex-shrink: 0;
    border-radius: 50%;
}

.ntf[b-2bnkqmf9c4]  .ntf-row--unread .ntf-unread-dot {
    background: var(--colorBrandBackground);
}

.ntf[b-2bnkqmf9c4]  .ntf-row--unread .ntf-msg-title .ntf-cell-main {
    font-weight: var(--fontWeightSemibold);
}

.ntf-link-icon[b-2bnkqmf9c4] {
    display: inline-flex;
    flex-shrink: 0;
    color: var(--colorNeutralForeground3);
}

.ntf-link-icon[b-2bnkqmf9c4]  svg {
    width: 14px;
    height: 14px;
}

/* ── Chips and tones ───────────────────────────────────────────────────── */

.ntf-chip[b-2bnkqmf9c4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 22px;
    padding: 0 8px;
    border-radius: var(--borderRadiusCircular);
    font-size: var(--fontSizeBase200);
    white-space: nowrap;
    background: var(--ntf-tone-bg);
    color: var(--ntf-tone-fg);
}

.ntf-dot[b-2bnkqmf9c4] {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--ntf-tone-fg);
}

.ntf-chip .ntf-dot[b-2bnkqmf9c4] {
    width: 6px;
    height: 6px;
}

.tone-neutral[b-2bnkqmf9c4],
.tone-read[b-2bnkqmf9c4] { --ntf-tone-bg: var(--colorNeutralBackground3); --ntf-tone-fg: var(--colorNeutralForeground2); }
.tone-unread[b-2bnkqmf9c4] { --ntf-tone-bg: var(--colorBrandBackground2); --ntf-tone-fg: var(--colorBrandForeground2); }
.tone-cleared[b-2bnkqmf9c4] { --ntf-tone-bg: var(--colorStatusWarningBackground1); --ntf-tone-fg: var(--colorStatusWarningForeground1); }

/* ── Narrow containers (nav open or small screens): the grid keeps the notification and its time ── */

/* Column order is the grid config's: select, notification, to, from, sent, status. */
@container (max-width: 900px) {
    .ntf[b-2bnkqmf9c4]  .smg-grid th:nth-child(6),
    .ntf[b-2bnkqmf9c4]  .smg-grid td:nth-child(6) {
        display: none;
    }
}

@container (max-width: 760px) {
    .ntf-picker[b-2bnkqmf9c4] {
        flex: 1 1 180px;
        width: auto;
    }

    .ntf[b-2bnkqmf9c4]  .smg-grid th:nth-child(4),
    .ntf[b-2bnkqmf9c4]  .smg-grid td:nth-child(4) {
        display: none;
    }
}

@container (max-width: 560px) {
    .ntf-picker[b-2bnkqmf9c4] {
        flex: 1 1 100%;
    }

    .ntf-tiles[b-2bnkqmf9c4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ntf[b-2bnkqmf9c4]  .smg-grid th:nth-child(3),
    .ntf[b-2bnkqmf9c4]  .smg-grid td:nth-child(3) {
        display: none;
    }
}
/* /Pages/Admin/OidcScopes.razor.rz.scp.css */
.sc[b-uk3ipyyd8c] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--colorNeutralForeground1);
    container-type: inline-size;
}

.sc-head[b-uk3ipyyd8c],
.sc-actions[b-uk3ipyyd8c] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.sc-title[b-uk3ipyyd8c] {
    margin: 0;
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
}

.sc-grow[b-uk3ipyyd8c] {
    flex: 1 1 auto;
    min-width: 0;
}

.sc-muted[b-uk3ipyyd8c] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.sc-strong[b-uk3ipyyd8c] {
    font-weight: var(--fontWeightSemibold);
}

.sc-mono[b-uk3ipyyd8c],
[b-uk3ipyyd8c] .sc-mono {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}

.sc-center[b-uk3ipyyd8c],
.sc-list[b-uk3ipyyd8c],
.sc-card[b-uk3ipyyd8c] {
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke2);
}

.sc-center[b-uk3ipyyd8c] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
}

.sc-body[b-uk3ipyyd8c] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.sc-list[b-uk3ipyyd8c] {
    width: 280px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px;
}

.sc-list-count[b-uk3ipyyd8c] {
    padding: 6px 12px;
}

.sc-item[b-uk3ipyyd8c] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px 12px;
    border: none;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.sc-item > span[b-uk3ipyyd8c] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sc-item:hover[b-uk3ipyyd8c],
.sc-item--on[b-uk3ipyyd8c] {
    background: var(--colorSubtleBackgroundHover);
}

.sc-item:focus-visible[b-uk3ipyyd8c] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.sc-item--on[b-uk3ipyyd8c]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 12px;
    bottom: 12px;
    width: 3px;
    border-radius: 2px;
    background: var(--colorBrandBackground);
}

.sc-card[b-uk3ipyyd8c] {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 760px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 20px;
}

.sc-h2[b-uk3ipyyd8c] {
    margin: 0;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
}

.sc-grid[b-uk3ipyyd8c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

[b-uk3ipyyd8c] .sc-danger {
    color: var(--colorPaletteRedForeground1);
}

@container (max-width: 760px) {
    .sc-body[b-uk3ipyyd8c] {
        flex-direction: column;
        align-items: stretch;
    }

    .sc-list[b-uk3ipyyd8c] {
        width: auto;
    }

    .sc-grid[b-uk3ipyyd8c] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/OpenIddictApplications.razor.rz.scp.css */
/* List on the left, the selected application's details on the right, like Settings > Apps. */
.oa[b-euo9tdy04i] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--colorNeutralForeground1);
    container-type: inline-size;
}

.oa-head[b-euo9tdy04i] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.oa-title[b-euo9tdy04i] {
    margin: 0;
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
}

.oa-grow[b-euo9tdy04i] {
    flex: 1 1 auto;
    min-width: 0;
}

.oa-muted[b-euo9tdy04i] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.oa-strong[b-euo9tdy04i] {
    font-weight: var(--fontWeightSemibold);
}

.oa-mono[b-euo9tdy04i] {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}

.oa-break[b-euo9tdy04i] {
    overflow-wrap: anywhere;
}

.oa-center[b-euo9tdy04i],
.oa-empty[b-euo9tdy04i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 240px;
    padding: 24px;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke2);
    text-align: center;
}

.oa-body[b-euo9tdy04i] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.oa-list[b-euo9tdy04i] {
    width: 280px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke2);
}

.oa-list-count[b-euo9tdy04i] {
    padding: 6px 12px;
}

.oa-item[b-euo9tdy04i] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 10px 12px;
    border: none;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.oa-item:hover[b-euo9tdy04i],
.oa-item--on[b-euo9tdy04i] {
    background: var(--colorSubtleBackgroundHover);
}

.oa-item:focus-visible[b-euo9tdy04i] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.oa-item--on[b-euo9tdy04i]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 12px;
    bottom: 12px;
    width: 3px;
    border-radius: 2px;
    background: var(--colorBrandBackground);
}

.oa-item-text[b-euo9tdy04i] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.oa-item-text > span[b-euo9tdy04i] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oa-badge[b-euo9tdy04i] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--borderRadiusLarge);
    background: color-mix(in srgb, var(--colorBrandBackground) 10%, var(--colorNeutralBackground1));
    color: var(--colorBrandForeground2);
    font-weight: var(--fontWeightSemibold);
}

.oa-badge--lg[b-euo9tdy04i] {
    width: 56px;
    height: 56px;
    border-radius: var(--borderRadiusXLarge);
    font-size: var(--fontSizeBase500);
}

.oa-warn-dot[b-euo9tdy04i] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorPaletteYellowBackground1);
    color: var(--colorPaletteMarigoldForeground1, var(--colorPaletteYellowForeground1));
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightBold);
}

.oa-detail[b-euo9tdy04i] {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 960px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.oa-card[b-euo9tdy04i] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke2);
}

.oa-card--flush[b-euo9tdy04i] {
    gap: 0;
    padding: 0;
}

.oa-hero[b-euo9tdy04i] {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    padding: 20px;
}

.oa-hero > .oa-grow[b-euo9tdy04i] {
    min-width: 220px;
}

.oa-hero-actions[b-euo9tdy04i] {
    display: flex;
    gap: 8px;
}

.oa-hero-name[b-euo9tdy04i] {
    font-size: var(--fontSizeBase500);
    line-height: var(--lineHeightBase500);
    font-weight: var(--fontWeightSemibold);
    margin-bottom: 6px;
}

.oa-h2[b-euo9tdy04i] {
    margin: 0;
    padding: 14px 16px 8px;
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
    font-weight: var(--fontWeightSemibold);
}

.oa-h2--inline[b-euo9tdy04i] {
    padding: 0;
}

.oa-row[b-euo9tdy04i] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    border-top: 1px solid var(--colorNeutralStroke3);
}

.oa-row-label[b-euo9tdy04i] {
    width: 160px;
    flex-shrink: 0;
    color: var(--colorNeutralForeground3);
}

.oa-chips[b-euo9tdy04i] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.oa-chip[b-euo9tdy04i] {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground3);
    color: var(--colorNeutralForeground2);
    font-size: var(--fontSizeBase200);
}

.oa-chip--brand[b-euo9tdy04i] {
    background: color-mix(in srgb, var(--colorBrandBackground) 10%, var(--colorNeutralBackground1));
    color: var(--colorBrandForeground2);
}

.oa-dot[b-euo9tdy04i] {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: var(--borderRadiusCircular);
}

.oa-dot--ok[b-euo9tdy04i] {
    background: var(--colorPaletteGreenForeground1);
}

.oa-dot--local[b-euo9tdy04i] {
    background: var(--colorNeutralForeground4);
}

.oa-dot--bad[b-euo9tdy04i] {
    background: var(--colorPaletteDarkOrangeForeground1);
}

[b-euo9tdy04i] .oa-danger {
    color: var(--colorPaletteRedForeground1);
}

/* The content column, not the window, decides when the list stacks above the details. */
@container (max-width: 880px) {
    .oa-body[b-euo9tdy04i] {
        flex-direction: column;
        align-items: stretch;
    }

    .oa-list[b-euo9tdy04i] {
        width: auto;
    }

    .oa-row-label[b-euo9tdy04i] {
        width: auto;
    }
}

@container (max-width: 480px) {
    .oa-row[b-euo9tdy04i] {
        flex-wrap: wrap;
    }

    .oa-row-label[b-euo9tdy04i] {
        flex-basis: 100%;
    }
}
/* /Pages/Admin/ReportDesigner.razor.rz.scp.css */
[b-f2zahu9lag] .rdz-error,
[b-f2zahu9lag] .rdz-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    text-align: center;
    font-family: 'Noto Kufi Arabic', system-ui, sans-serif;
    padding: 2rem;
    box-sizing: border-box;
}

[b-f2zahu9lag] .rdz-error h3 {
    color: #c0392b;
    margin-bottom: 0.5rem;
}

/* A slim bar with the report's name and a way back; the designer fills the rest. */
.rdz[b-f2zahu9lag] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
}

.rdz-bar[b-f2zahu9lag] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    flex-shrink: 0;
    padding: 0 12px;
    border-bottom: 1px solid var(--colorNeutralStroke2);
    font-family: var(--fontFamilyBase);
}

.rdz-name[b-f2zahu9lag] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: var(--fontWeightSemibold);
}

.rdz-muted[b-f2zahu9lag] {
    flex-shrink: 0;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}

.rdz-canvas[b-f2zahu9lag] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
}
/* /Pages/Admin/Reports.razor.rz.scp.css */
/* Grid on the left, the picked report's access and filters on the right. */
.rp[b-qw2cf5n8yu] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--colorNeutralForeground1);
    container-type: inline-size;
}

[b-qw2cf5n8yu] .rp-back {
    display: none;
}

.rp-grow[b-qw2cf5n8yu] {
    flex: 1 1 auto;
    min-width: 0;
}

.rp-muted[b-qw2cf5n8yu] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    font-weight: var(--fontWeightRegular);
    color: var(--colorNeutralForeground3);
}

.rp-strong[b-qw2cf5n8yu] {
    font-weight: var(--fontWeightSemibold);
}

.rp-mono[b-qw2cf5n8yu] {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}

.rp-ellipsis[b-qw2cf5n8yu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rp-body[b-qw2cf5n8yu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    align-items: start;
    gap: 16px;
}

.rp-list[b-qw2cf5n8yu] {
    min-width: 0;
}

[b-qw2cf5n8yu] .rp-row--on > td {
    background: var(--colorSubtleBackgroundSelected, var(--colorNeutralBackground1Selected));
}

[b-qw2cf5n8yu] .rp-row--on > td:first-child {
    box-shadow: inset 3px 0 var(--colorCompoundBrandStroke, var(--colorBrandBackground));
}

[b-qw2cf5n8yu] .smg-grid tr:not(.rp-row--on) {
    cursor: pointer;
}

.rp-detail[b-qw2cf5n8yu] {
    position: sticky;
    top: 16px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rp-center[b-qw2cf5n8yu],
.rp-empty[b-qw2cf5n8yu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 200px;
    padding: 24px;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke2);
    text-align: center;
}

.rp-card[b-qw2cf5n8yu] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke2);
}

.rp-card--flush[b-qw2cf5n8yu] {
    gap: 0;
    padding: 0;
}

.rp-hero-top[b-qw2cf5n8yu] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.rp-doc[b-qw2cf5n8yu] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--borderRadiusLarge);
    background: color-mix(in srgb, var(--colorBrandBackground) 10%, var(--colorNeutralBackground1));
    color: var(--colorBrandForeground2);
}

.rp-doc[b-qw2cf5n8yu]  svg {
    fill: currentColor;
}

.rp-hero-name[b-qw2cf5n8yu] {
    margin-bottom: 6px;
    font-size: var(--fontSizeBase500);
    line-height: var(--lineHeightBase500);
    font-weight: var(--fontWeightSemibold);
    overflow-wrap: anywhere;
}

.rp-actions[b-qw2cf5n8yu] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

[b-qw2cf5n8yu] .rp-danger {
    color: var(--colorPaletteRedForeground1);
}

.rp-sec[b-qw2cf5n8yu] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
}

.rp-h2[b-qw2cf5n8yu] {
    flex: 1 1 auto;
    margin: 0;
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
    font-weight: var(--fontWeightSemibold);
}

.rp-pad[b-qw2cf5n8yu] {
    padding: 0 16px 16px;
}

.rp-row[b-qw2cf5n8yu] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 8px 12px 8px 16px;
    border-top: 1px solid var(--colorNeutralStroke3);
}

.rp-row .rp-chips[b-qw2cf5n8yu] {
    margin-top: 4px;
}

.rp-row-label[b-qw2cf5n8yu] {
    width: 96px;
    flex-shrink: 0;
    color: var(--colorNeutralForeground3);
}

.rp-chips[b-qw2cf5n8yu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.rp-chip[b-qw2cf5n8yu] {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 8px;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground3);
    color: var(--colorNeutralForeground2);
    font-size: var(--fontSizeBase200);
    white-space: nowrap;
}

.rp-chip--brand[b-qw2cf5n8yu] {
    background: color-mix(in srgb, var(--colorBrandBackground) 10%, var(--colorNeutralBackground1));
    color: var(--colorBrandForeground2);
}

.rp-chip--warn[b-qw2cf5n8yu] {
    background: var(--colorPaletteYellowBackground1);
    color: var(--colorPaletteMarigoldForeground1, var(--colorPaletteYellowForeground1));
}

@container (min-width: 1200px) {
    .rp-body[b-qw2cf5n8yu] {
        grid-template-columns: minmax(0, 1fr) 400px;
    }
}

@container (min-width: 1500px) {
    .rp-body[b-qw2cf5n8yu] {
        grid-template-columns: minmax(0, 1fr) 480px;
    }
}

/* Too narrow for both: the list fills the page and a picked report replaces it, with a back button. */
@container (max-width: 840px) {
    .rp-body[b-qw2cf5n8yu] {
        grid-template-columns: minmax(0, 1fr);
    }

    .rp-detail[b-qw2cf5n8yu] {
        position: static;
    }

    .rp:not(.rp--detail) .rp-detail[b-qw2cf5n8yu],
    .rp--detail .rp-list[b-qw2cf5n8yu] {
        display: none;
    }

    .rp--detail[b-qw2cf5n8yu]  .rp-back {
        display: inline-flex;
        align-self: flex-start;
    }
}
/* /Pages/Admin/Terms.razor.rz.scp.css */
.tm[b-vjzk42pyak] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--colorNeutralForeground1);
    container-type: inline-size;
}

.tm-head[b-vjzk42pyak],
.tm-actions[b-vjzk42pyak] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.tm-title[b-vjzk42pyak] {
    margin: 0;
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
}

.tm-grow[b-vjzk42pyak] {
    flex: 1 1 auto;
    min-width: 0;
}

.tm-muted[b-vjzk42pyak] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.tm-strong[b-vjzk42pyak] {
    font-weight: var(--fontWeightSemibold);
}

.tm-mono[b-vjzk42pyak],
[b-vjzk42pyak] .tm-mono {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
}

.tm-center[b-vjzk42pyak],
.tm-list[b-vjzk42pyak],
.tm-card[b-vjzk42pyak] {
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke2);
}

.tm-center[b-vjzk42pyak] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
}

.tm-body[b-vjzk42pyak] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.tm-list[b-vjzk42pyak] {
    width: 280px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px;
}

.tm-list-count[b-vjzk42pyak] {
    padding: 6px 12px;
}

.tm-item[b-vjzk42pyak] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px 12px;
    border: none;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.tm-item > span[b-vjzk42pyak] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tm-item:hover[b-vjzk42pyak],
.tm-item--on[b-vjzk42pyak] {
    background: var(--colorSubtleBackgroundHover);
}

.tm-item:focus-visible[b-vjzk42pyak] {
    outline: 2px solid var(--colorStrokeFocus2);
}

.tm-item--on[b-vjzk42pyak]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 12px;
    bottom: 12px;
    width: 3px;
    border-radius: 2px;
    background: var(--colorBrandBackground);
}

.tm-card[b-vjzk42pyak] {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 760px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 20px;
}

.tm-h2[b-vjzk42pyak] {
    margin: 0;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
}

.tm-grid[b-vjzk42pyak] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

[b-vjzk42pyak] .tm-danger {
    color: var(--colorPaletteRedForeground1);
}

@container (max-width: 760px) {
    .tm-body[b-vjzk42pyak] {
        flex-direction: column;
        align-items: stretch;
    }

    .tm-list[b-vjzk42pyak] {
        width: auto;
    }

    .tm-grid[b-vjzk42pyak] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/UserActivities.razor.rz.scp.css */
/* Settings-style audit page: count tiles pick the category, one grid shows it. */
.ua[b-5dgs75qmuw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--colorNeutralForeground1);
    container-type: inline-size;
}

.ua-head[b-5dgs75qmuw],
.ua-filters[b-5dgs75qmuw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.ua-grow[b-5dgs75qmuw] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.ua-title[b-5dgs75qmuw] {
    margin: 0;
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
}

.ua-muted[b-5dgs75qmuw] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.ua-strong[b-5dgs75qmuw] {
    font-weight: var(--fontWeightSemibold);
}

.ua-mono[b-5dgs75qmuw] {
    font-family: var(--fontFamilyMonospace, Consolas, monospace);
    font-size: var(--fontSizeBase200);
}

.ua-picker[b-5dgs75qmuw] {
    width: 200px;
}

.ua-search[b-5dgs75qmuw] {
    flex: 1 1 240px;
    min-width: 200px;
}

.ua-picker[b-5dgs75qmuw]  > *,
.ua-search[b-5dgs75qmuw]  > * {
    width: 100%;
}

/* ── Tiles ─────────────────────────────────────────────────────────────── */

.ua-tiles[b-5dgs75qmuw] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
}

.ua-tile[b-5dgs75qmuw] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 14px 14px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.ua-tile:hover[b-5dgs75qmuw] {
    background: var(--colorNeutralBackground1Hover);
}

.ua-tile:focus-visible[b-5dgs75qmuw] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: 1px;
}

.ua-tile--on[b-5dgs75qmuw] {
    border-color: var(--colorBrandStroke1);
}

.ua-tile--on[b-5dgs75qmuw]::after {
    content: "";
    position: absolute;
    inset: auto 14px 0;
    height: 3px;
    border-radius: 2px 2px 0 0;
    background: var(--colorBrandBackground);
}

.ua-tile-label[b-5dgs75qmuw] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground2);
}

.ua-tile-count[b-5dgs75qmuw] {
    font-size: var(--fontSizeBase600);
    line-height: var(--lineHeightBase600);
    font-weight: var(--fontWeightSemibold);
    font-variant-numeric: tabular-nums;
}

.ua-tile-caption[b-5dgs75qmuw] {
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}

.ua-tile-caption--bad[b-5dgs75qmuw] {
    color: var(--colorStatusDangerForeground1);
    font-weight: var(--fontWeightSemibold);
}

/* ── Grid card ─────────────────────────────────────────────────────────── */

.ua-card[b-5dgs75qmuw] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    overflow: hidden;
}

.ua-card-head[b-5dgs75qmuw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
}

.ua-card-title[b-5dgs75qmuw] {
    flex: 1 1 auto;
    margin: 0;
    font-size: var(--fontSizeBase300);
    font-weight: var(--fontWeightSemibold);
}

.ua-card[b-5dgs75qmuw]  .ua-hint {
    margin: 0 16px 8px;
}

.ua-card[b-5dgs75qmuw]  table.ua-grid tbody tr {
    cursor: pointer;
}

.ua-cell[b-5dgs75qmuw] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ua-cell-main[b-5dgs75qmuw],
.ua-cell-sub[b-5dgs75qmuw] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ua-cell-sub[b-5dgs75qmuw] {
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}

/* ── Chips and tones ───────────────────────────────────────────────────── */

.ua-chip-row[b-5dgs75qmuw] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.ua-chip[b-5dgs75qmuw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 22px;
    padding: 0 8px;
    border-radius: var(--borderRadiusCircular);
    font-size: var(--fontSizeBase200);
    white-space: nowrap;
    background: var(--ua-tone-bg);
    color: var(--ua-tone-fg);
}

.ua-dot[b-5dgs75qmuw] {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--ua-tone-fg);
}

.ua-chip .ua-dot[b-5dgs75qmuw] {
    width: 6px;
    height: 6px;
}

.tone-neutral[b-5dgs75qmuw] { --ua-tone-bg: var(--colorNeutralBackground3); --ua-tone-fg: var(--colorNeutralForeground2); }
.tone-create[b-5dgs75qmuw] { --ua-tone-bg: var(--colorStatusSuccessBackground1); --ua-tone-fg: var(--colorStatusSuccessForeground1); }
.tone-roles[b-5dgs75qmuw] { --ua-tone-bg: var(--colorBrandBackground2); --ua-tone-fg: var(--colorBrandForeground2); }
.tone-password[b-5dgs75qmuw] { --ua-tone-bg: var(--colorStatusWarningBackground1); --ua-tone-fg: var(--colorStatusWarningForeground1); }
.tone-block[b-5dgs75qmuw] { --ua-tone-bg: var(--colorStatusDangerBackground1); --ua-tone-fg: var(--colorStatusDangerForeground1); }

/* ── Narrow screens ────────────────────────────────────────────────────── */

.ua-scroll[b-5dgs75qmuw] {
    overflow-x: auto;
}

.ua-scroll[b-5dgs75qmuw]  table.ua-grid {
    min-width: 760px;
}

@media (max-width: 767px) {
    .ua-picker[b-5dgs75qmuw],
    .ua-search[b-5dgs75qmuw] {
        flex: 1 1 100%;
        width: auto;
    }

    .ua-card-head .ua-muted[b-5dgs75qmuw] {
        display: none;
    }
}

/* Six, three or two tiles per row, so the last row is never a lone tile. */
@container (max-width: 900px) {
    .ua-tiles[b-5dgs75qmuw] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@container (max-width: 520px) {
    .ua-tiles[b-5dgs75qmuw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Pages/Organization/Components/HierarchyTreePage.razor.rz.scp.css */
/* Windows Settings master-detail: tree card on the left, detail cards on the right. */
.htp[b-wr2yt5ymln] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: calc(100dvh - 120px);
    min-height: 480px;
    color: var(--colorNeutralForeground1);
    container: htp / inline-size;
}

.htp-head[b-wr2yt5ymln] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.htp-title[b-wr2yt5ymln] {
    margin: 0;
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
}

.htp-grow[b-wr2yt5ymln],
.htp-detail[b-wr2yt5ymln]  .htp-grow {
    flex: 1 1 auto;
    min-width: 0;
}

.htp-muted[b-wr2yt5ymln],
.htp-detail[b-wr2yt5ymln]  .htp-muted {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.htp-body[b-wr2yt5ymln] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    gap: 16px;
}

.htp-tree[b-wr2yt5ymln] {
    width: clamp(260px, 32%, 380px);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    overflow: hidden;
}

.htp-tree-tools[b-wr2yt5ymln] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 12px 8px;
}

.htp-tree-bar[b-wr2yt5ymln] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.htp-tree-scroll[b-wr2yt5ymln] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 0 6px 8px;
}

.htp-center[b-wr2yt5ymln] {
    display: flex;
    justify-content: center;
    padding: 24px;
}

.htp-pad[b-wr2yt5ymln] {
    margin: 0;
    padding: 12px;
}

.htp-node[b-wr2yt5ymln] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    width: 100%;
}

.htp-node-name[b-wr2yt5ymln] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.htp-node--off .htp-node-name[b-wr2yt5ymln] {
    color: var(--colorNeutralForeground3);
}

.htp-node-count[b-wr2yt5ymln] {
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}

.htp-chip[b-wr2yt5ymln],
.htp-detail[b-wr2yt5ymln]  .htp-chip {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 8px;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground3);
    color: var(--colorNeutralForeground2);
    font-size: var(--fontSizeBase100);
    white-space: nowrap;
}

.htp-detail[b-wr2yt5ymln]  .htp-chip--ok {
    background: var(--colorPaletteGreenBackground1);
    color: var(--colorPaletteGreenForeground1);
}

.htp-detail[b-wr2yt5ymln] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.htp-detail[b-wr2yt5ymln]  .htp-card {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
}

.htp-detail[b-wr2yt5ymln]  .htp-card-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 14px 16px 10px;
}

.htp-detail[b-wr2yt5ymln]  .htp-h2 {
    margin: 0;
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
    font-weight: var(--fontWeightSemibold);
}

.htp-detail[b-wr2yt5ymln]  .htp-hero {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
}

.htp-detail[b-wr2yt5ymln]  .htp-hero-icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorBrandBackground2);
    color: var(--colorBrandForeground1);
}

.htp-detail[b-wr2yt5ymln]  .htp-hero-text {
    flex: 1 1 220px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.htp-detail[b-wr2yt5ymln]  fluent-button {
    flex-shrink: 0;
}

.htp-detail[b-wr2yt5ymln]  .htp-hero-name {
    font-size: var(--fontSizeBase500);
    line-height: var(--lineHeightBase500);
    font-weight: var(--fontWeightSemibold);
}

.htp-detail[b-wr2yt5ymln]  .htp-chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.htp-detail[b-wr2yt5ymln]  .htp-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--colorNeutralStroke3);
}

.htp-detail[b-wr2yt5ymln]  .htp-fact {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--colorNeutralStroke3);
    overflow-wrap: anywhere;
}

.htp-detail[b-wr2yt5ymln]  .htp-unset {
    color: var(--colorNeutralForeground3);
}

.htp-detail[b-wr2yt5ymln]  .htp-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
}

.htp-detail[b-wr2yt5ymln]  .htp-line {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 8px 16px;
    border: none;
    border-top: 1px solid var(--colorNeutralStroke3);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    box-sizing: border-box;
}

.htp-detail[b-wr2yt5ymln]  button.htp-line {
    padding: 10px 16px;
    cursor: pointer;
}

.htp-detail[b-wr2yt5ymln]  button.htp-line:hover {
    background: var(--colorNeutralBackground1Hover);
}

.htp-detail[b-wr2yt5ymln]  button.htp-line:focus-visible {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: -2px;
}

.htp-detail[b-wr2yt5ymln]  .htp-key {
    width: 220px;
    flex-shrink: 0;
    font-family: Consolas, ui-monospace, monospace;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground2);
}

.htp-detail[b-wr2yt5ymln]  .htp-empty {
    padding: 10px 16px 14px;
    border-top: 1px solid var(--colorNeutralStroke3);
    color: var(--colorNeutralForeground3);
}

.htp-detail[b-wr2yt5ymln]  .htp-danger {
    color: var(--colorPaletteRedForeground1);
}

/* Stacks on the page's own width, so an open nav pane counts too. */
@container htp (max-width: 760px) {
    .htp-body[b-wr2yt5ymln] {
        flex-direction: column;
    }

    .htp-tree[b-wr2yt5ymln] {
        width: auto;
        max-height: 45dvh;
    }

    .htp-detail[b-wr2yt5ymln]  .htp-facts {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 900px) {
    .htp[b-wr2yt5ymln] {
        height: auto;
    }
}
/* /Pages/Organization/Dialogs/LocationDialog.razor.rz.scp.css */
.lcd[b-5e7p1lcb2i] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 8px;
}

.lcd-grid[b-5e7p1lcb2i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

@media (max-width: 480px) {
    .lcd-grid[b-5e7p1lcb2i] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/Organization/Dialogs/LocationTypeDialog.razor.rz.scp.css */
[b-nsdh1f73u5] .ltd-body {
    padding: 1.25rem;
    min-width: min(24rem, 90vw);
}
/* /Pages/Organization/Dialogs/OrganizationDialog.razor.rz.scp.css */
/* Tab strip over one panel per tab, matching the user dialog. */
.ogd[b-pb7hpdkmik] {
    display: flex;
    flex-direction: column;
    color: var(--colorNeutralForeground1);
}

.ogd-muted[b-pb7hpdkmik] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.ogd-grow[b-pb7hpdkmik],
[b-pb7hpdkmik] .ogd-grow {
    flex: 1 1 auto;
    min-width: 0;
}

.ogd-h2[b-pb7hpdkmik] {
    margin: 0;
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
    font-weight: var(--fontWeightSemibold);
}

.ogd-tabs[b-pb7hpdkmik] {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

.ogd-tab[b-pb7hpdkmik] {
    position: relative;
    height: 40px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    background: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    cursor: pointer;
    white-space: nowrap;
}

.ogd-tab:hover[b-pb7hpdkmik] {
    color: var(--colorNeutralForeground1);
}

.ogd-tab:focus-visible[b-pb7hpdkmik] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: -2px;
}

.ogd-tab--on[b-pb7hpdkmik] {
    color: var(--colorNeutralForeground1);
    font-weight: var(--fontWeightSemibold);
}

.ogd-tab--on[b-pb7hpdkmik]::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    height: 3px;
    border-radius: 2px;
    background: var(--colorCompoundBrandStroke, var(--colorBrandBackground));
}

.ogd-tab-badge[b-pb7hpdkmik] {
    height: 18px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground3);
    font-size: var(--fontSizeBase100);
    font-weight: var(--fontWeightRegular);
    color: var(--colorNeutralForeground2);
}

.ogd-panel[b-pb7hpdkmik] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 420px;
    padding-top: 16px;
}

.ogd-card[b-pb7hpdkmik] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
}

.ogd-card--flush[b-pb7hpdkmik] {
    gap: 0;
    padding: 0;
}

.ogd-card-head[b-pb7hpdkmik] {
    display: flex;
    flex-direction: column;
    padding: 14px 16px 10px;
}

.ogd-grid[b-pb7hpdkmik] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

.ogd-card.ogd-grid[b-pb7hpdkmik] {
    display: grid;
}

.ogd-row[b-pb7hpdkmik] {
    flex-direction: row;
    align-items: center;
}

.ogd-line[b-pb7hpdkmik] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px 6px 16px;
    border-top: 1px solid var(--colorNeutralStroke3);
}

.ogd-add[b-pb7hpdkmik] {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr) auto;
    align-items: end;
    padding: 12px 16px 16px;
}

.ogd-key[b-pb7hpdkmik] {
    width: 180px;
    flex-shrink: 0;
    font-family: Consolas, ui-monospace, monospace;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground2);
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .ogd-grid[b-pb7hpdkmik],
    .ogd-card.ogd-grid[b-pb7hpdkmik] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ogd-add[b-pb7hpdkmik] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/Organization/Dialogs/OrganizationKeyDialog.razor.rz.scp.css */
[b-390f5trlm1] .okd-body {
    padding: 1.25rem;
    min-width: min(28rem, 90vw);
}
/* /Pages/Organization/Dialogs/OrganizationTypeDialog.razor.rz.scp.css */
[b-l07af66ve3] .otd-body {
    padding: 1.25rem;
    min-width: min(24rem, 90vw);
}
/* /Pages/Organization/Dialogs/OrganizationUsersDialog.razor.rz.scp.css */
.oud[b-pdhnrf6psa] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 320px;
    color: var(--colorNeutralForeground1);
}

.oud-muted[b-pdhnrf6psa] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    color: var(--colorNeutralForeground3);
}

.oud-grow[b-pdhnrf6psa] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.oud-list[b-pdhnrf6psa] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
}

.oud-row[b-pdhnrf6psa] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 8px 8px 12px;
}

.oud-row + .oud-row[b-pdhnrf6psa] {
    border-top: 1px solid var(--colorNeutralStroke3);
}

.oud-empty[b-pdhnrf6psa] {
    display: flex;
    justify-content: center;
    padding: 16px;
}

.oud-footer-note[b-pdhnrf6psa] {
    flex: 1 1 auto;
    align-self: center;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}
/* /Shared/TermsDialog.razor.rz.scp.css */
.td[b-jzenm8so6o] { display: flex; flex-direction: column; gap: 12px; color: var(--colorNeutralForeground1); }
.td-title[b-jzenm8so6o] { margin: 0; font-size: var(--fontSizeBase500); font-weight: var(--fontWeightSemibold); }
.td-muted[b-jzenm8so6o] { color: var(--colorNeutralForeground3); font-size: var(--fontSizeBase200); }
.td-doc[b-jzenm8so6o] { max-height: 55dvh; overflow: auto; padding: 12px 16px; border: 1px solid var(--colorNeutralStroke2); border-radius: var(--borderRadiusMedium); background: var(--colorNeutralBackground2); line-height: 1.5; }
.td-check[b-jzenm8so6o] { display: flex; align-items: center; gap: 8px; }