/* /Components/Layout/Auth.razor.rz.scp.css */
/* The layout of every page used before signing in: VirgilTrack's own sign-in design, restored on 26 Oct 2026 (H-10
   reopened). Wide screens: the blue panel with the page on the left and the white panel with the logo and the
   illustration on the right, half and half (the white panel narrows for a wide page). Below 992 px the white panel
   becomes a strip with the logo above the blue panel, and the page fills the width with a 16 px gutter.
   The blue is the original's gradient. Its light end is a shade deeper than the original #5892ea so that white text
   passes WCAG AA (4.5:1) anywhere on it; the dark end is the original #24559a. Everything else uses the design tokens
   (wwwroot/css/vt-tokens.css), so the light and dark themes both work. */

.vt-auth[b-rpncqtu8vh] {
    --vt-auth-blue-from: #4177c6;
    --vt-auth-blue-to: #24559a;
    --vt-auth-gutter: 32px;
    display: flex;
    flex-shrink: 0;   /* body is a fixed-height flex column (Metronic): grow with the page instead of overflowing it */
    min-height: 100vh;
    min-height: 100dvh;
    background: var(--vt-surface);
    color: var(--vt-text);
    font-family: var(--vt-font-body);
}

[data-bs-theme=dark] .vt-auth[b-rpncqtu8vh] {
    --vt-auth-blue-from: var(--vt-brand-800);
    --vt-auth-blue-to: var(--vt-brand-950);
}

/* ── The blue panel: the page, then the footer ── */

.vt-auth-panel[b-rpncqtu8vh] {
    flex: 1 1 50%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--vt-auth-gutter);
    background-color: var(--vt-auth-blue-to);
    background-image: linear-gradient(147.98deg, var(--vt-auth-blue-from), var(--vt-auth-blue-to));
    color: var(--vt-white);
}

/* Every page but sign-in: a white card on the blue, centred while it fits and starting at the top when it doesn't. */
.vt-auth-card[b-rpncqtu8vh] {
    width: 100%;
    max-width: 440px;
    margin: auto 0;
    padding: 40px;
    background: var(--vt-surface);
    color: var(--vt-text);
    border-radius: var(--vt-radius-lg);
    box-shadow: 0 12px 32px rgb(7 27 57 / .28);
}

/* The sign-up steps, account set-up and the privacy notice need more room. */
.vt-auth-card:has(.vt-auth-wide)[b-rpncqtu8vh] {
    max-width: 760px;
}

/* Sign in: the form sits straight on the blue, as it always has (Login.razor.css styles it). */
.vt-auth-card:has(.vt-signin)[b-rpncqtu8vh] {
    max-width: 426px;
    padding: 0;
    background: none;
    color: var(--vt-white);
    border-radius: 0;
    box-shadow: none;
}

.vt-auth-footer[b-rpncqtu8vh] {
    width: 100%;
    max-width: 440px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--vt-space-2) var(--vt-space-6);
    padding-top: var(--vt-space-8);
    font-size: 13px;
    font-weight: 600;
}

.vt-auth-panel:has(.vt-signin) .vt-auth-footer[b-rpncqtu8vh] {
    max-width: 426px;
}

.vt-auth-panel:has(.vt-auth-wide) .vt-auth-footer[b-rpncqtu8vh] {
    max-width: 760px;
}

.vt-auth-lang[b-rpncqtu8vh] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: var(--vt-white);
}

.vt-auth-lang img[b-rpncqtu8vh] {
    flex: none;
    width: 20px;
    height: 20px;
    border-radius: 4px;
}

.vt-auth-links[b-rpncqtu8vh] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--vt-space-1) var(--vt-space-4);
}

.vt-auth-links a[b-rpncqtu8vh] {
    color: var(--vt-white);
    text-decoration: none;
    border-radius: 2px;
}

.vt-auth-links a:hover[b-rpncqtu8vh] {
    text-decoration: underline;
}

.vt-auth-links a:focus-visible[b-rpncqtu8vh] {
    outline: 2px solid var(--vt-white);
    outline-offset: 3px;
}

/* ── The white panel: logo, headline and illustration ── */

.vt-auth-brand[b-rpncqtu8vh] {
    flex: 1 1 50%;
    min-width: 0;
    background: var(--vt-surface);
    color: var(--vt-text);
}

/* As tall as the screen and in view while a long page scrolls beside it. */
.vt-auth-brand-inner[b-rpncqtu8vh] {
    position: sticky;
    top: 0;
    height: 100vh;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--vt-auth-gutter);
    text-align: center;
    overflow: hidden;
}

.vt-auth-logo[b-rpncqtu8vh] {
    display: block;
    width: auto;
    height: 60px;
    margin-bottom: 26px;
}

.vt-auth-headline[b-rpncqtu8vh] {
    margin: 0 0 10px;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--vt-text);
}

.vt-auth-tagline[b-rpncqtu8vh] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--vt-text-subtle);
}

.vt-auth-illustration[b-rpncqtu8vh] {
    display: block;
    width: 72%;
    max-width: 668px;
    margin-top: 64px;
}

.vt-auth-illustration img[b-rpncqtu8vh] {
    display: block;
    width: 100%;
    height: auto;
    max-height: calc(100vh - 300px);
    max-height: calc(100dvh - 300px);
    object-fit: contain;
}

/* Dark theme: the illustration keeps its own light background, so it sits on a rounded tile, dimmed a little. */
[data-bs-theme=dark] .vt-auth-illustration img[b-rpncqtu8vh] {
    padding: var(--vt-space-4);
    background: var(--vt-white);
    border-radius: var(--vt-radius-lg);
    filter: brightness(.9);
}

/* A wide page takes more of the screen; the white panel keeps the logo, headline and a smaller illustration. */
.vt-auth:has(.vt-auth-wide) .vt-auth-panel[b-rpncqtu8vh] {
    flex: 1 1 auto;
}

.vt-auth:has(.vt-auth-wide) .vt-auth-brand[b-rpncqtu8vh] {
    flex: 0 0 clamp(320px, 32vw, 520px);
}

/* ── What the pages put in the card ── */

.vt-auth-card[b-rpncqtu8vh]  .vt-auth-heading {
    margin-bottom: var(--vt-space-8);
}

.vt-auth-card[b-rpncqtu8vh]  .vt-auth-title {
    margin: 0 0 var(--vt-space-2);
    font-family: var(--vt-font-display);
    font-size: var(--vt-text-2xl);
    font-weight: 600;
    line-height: var(--vt-leading-tight);
    color: var(--vt-text);
}

.vt-auth-card[b-rpncqtu8vh]  .vt-auth-subtitle {
    margin: 0;
    font-size: var(--vt-text-md);
    line-height: var(--vt-leading-normal);
    color: var(--vt-text-muted);
}

.vt-auth-card[b-rpncqtu8vh]  .vt-auth-alt {
    margin: var(--vt-space-6) 0 0;
    text-align: center;
    font-size: var(--vt-text-md);
    color: var(--vt-text-muted);
}

.vt-auth-card[b-rpncqtu8vh]  .vt-auth-link {
    font-weight: 600;
    color: var(--vt-link);
    text-decoration: none;
}

.vt-auth-card[b-rpncqtu8vh]  .vt-auth-link:hover {
    text-decoration: underline;
}

.vt-auth-card[b-rpncqtu8vh]  .form-label {
    font-weight: 600;
    color: var(--vt-text);
}

/* ── Phones and small tablets ── */

@media (max-width: 991.98px) {
    .vt-auth[b-rpncqtu8vh] {
        flex-direction: column;
    }

    /* The white panel becomes a strip with the logo, above the page (it comes after it for screen readers). */
    .vt-auth-brand[b-rpncqtu8vh],
    .vt-auth:has(.vt-auth-wide) .vt-auth-brand[b-rpncqtu8vh] {
        order: -1;
        flex: none;
    }

    .vt-auth-brand-inner[b-rpncqtu8vh] {
        position: static;
        height: auto;
        padding: 12px var(--vt-space-4);
    }

    .vt-auth-logo[b-rpncqtu8vh] {
        height: 40px;
        margin: 0;
    }

    .vt-auth-headline[b-rpncqtu8vh],
    .vt-auth-tagline[b-rpncqtu8vh],
    .vt-auth-illustration[b-rpncqtu8vh] {
        display: none;
    }

    .vt-auth-panel[b-rpncqtu8vh] {
        flex: 1 0 auto;
        padding: var(--vt-space-6) var(--vt-space-4);
    }

    .vt-auth-card[b-rpncqtu8vh] {
        margin: 0;
    }

    .vt-auth-footer[b-rpncqtu8vh] {
        margin-top: auto;
    }
}

@media (max-width: 575.98px) {
    .vt-auth-card[b-rpncqtu8vh] {
        padding: var(--vt-space-6) 20px;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* The strip Blazor shows when something fails outside every error boundary and the page can't carry on (D-01).
   Blazor sets display: block on it; it follows the theme instead of the template's pale yellow. */
#blazor-error-ui[b-633vkfkrod] {
    display: none;
    position: fixed;
    left: 50%;
    bottom: 16px;
    transform: translateX(-50%);
    z-index: 105000;
    width: calc(100% - 32px);
    max-width: 640px;
    box-sizing: border-box;
    padding: 0.85rem 3rem 0.85rem 1.25rem;
    border-radius: 0.75rem;
    border-left: 4px solid var(--bs-danger);
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.18);
    font-size: 0.95rem;
}

    #blazor-error-ui .reload[b-633vkfkrod] {
        margin-left: 0.5rem;
        font-weight: 600;
        color: var(--bs-primary);
    }

    #blazor-error-ui .dismiss[b-633vkfkrod] {
        position: absolute;
        top: 50%;
        right: 0.75rem;
        transform: translateY(-50%);
        border: 0;
        background: transparent;
        color: var(--bs-gray-600);
        font-size: 1.5rem;
        line-height: 1;
        cursor: pointer;
    }

/* The page-change bar (G-07): hidden until vt-shell.js adds is-active, which only happens after 300 ms. */
.vt-nav-progress[b-633vkfkrod] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    z-index: 106000;
    pointer-events: none;
    background: var(--bs-primary);
    transform: scaleX(0);
    transform-origin: 0 50%;
    opacity: 0;
}

    .vt-nav-progress.is-active[b-633vkfkrod] {
        opacity: 1;
        transform: scaleX(0.85);
        transition: transform 6s cubic-bezier(0.1, 0.6, 0.2, 1), opacity 0.15s linear;
    }

    .vt-nav-progress.is-done[b-633vkfkrod] {
        opacity: 0;
        transform: scaleX(1);
        transition: transform 0.2s ease-out, opacity 0.25s linear 0.15s;
    }

@media (prefers-reduced-motion: reduce) {
    .vt-nav-progress.is-active[b-633vkfkrod] {
        transform: scaleX(1);
        transition: opacity 0.15s linear;
    }
}
/* /Components/Layout/Partials/SidebarLayout/Header/HelpButton.razor.rz.scp.css */
/* Layout only: colours come from the theme's variables, so it follows light and dark. */
.vt-help[b-ymt2fd5lye] { position: relative; display: inline-block; }
.vt-help-backdrop[b-ymt2fd5lye] { position: fixed; inset: 0; z-index: 1040; }
.vt-help-panel[b-ymt2fd5lye] { position: absolute; right: 0; top: calc(100% + 10px); width: min(380px, calc(100vw - 32px)); z-index: 1041; }
.vt-help-link[b-ymt2fd5lye] { color: var(--bs-gray-800); }
.vt-help-link:hover[b-ymt2fd5lye], .vt-help-link:focus[b-ymt2fd5lye] { background: var(--bs-gray-100); color: var(--bs-primary); }
/* /Components/Layout/Partials/SidebarLayout/Header/SearchPalette.razor.rz.scp.css */
/* Layout only: colours come from the theme's variables, so it follows light and dark. */
.vt-search-trigger[b-wp9jd9v4sz] { border: 1px solid var(--bs-gray-200); }
.vt-search-key[b-wp9jd9v4sz] { font-size: .75rem; padding: .05rem .4rem; }
.vt-search-backdrop[b-wp9jd9v4sz] { position: fixed; inset: 0; z-index: 1060; background: rgba(0, 0, 0, .35); }
.vt-search[b-wp9jd9v4sz] { position: fixed; z-index: 1061; top: 10vh; left: 50%; transform: translateX(-50%); width: min(640px, calc(100vw - 32px));
             max-height: 75vh; display: flex; flex-direction: column; }
.vt-search-body[b-wp9jd9v4sz] { overflow-y: auto; min-height: 0; flex: 1 1 auto; }
.vt-search-hit[b-wp9jd9v4sz] { color: inherit; }
.vt-search-hit.vt-active[b-wp9jd9v4sz], .vt-search-hit:focus[b-wp9jd9v4sz] { background: var(--bs-gray-100); outline: none; }
.vt-search-placeholder[b-wp9jd9v4sz] { height: 1.1rem; }
@media (max-width: 575.98px) { .vt-search[b-wp9jd9v4sz] { top: 16px; max-height: calc(100vh - 32px); } }
/* The palette has its own close button. */
.vt-search-head input[type="search"][b-wp9jd9v4sz]::-webkit-search-cancel-button { display: none; }
/* /Components/Layout/Partials/SidebarLayout/Sidebar/SidebarNav.razor.rz.scp.css */
/* Layout only: colours and type come from the theme (the sidebar's own menu colours). */
.vt-nav-heading[b-txdrmq2zyg] { letter-spacing: .02em; opacity: .75; }
.vt-nav-placeholder[b-txdrmq2zyg] { height: 1.25rem; opacity: .25; }
/* A little tighter than the theme's default, so a CEO's or an administrator's whole menu fits on a laptop screen. */
.menu-link[b-txdrmq2zyg] { padding-top: .5rem; padding-bottom: .5rem; }
/* The unread dot on Private chat: a dot, not a counter. */
.badge.badge-circle.badge-sm.vt-nav-dot[b-txdrmq2zyg] { min-width: 0; width: .5rem; height: .5rem; }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
/* Hidden until Blazor adds one of its reconnect classes to the element. */
.vt-reconnect[b-dkvqut95r3] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 110000;
    justify-content: center;
    align-items: flex-start;
    padding: 16px;
    background: rgba(0, 0, 0, 0.3);
}

.vt-reconnect.components-reconnect-show[b-dkvqut95r3],
.vt-reconnect.components-reconnect-retrying[b-dkvqut95r3],
.vt-reconnect.components-reconnect-failed[b-dkvqut95r3],
.vt-reconnect.components-reconnect-paused[b-dkvqut95r3],
.vt-reconnect.components-reconnect-resume-failed[b-dkvqut95r3],
.vt-reconnect.components-reconnect-rejected[b-dkvqut95r3] {
    display: flex;
}

.vt-reconnect-box[b-dkvqut95r3] {
    width: 100%;
    max-width: 460px;
    margin-top: 15vh;
    padding: 1.5rem;
    border-radius: 0.75rem;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.2);
}

.vt-reconnect-state[b-dkvqut95r3] {
    display: none;
}

.components-reconnect-show .vt-reconnect-retrying[b-dkvqut95r3],
.components-reconnect-retrying .vt-reconnect-retrying[b-dkvqut95r3] {
    display: flex;
    gap: 0.75rem;
}

.components-reconnect-failed .vt-reconnect-failed[b-dkvqut95r3],
.components-reconnect-paused .vt-reconnect-failed[b-dkvqut95r3],
.components-reconnect-resume-failed .vt-reconnect-failed[b-dkvqut95r3],
.components-reconnect-rejected .vt-reconnect-rejected[b-dkvqut95r3] {
    display: block;
}
/* /Components/Pages/Account/Manage/Partials/DisconnectMailboxDialog.razor.rz.scp.css */
/* Disconnecting a mailbox: tokens only. */
.dmd-text[b-swk0txche5] {
    margin: 0 0 var(--vt-space-4);
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    overflow-wrap: anywhere;
}

.dmd-choice[b-swk0txche5] {
    margin: 0;
    padding: 0;
    border: 0;
}

.dmd-legend[b-swk0txche5] {
    margin-bottom: var(--vt-space-2);
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-weight: 500;
}

.dmd-option[b-swk0txche5] {
    display: flex;
    align-items: center;
    gap: var(--vt-space-2);
    margin: 0 0 var(--vt-space-2);
    padding: 0;
    min-height: 0;
}

.dmd-option .form-check-input[b-swk0txche5] {
    float: none;
    flex: none;
    width: 20px;
    height: 20px;
    margin: 0;
}

.dmd-option .form-check-label[b-swk0txche5] {
    color: var(--vt-text);
}
/* /Components/Pages/Account/Manage/Partials/MailboxConsentText.razor.rz.scp.css */
/* What a person agrees to before a mailbox is read: tokens only. */
.mct-intro[b-sz74yubi27] {
    margin: 0 0 var(--vt-space-3);
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-weight: 500;
}

.mct-points[b-sz74yubi27] {
    display: flex;
    flex-direction: column;
    gap: var(--vt-space-2);
    margin: 0;
    padding-inline-start: 1.25rem;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.mct-heading[b-sz74yubi27] {
    color: var(--vt-text);
    font-weight: 600;
}

.mct-note[b-sz74yubi27] {
    margin: var(--vt-space-3) 0 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}
/* /Components/Pages/Account/Manage/Partials/SettingSwitch.razor.rz.scp.css */
/* A setting that is on or off: tokens only, so it reads in light and dark mode. */
.ss-row[b-7ef2bheszw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--vt-space-4);
}

.ss-text[b-7ef2bheszw] {
    flex: 1 1 auto;
    min-width: 0;
}

.ss-label[b-7ef2bheszw] {
    display: block;
    margin: 0;
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-weight: 500;
    cursor: pointer;
}

.ss-help[b-7ef2bheszw] {
    margin-top: var(--vt-space-1);
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.ss-why[b-7ef2bheszw] {
    color: var(--vt-warning-text);
}

.ss-switch[b-7ef2bheszw] {
    flex: none;
    margin: 2px 0 0;
    padding: 0;
    min-height: 0;
}

.ss-switch .form-check-input[b-7ef2bheszw] {
    float: none;
    width: 44px;
    height: 24px;
    margin: 0;
    cursor: pointer;
}

.ss-switch .form-check-input:disabled[b-7ef2bheszw] {
    cursor: not-allowed;
}
/* /Components/Pages/Account/Manage/Settings.razor.rz.scp.css */
/* Settings (B-22): the list of sections on the left, the open section on the right. Tokens only, so light and dark
   mode both work. On a phone the list becomes a row of tabs across the top, like VtTabs. */
.st-layout[b-h36dry16nw] {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: var(--vt-space-6);
    align-items: start;
}

.st-side[b-h36dry16nw] {
    position: sticky;
    top: 100px;
    padding: var(--vt-space-4);
    background: var(--vt-surface);
    border: 1px solid var(--vt-border);
    border-radius: var(--vt-radius);
    box-shadow: var(--vt-shadow-sm);
}

/* Name and email: the text column may shrink, so a long address ends in "…" (full text on hover), never past the card. */
.st-me[b-h36dry16nw] {
    display: flex;
    align-items: center;
    gap: var(--vt-space-3);
    padding-bottom: var(--vt-space-4);
    margin-bottom: var(--vt-space-3);
    border-bottom: 1px solid var(--vt-border);
}

.st-who[b-h36dry16nw] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.st-name[b-h36dry16nw], .st-email[b-h36dry16nw] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.st-name[b-h36dry16nw] {
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-weight: 600;
}

.st-email[b-h36dry16nw] {
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.st-nav[b-h36dry16nw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Neutral text; only the open section is blue (soft brand background, brand text). */
.st-link[b-h36dry16nw] {
    display: flex;
    align-items: center;
    gap: var(--vt-space-3);
    padding: 8px 12px;
    border-radius: var(--vt-radius-sm);
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-weight: 500;
    text-decoration: none;
}

.st-link:hover[b-h36dry16nw] {
    background: var(--vt-surface-muted);
    color: var(--vt-text);
}

.st-link[aria-current=page][b-h36dry16nw] {
    background: var(--vt-primary-soft);
    color: var(--vt-primary);
    font-weight: 600;
}

.st-link:focus-visible[b-h36dry16nw] {
    outline: 2px solid var(--vt-primary);
    outline-offset: 2px;
}

.st-link[b-h36dry16nw]  .vt-icon {
    flex: none;
    font-size: 18px;
    color: var(--vt-text-muted);
}

.st-link[aria-current=page][b-h36dry16nw]  .vt-icon {
    color: var(--vt-primary);
}

.st-main[b-h36dry16nw] {
    min-width: 0;
}

@media (max-width: 991.98px) {
    .st-layout[b-h36dry16nw] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--vt-space-4);
    }

    .st-side[b-h36dry16nw] {
        position: static;
        padding: 0;
        background: none;
        border: 0;
        box-shadow: none;
    }

    /* the top bar already shows who is signed in */
    .st-me[b-h36dry16nw] {
        display: none;
    }

    .st-nav[b-h36dry16nw] {
        flex-direction: row;
        gap: var(--vt-space-6);
        overflow-x: auto;
        scrollbar-width: thin;
        border-bottom: 1px solid var(--vt-border);
    }

    .st-link[b-h36dry16nw] {
        position: relative;
        flex: none;
        padding: 10px 0;
        border-radius: 0;
        white-space: nowrap;
        color: var(--vt-text-muted);
    }

    .st-link:hover[b-h36dry16nw] {
        background: none;
        color: var(--vt-text);
    }

    .st-link[aria-current=page][b-h36dry16nw] {
        background: none;
    }

    .st-link[aria-current=page][b-h36dry16nw]::after {
        content: "";
        position: absolute;
        inset-inline: 0;
        bottom: 0;
        height: 2px;
        border-radius: 2px;
        background: var(--vt-primary);
    }

    .st-link[b-h36dry16nw]  .vt-icon {
        display: none;
    }
}
/* /Components/Pages/Account/Manage/SettingsAccount.razor.rz.scp.css */
/* Settings › Your account: tokens only. */
.sa-form[b-1dpwis07ap] {
    max-width: 640px;
}
/* /Components/Pages/Account/Manage/SettingsEmail.razor.rz.scp.css */
/* Settings › Mailboxes: tokens only, so light and dark mode both work; everything wraps on a phone. */
.sm-domains[b-v3w003ajf7] {
    margin-top: var(--vt-space-6);
    max-width: 640px;
}

.sm-inline[b-v3w003ajf7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-3);
}

.sm-grow[b-v3w003ajf7] {
    flex: 1 1 240px;
    width: auto;
    min-width: 0;
}

.sm-status[b-v3w003ajf7] {
    margin: var(--vt-space-2) 0 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.sm-howto[b-v3w003ajf7] {
    margin-bottom: var(--vt-space-6);
    padding: var(--vt-space-4);
    background: var(--vt-surface-tint);
    border-radius: var(--vt-radius-sm);
    color: var(--vt-text);
    font-size: var(--vt-text-sm);
}

.sm-howto ol[b-v3w003ajf7] {
    display: flex;
    flex-direction: column;
    gap: var(--vt-space-2);
    margin: 0;
    padding-inline-start: 1.25rem;
}

.sm-panel[b-v3w003ajf7] {
    margin-bottom: var(--vt-space-4);
    padding: var(--vt-space-4);
    background: var(--vt-surface-muted);
    border-radius: var(--vt-radius-sm);
    color: var(--vt-text);
    font-size: var(--vt-text-md);
}

.sm-check[b-v3w003ajf7] {
    display: flex;
    align-items: flex-start;
    gap: var(--vt-space-2);
    margin: var(--vt-space-4) 0 0;
    padding: 0;
    min-height: 0;
}

.sm-check .form-check-input[b-v3w003ajf7] {
    float: none;
    flex: none;
    width: 20px;
    height: 20px;
    margin: 0;
}

.sm-check .form-check-label[b-v3w003ajf7] {
    color: var(--vt-text);
    font-weight: 600;
}

.sm-connect[b-v3w003ajf7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--vt-space-3);
}

.sm-hint[b-v3w003ajf7] {
    margin: var(--vt-space-3) 0 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.sm-imap-intro[b-v3w003ajf7] {
    margin: 0 0 var(--vt-space-4);
}

.sm-imap[b-v3w003ajf7] {
    margin-top: var(--vt-space-6);
    padding-top: var(--vt-space-6);
    border-top: 1px solid var(--vt-border);
}

/* each connected mailbox */
.sm-list[b-v3w003ajf7] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sm-row[b-v3w003ajf7] {
    padding: var(--vt-space-4) 0;
    border-top: 1px dashed var(--vt-border);
}

.sm-row:first-child[b-v3w003ajf7] {
    padding-top: 0;
    border-top: 0;
}

.sm-row-head[b-v3w003ajf7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-3);
}

.sm-row-who[b-v3w003ajf7] {
    flex: 1 1 200px;
    min-width: 0;
}

.sm-address[b-v3w003ajf7] {
    overflow: hidden;
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sm-checked[b-v3w003ajf7], .sm-muted[b-v3w003ajf7] {
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.sm-blocked[b-v3w003ajf7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-3);
    margin-top: var(--vt-space-3);
    padding: var(--vt-space-2) var(--vt-space-3);
    background: var(--vt-warning-soft);
    border-radius: var(--vt-radius-sm);
    color: var(--vt-warning-text);
    font-size: var(--vt-text-sm);
}

.sm-reading[b-v3w003ajf7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-2);
    margin-top: var(--vt-space-3);
    color: var(--vt-text);
    font-size: var(--vt-text-sm);
}

.sm-line[b-v3w003ajf7] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.sm-progress-text[b-v3w003ajf7] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--vt-space-2);
    width: 100%;
}

.sm-spinner[b-v3w003ajf7] {
    color: var(--vt-primary);
}

.sm-bar[b-v3w003ajf7] {
    width: 100%;
    height: 6px;
    overflow: hidden;
    background: var(--vt-primary-soft);
    border-radius: var(--vt-radius-pill);
}

.sm-bar-fill[b-v3w003ajf7] {
    height: 100%;
    background: var(--vt-primary);
    border-radius: var(--vt-radius-pill);
}

.sm-problem[b-v3w003ajf7] {
    margin: var(--vt-space-2) 0 0;
    color: var(--vt-warning-text);
    font-size: var(--vt-text-sm);
}

.sm-found[b-v3w003ajf7] {
    margin: var(--vt-space-2) 0 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.sm-setting[b-v3w003ajf7] {
    margin: var(--vt-space-4) 0;
    max-width: 640px;
}

.sm-row[b-v3w003ajf7]  .vt-field {
    max-width: 640px;
    margin-bottom: 0;
}
/* /Components/Pages/Account/Manage/SettingsOrganization.razor.rz.scp.css */
/* Settings › Organisation: tokens only. The tab strip looks like VtTabs (underline, brand for the open tab) and scrolls
   sideways on a phone instead of wrapping. */
.so-tabs[b-67cr6msvjn] {
    display: flex;
    gap: var(--vt-space-6);
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid var(--vt-border);
    overflow-x: auto;
    scrollbar-width: thin;
}

.so-tab[b-67cr6msvjn] {
    position: relative;
    display: inline-flex;
    padding: 10px 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-md);
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
}

.so-tab:hover[b-67cr6msvjn] {
    color: var(--vt-text);
}

.so-tab[aria-current=page][b-67cr6msvjn] {
    color: var(--vt-primary);
    font-weight: 600;
}

.so-tab[aria-current=page][b-67cr6msvjn]::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: -1px;
    height: 2px;
    border-radius: 2px;
    background: var(--vt-primary);
}

.so-tab:focus-visible[b-67cr6msvjn] {
    outline: 2px solid var(--vt-primary);
    outline-offset: 2px;
}

/* the tools for roles and reporting lines: whole tiles are links */
.so-links[b-67cr6msvjn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: var(--vt-space-4);
}

.so-link[b-67cr6msvjn] {
    display: flex;
    align-items: flex-start;
    gap: var(--vt-space-3);
    padding: var(--vt-space-4);
    border: 1px solid var(--vt-border);
    border-radius: var(--vt-radius-sm);
    color: var(--vt-text);
    text-decoration: none;
}

.so-link:hover[b-67cr6msvjn] {
    background: var(--vt-surface-muted);
    border-color: var(--vt-border-strong);
}

.so-link:focus-visible[b-67cr6msvjn] {
    outline: 2px solid var(--vt-primary);
    outline-offset: 2px;
}

.so-link[b-67cr6msvjn]  .vt-icon {
    flex: none;
    font-size: 24px;
    color: var(--vt-primary);
}

.so-link-title[b-67cr6msvjn] {
    display: block;
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-weight: 600;
}

.so-link-text[b-67cr6msvjn] {
    display: block;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}
/* /Components/Pages/Account/Manage/SettingsPreferences.razor.rz.scp.css */
/* Settings › Preferences: tokens only. */
.pf-search[b-pwsav31jn9] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0 var(--vt-space-3);
    max-width: 640px;
}

.pf-search[b-pwsav31jn9]  .vt-field {
    flex: 1 1 260px;
}

.pf-search > .btn[b-pwsav31jn9] {
    margin-bottom: var(--vt-space-4);
}

.pf-list[b-pwsav31jn9] {
    max-width: 640px;
    height: auto;
    padding-block: var(--vt-space-1);
}

.pf-foot[b-pwsav31jn9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--vt-space-4);
    max-width: 640px;
}

.pf-preview-label[b-pwsav31jn9] {
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.pf-preview[b-pwsav31jn9] {
    color: var(--vt-text);
    font-family: var(--vt-font-display);
    font-size: var(--vt-text-xl);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/Account/Manage/SettingsProfile.razor.rz.scp.css */
/* Settings › Profile: tokens only. */
.sp-divider[b-4xmm0ner2i] {
    height: 1px;
    margin: var(--vt-space-2) 0 var(--vt-space-6);
    background: var(--vt-border);
}

/* What the organisation recorded: label and value side by side, stacked on a phone. */
.sp-facts[b-4xmm0ner2i] {
    display: grid;
    grid-template-columns: minmax(120px, 200px) minmax(0, 1fr);
    gap: var(--vt-space-3) var(--vt-space-6);
    margin: 0;
}

.sp-facts dt[b-4xmm0ner2i] {
    color: var(--vt-text-muted);
    font-size: var(--vt-text-md);
    font-weight: 500;
}

.sp-facts dd[b-4xmm0ner2i] {
    margin: 0;
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-weight: 600;
    overflow-wrap: anywhere;
}

@media (max-width: 575.98px) {
    .sp-facts[b-4xmm0ner2i] {
        grid-template-columns: minmax(0, 1fr);
        gap: 2px;
    }

    .sp-facts dd[b-4xmm0ner2i] {
        margin-bottom: var(--vt-space-3);
    }
}
/* /Components/Pages/Account/Manage/SettingsSecurity.razor.rz.scp.css */
/* Settings › Sign-in & security: tokens only. */
.sx-value[b-jsny3v89xx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-2) var(--vt-space-3);
    min-width: 0;
}

.sx-text[b-jsny3v89xx] {
    min-width: 0;
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.sx-muted[b-jsny3v89xx] {
    color: var(--vt-text-muted);
    font-size: var(--vt-text-md);
}

.sx-step[b-jsny3v89xx] {
    margin-top: var(--vt-space-6);
    padding-top: var(--vt-space-6);
    border-top: 1px dashed var(--vt-border);
}

/* an input with its buttons beside it; they wrap under it on a phone */
.sx-inline[b-jsny3v89xx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-3);
}

.sx-wide[b-jsny3v89xx] {
    flex: 1 1 260px;
    width: auto;
    max-width: 360px;
}

.sx-code[b-jsny3v89xx] {
    flex: 0 0 9rem;
    width: 9rem;
    text-align: center;
    letter-spacing: .2em;
}

.sx-form[b-jsny3v89xx] {
    max-width: 640px;
}

.sx-actions[b-jsny3v89xx] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--vt-space-3);
    max-width: 640px;
}

.sx-why[b-jsny3v89xx] {
    margin: var(--vt-space-2) 0 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.sx-check[b-jsny3v89xx] {
    display: flex;
    align-items: flex-start;
    gap: var(--vt-space-2);
    margin: 0 0 var(--vt-space-4);
    padding: 0;
    min-height: 0;
}

.sx-check .form-check-input[b-jsny3v89xx] {
    float: none;
    flex: none;
    width: 20px;
    height: 20px;
    margin: 0;
}

.sx-check .form-check-label[b-jsny3v89xx] {
    color: var(--vt-text);
    font-size: var(--vt-text-md);
}

@media (max-width: 575.98px) {
    .sx-wide[b-jsny3v89xx] {
        max-width: none;
    }
}
/* /Components/Pages/Admin/MetricList.razor.rz.scp.css */
.mx[b-qmc834kwvh] { display: flex; flex-direction: column; gap: var(--vt-space-4); }
.mx-back[b-qmc834kwvh] { align-self: flex-start; display: inline-flex; align-items: center; font-size: var(--vt-text-sm); color: var(--vt-link); }
.mx-head[b-qmc834kwvh] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: var(--vt-space-4); }
.mx-title[b-qmc834kwvh] { margin: 0 0 var(--vt-space-1); font-size: var(--vt-text-2xl); font-weight: 600; color: var(--vt-text); }
.mx-desc[b-qmc834kwvh] { margin: 0; font-size: var(--vt-text-md); color: var(--vt-text-muted); max-width: 70ch; }
.mx-scope[b-qmc834kwvh] { margin: var(--vt-space-1) 0 0; font-size: var(--vt-text-sm); color: var(--vt-text-subtle); }
.mx-count[b-qmc834kwvh] { display: flex; flex-direction: column; align-items: flex-end; min-width: 120px; }
.mx-number[b-qmc834kwvh] { font-size: var(--vt-text-3xl); font-weight: 600; line-height: var(--vt-leading-tight); color: var(--vt-text); }
.mx-total[b-qmc834kwvh] { font-size: var(--vt-text-sm); color: var(--vt-text-muted); }
.mx-ph[b-qmc834kwvh] { height: 32px; display: inline-block; width: 100px; }
.mx-card[b-qmc834kwvh] { padding: var(--vt-space-4); background: var(--vt-surface); border: 1px solid var(--vt-border); border-radius: var(--vt-radius); }
.mx-table[b-qmc834kwvh] { font-size: var(--vt-text-sm); color: var(--vt-text); }
.mx-table th[b-qmc834kwvh] { font-size: var(--vt-text-xs); font-weight: 600; color: var(--vt-text-muted); white-space: nowrap; }
.mx-table a[b-qmc834kwvh] { color: var(--vt-link); }
.mx-detail[b-qmc834kwvh] { color: var(--vt-text-muted); }
.mx-nowrap[b-qmc834kwvh] { white-space: nowrap; }
.mx-pager[b-qmc834kwvh] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vt-space-3); margin-top: var(--vt-space-4); font-size: var(--vt-text-sm); color: var(--vt-text-muted); }

@media (max-width: 575.98px) {
  .mx-count[b-qmc834kwvh] { align-items: flex-start; }
}
/* /Components/Pages/Admin/OrganizationDetails.razor.rz.scp.css */
/* One organisation's page (admin sweep): tokens only, so it reads the same in light and dark. */
.adm-kpis[b-jsnecsxc5n] { margin-bottom: var(--vt-space-6); }
.adm-leadership[b-jsnecsxc5n] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--vt-space-4); align-items: start; }
.adm-settings[b-jsnecsxc5n] { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--vt-space-4); align-items: start; }
.adm-grid[b-jsnecsxc5n] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0 var(--vt-space-4); }
.adm-person[b-jsnecsxc5n] { display: flex; align-items: center; gap: var(--vt-space-3); min-width: 0; }
.adm-person__text[b-jsnecsxc5n] { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.adm-person__name[b-jsnecsxc5n] { font-weight: 600; }
.adm-person__link[b-jsnecsxc5n] { padding: 0; border: 0; color: var(--vt-text); font-weight: 600; text-align: start; text-decoration: none; }
.adm-person__link:hover[b-jsnecsxc5n], .adm-person__link:focus-visible[b-jsnecsxc5n] { color: var(--vt-link); text-decoration: underline; }
.adm-person__email[b-jsnecsxc5n] { color: var(--vt-text-muted); font-size: var(--vt-text-sm); overflow-wrap: anywhere; }
.adm-muted[b-jsnecsxc5n] { color: var(--vt-text-muted); font-size: var(--vt-text-sm); overflow-wrap: anywhere; }
.adm-hint[b-jsnecsxc5n] { margin: 0 0 var(--vt-space-3); color: var(--vt-text-muted); font-size: var(--vt-text-sm); }
.adm-buttons[b-jsnecsxc5n] { display: flex; flex-wrap: wrap; gap: var(--vt-space-2); }
.adm-depts[b-jsnecsxc5n], .adm-history[b-jsnecsxc5n] { margin: 0; padding: 0; list-style: none; }
.adm-depts li[b-jsnecsxc5n] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vt-space-3); padding: var(--vt-space-3) 0; border-bottom: 1px solid var(--vt-border); }
.adm-depts li:last-child[b-jsnecsxc5n], .adm-history li:last-child[b-jsnecsxc5n] { border-bottom: 0; }
.adm-depts__text[b-jsnecsxc5n] { display: flex; flex-direction: column; align-items: flex-start; gap: var(--vt-space-1); min-width: 0; }
.adm-depts__name[b-jsnecsxc5n] { font-weight: 600; }
.adm-history li[b-jsnecsxc5n] { display: flex; align-items: flex-start; gap: var(--vt-space-3); padding: var(--vt-space-3) 0; border-bottom: 1px solid var(--vt-border); }
.adm-history__text[b-jsnecsxc5n] { display: flex; flex-direction: column; min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 991.98px) {
    .adm-leadership[b-jsnecsxc5n], .adm-settings[b-jsnecsxc5n] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 575.98px) {
    .adm-history li[b-jsnecsxc5n] { flex-direction: column; gap: var(--vt-space-1); }
}
/* /Components/Pages/Admin/Organizations.razor.rz.scp.css */
/* The Organisations page (admin sweep): a grid of organisation cards, tokens only (light and dark). */
.adm-internal[b-jwiytdu4e7] { margin: 0 0 var(--vt-space-4); }
.adm-orgs[b-jwiytdu4e7] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); gap: var(--vt-space-4); margin: 0; padding: 0; list-style: none; }
.adm-org[b-jwiytdu4e7] { display: flex; flex-direction: column; gap: var(--vt-space-3); height: 100%; padding: var(--vt-space-4) var(--vt-space-6); color: var(--vt-text); text-decoration: none; transition: border-color var(--vt-motion-fast) var(--vt-ease), box-shadow var(--vt-motion-fast) var(--vt-ease); }
.adm-org:hover[b-jwiytdu4e7] { border-color: var(--vt-primary); box-shadow: var(--vt-shadow); color: var(--vt-text); }
.adm-org:focus-visible[b-jwiytdu4e7] { outline: 2px solid var(--vt-primary); outline-offset: 2px; }
.adm-org__head[b-jwiytdu4e7] { display: flex; align-items: center; gap: var(--vt-space-3); min-width: 0; }
.adm-org__logo[b-jwiytdu4e7] { flex: none; width: 40px; height: 40px; border-radius: var(--vt-radius-sm); background: var(--vt-white); object-fit: contain; }
.adm-org__title[b-jwiytdu4e7] { display: flex; flex-direction: column; min-width: 0; }
.adm-org__name[b-jwiytdu4e7] { overflow: hidden; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.adm-org__meta[b-jwiytdu4e7] { color: var(--vt-text-muted); font-size: var(--vt-text-sm); }
.adm-org__pills[b-jwiytdu4e7] { display: flex; flex-wrap: wrap; gap: var(--vt-space-1); }
.adm-org__ceo[b-jwiytdu4e7] { display: flex; flex-wrap: wrap; gap: var(--vt-space-2); font-size: var(--vt-text-sm); }
.adm-org__stats[b-jwiytdu4e7] { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--vt-space-2); margin-top: auto; padding-top: var(--vt-space-3); border-top: 1px solid var(--vt-border); color: var(--vt-text-muted); font-size: var(--vt-text-xs); }
.adm-org__stats b[b-jwiytdu4e7] { display: block; color: var(--vt-text); font-size: var(--vt-text-lg); font-variant-numeric: tabular-nums; }
.adm-org__stats .adm-attention b[b-jwiytdu4e7] { color: var(--vt-warning-text); }
.adm-muted[b-jwiytdu4e7] { color: var(--vt-text-muted); }
@media (max-width: 379.98px) {
    .adm-org__stats[b-jwiytdu4e7] { grid-template-columns: repeat(2, 1fr); }
}
/* /Components/Pages/Admin/Partials/LeadershipChange.razor.rz.scp.css */
/* The leadership side panel (admin sweep): tokens only, so it reads the same in light and dark. */
.adm-step[b-jeht6ieu3v] { margin: var(--vt-space-6) 0 var(--vt-space-3); padding: 0; color: var(--vt-text); font-size: var(--vt-text-md); font-weight: 600; }
.adm-step:first-child[b-jeht6ieu3v] { margin-top: 0; }
.adm-fieldset[b-jeht6ieu3v] { margin: 0 0 var(--vt-space-4); padding: 0; border: 0; min-width: 0; }
.adm-fieldset--nested[b-jeht6ieu3v] { margin: var(--vt-space-2) 0 var(--vt-space-3) var(--vt-space-6); padding-inline-start: var(--vt-space-3); border-inline-start: 2px solid var(--vt-border); }
.adm-radio[b-jeht6ieu3v] { display: flex; align-items: baseline; gap: var(--vt-space-2); margin-bottom: var(--vt-space-2); font-weight: 500; cursor: pointer; }
.adm-radio input[b-jeht6ieu3v] { flex: none; accent-color: var(--vt-primary); }
.adm-radio .adm-hint[b-jeht6ieu3v] { display: block; margin: 0; font-weight: 400; }
.adm-hint[b-jeht6ieu3v] { margin: 0 0 var(--vt-space-3); color: var(--vt-text-muted); font-size: var(--vt-text-sm); }
.adm-note[b-jeht6ieu3v] { margin: var(--vt-space-3) 0; padding: var(--vt-space-3) var(--vt-space-4); border-radius: var(--vt-radius-sm); background: var(--vt-surface-tint); color: var(--vt-text); font-size: var(--vt-text-sm); }
.adm-grid[b-jeht6ieu3v] { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0 var(--vt-space-4); }
.adm-choices[b-jeht6ieu3v] { max-height: 260px; margin: var(--vt-space-2) 0 var(--vt-space-4); overflow-y: auto; border: 1px solid var(--vt-border); border-radius: var(--vt-radius); }
.adm-choice[b-jeht6ieu3v] { display: flex; align-items: flex-start; gap: var(--vt-space-3); margin: 0; padding: var(--vt-space-2) var(--vt-space-3); border-bottom: 1px solid var(--vt-border); cursor: pointer; }
.adm-choice:last-child[b-jeht6ieu3v] { border-bottom: 0; }
.adm-choice:hover[b-jeht6ieu3v] { background: var(--vt-surface-muted); }
.adm-choice:has(input:checked)[b-jeht6ieu3v] { background: var(--vt-primary-soft); box-shadow: inset 3px 0 0 var(--vt-primary); }
.adm-choice input[b-jeht6ieu3v] { margin-top: 4px; accent-color: var(--vt-primary); }
.adm-choice__text[b-jeht6ieu3v] { display: flex; flex-direction: column; min-width: 0; }
.adm-choice__name[b-jeht6ieu3v] { color: var(--vt-text); font-weight: 600; }
.adm-choice__meta[b-jeht6ieu3v] { color: var(--vt-text-muted); font-size: var(--vt-text-sm); }
/* /Components/Pages/Admin/Partials/PlanLockPanel.razor.rz.scp.css */
/* O-07: the strategic plan's lock on an organisation's admin page. Theme tokens only, so it reads in light and dark. */
.plp-label[b-iueq2kjnoi] {
    color: var(--bs-gray-600);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.plp-badge[b-iueq2kjnoi] {
    font-size: .7rem;
    font-weight: 800;
    border-radius: 999px;
    padding: .15rem .6rem;
    white-space: nowrap;
}

.plp-badge--locked[b-iueq2kjnoi] { background: var(--bs-gray-200); color: var(--bs-gray-800); }
.plp-badge--open[b-iueq2kjnoi] { background: var(--bs-primary-light); color: var(--bs-primary); }

.plp-open[b-iueq2kjnoi] {
    border: 1px solid var(--bs-gray-200);
    border-radius: 12px;
    padding: .85rem 1rem;
    background: var(--bs-gray-100);
}

.plp-days-input[b-iueq2kjnoi] { max-width: 7rem; }

.plp-history li[b-iueq2kjnoi] {
    padding: .55rem 0;
    border-top: 1px solid var(--bs-gray-200);
    overflow-wrap: anywhere;
}
/* /Components/Pages/Admin/SignUps/Details.razor.rz.scp.css */
/* One sign-up request (admin sweep): tokens only, so it reads the same in light and dark. */
.adm-signup[b-r9exh5t87s] { display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr); gap: var(--vt-space-4); align-items: start; }
.adm-signup__side[b-r9exh5t87s] { display: flex; flex-direction: column; gap: var(--vt-space-4); min-width: 0; }
.adm-facts[b-r9exh5t87s] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--vt-space-2) var(--vt-space-4); margin: 0; }
.adm-facts dt[b-r9exh5t87s] { color: var(--vt-text-muted); font-weight: 500; }
.adm-facts dd[b-r9exh5t87s] { margin: 0; color: var(--vt-text); overflow-wrap: anywhere; }
.adm-note[b-r9exh5t87s] { margin: var(--vt-space-4) 0 0; padding: var(--vt-space-3) var(--vt-space-4); border-radius: var(--vt-radius-sm); background: var(--vt-surface-tint); color: var(--vt-text); font-size: var(--vt-text-sm); }
.adm-note--danger[b-r9exh5t87s] { background: var(--vt-danger-soft); }
.adm-note__title[b-r9exh5t87s] { margin: 0 0 var(--vt-space-1); font-weight: 600; }
.adm-figure[b-r9exh5t87s] { margin: 0 0 var(--vt-space-2); color: var(--vt-text); font-family: var(--vt-font-display); font-size: var(--vt-text-2xl); font-weight: 600; font-variant-numeric: tabular-nums; }
.adm-figure span[b-r9exh5t87s] { color: var(--vt-text-muted); font-family: var(--vt-font-body); font-size: var(--vt-text-md); font-weight: 500; }
.adm-hint[b-r9exh5t87s] { margin: 0 0 var(--vt-space-3); color: var(--vt-text-muted); font-size: var(--vt-text-sm); }
.adm-progress[b-r9exh5t87s] { display: flex; align-items: center; gap: var(--vt-space-2); margin: 0; }
.adm-email[b-r9exh5t87s] { overflow-wrap: anywhere; }
.adm-muted[b-r9exh5t87s] { color: var(--vt-text-muted); font-size: var(--vt-text-sm); }
@media (max-width: 1199.98px) {
    .adm-signup[b-r9exh5t87s] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Pages/Admin/SignUps/Partials/EditInviteDialog.razor.rz.scp.css */
/* Correcting someone on a sign-up request: two names side by side, one column on a phone. */
.adm-grid[b-4r45is9ead] { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0 var(--vt-space-4); }
/* /Components/Pages/Admin/UserSupportPanel.razor.rz.scp.css */
/* The support panel (Manage): tokens only, so it reads the same in light and dark. */
.adm-grid[b-9czxfxwkt7] { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0 var(--vt-space-4); }
.adm-note[b-9czxfxwkt7] { margin: 0 0 var(--vt-space-4); padding: var(--vt-space-3) var(--vt-space-4); border-radius: var(--vt-radius-sm); background: var(--vt-surface-tint); color: var(--vt-text); font-size: var(--vt-text-sm); }
.adm-note--warning[b-9czxfxwkt7] { background: var(--vt-warning-soft); color: var(--vt-warning-text); }
.adm-hint[b-9czxfxwkt7] { margin: 0 0 var(--vt-space-4); color: var(--vt-text-muted); font-size: var(--vt-text-sm); }
.adm-inline[b-9czxfxwkt7] { display: flex; flex-wrap: wrap; gap: var(--vt-space-2); }
.adm-inline input[b-9czxfxwkt7] { flex: 1 1 220px; min-width: 0; }
.adm-pills[b-9czxfxwkt7] { display: flex; flex-wrap: wrap; gap: var(--vt-space-2); margin: 0 0 var(--vt-space-4); padding: 0; list-style: none; }
.adm-actions[b-9czxfxwkt7] { display: flex; flex-direction: column; gap: var(--vt-space-2); }
.adm-actions button[b-9czxfxwkt7] { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: var(--vt-space-3) var(--vt-space-4); border: 1px solid var(--vt-border); border-radius: var(--vt-radius); background: var(--vt-surface); color: var(--vt-text); text-align: start; }
.adm-actions button:hover:not(:disabled)[b-9czxfxwkt7] { border-color: var(--vt-primary); background: var(--vt-primary-soft); }
.adm-actions button:focus-visible[b-9czxfxwkt7] { outline: 2px solid var(--vt-primary); outline-offset: 2px; }
.adm-actions button:disabled[b-9czxfxwkt7] { color: var(--vt-text-subtle); cursor: not-allowed; }
.adm-actions__title[b-9czxfxwkt7] { font-weight: 600; }
.adm-actions__text[b-9czxfxwkt7] { color: var(--vt-text-muted); font-size: var(--vt-text-sm); }
.adm-temp[b-9czxfxwkt7] { margin-top: var(--vt-space-4); padding: var(--vt-space-4); border: 1px dashed var(--vt-primary); border-radius: var(--vt-radius); background: var(--vt-surface-tint); }
.adm-temp__password[b-9czxfxwkt7] { margin: 0 0 var(--vt-space-3); color: var(--vt-text); font-family: ui-monospace, Consolas, monospace; font-size: var(--vt-text-xl); font-weight: 700; letter-spacing: .06em; overflow-wrap: anywhere; }
/* /Components/Pages/Admin/Users/Users.razor.rz.scp.css */
/* The Users page (admin sweep): tokens only, so it reads the same in light and dark. */
.adm-org[b-ykq53iyqo2] { flex: 1 1 260px; max-width: 320px; min-width: 200px; }
.adm-filters[b-ykq53iyqo2] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vt-space-3); margin: 0 0 var(--vt-space-4); }
.adm-filters .form-check[b-ykq53iyqo2] { margin: 0; }
.adm-person[b-ykq53iyqo2] { display: flex; align-items: center; gap: var(--vt-space-3); min-width: 0; }
.adm-person__text[b-ykq53iyqo2] { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.adm-person__name[b-ykq53iyqo2] { padding: 0; border: 0; color: var(--vt-text); font-weight: 600; text-align: start; text-decoration: none; }
.adm-person__name:hover[b-ykq53iyqo2], .adm-person__name:focus-visible[b-ykq53iyqo2] { color: var(--vt-link); text-decoration: underline; }
.adm-person__email[b-ykq53iyqo2] { color: var(--vt-text-muted); font-size: var(--vt-text-sm); overflow-wrap: anywhere; }
.adm-muted[b-ykq53iyqo2] { color: var(--vt-text-muted); }
.adm-pills[b-ykq53iyqo2] { display: inline-flex; flex-wrap: wrap; gap: var(--vt-space-1); }
@media (max-width: 575.98px) {
    .adm-org[b-ykq53iyqo2] { max-width: none; }
}
/* /Components/Pages/Authentication/Login.razor.rz.scp.css */
/* The sign-in form, straight on the blue panel of the layout (Components/Layout/Auth.razor): VirgilTrack's own sign-in
   page, restored on 26 Oct 2026 (H-10 reopened), with the sizes, spacing and white controls of the original. White text
   passes AA on the blue (Auth.razor.css). The fields and buttons stay light in both themes, as on the original, and
   every control shows a white focus outline that can be seen on the blue. The form's fields are drawn by Blazor's
   input components, hence ::deep. */

.vt-signin[b-1o3uvtokf4] {
    --vt-signin-control: #f9f9f9;
    --vt-signin-control-hover: #eef3fb;
    --vt-signin-control-text: #252f4a;
    --vt-signin-placeholder: #5f6779;   /* 5.3:1 on the field */
    width: 100%;
    color: var(--vt-white);
    font-family: var(--vt-font-body);
}

.vt-signin-head[b-1o3uvtokf4] {
    margin-bottom: 36px;
    text-align: center;
}

.vt-signin-title[b-1o3uvtokf4] {
    margin: 0 0 10px;
    font-family: var(--vt-font-body);
    font-size: 23px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--vt-white);
}

.vt-signin-subtitle[b-1o3uvtokf4] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--vt-white);
}

/* ── Google and Apple (shown, not connected yet) ── */

.vt-signin-providers[b-1o3uvtokf4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.vt-signin-provider[b-1o3uvtokf4],
.vt-signin-submit[b-1o3uvtokf4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    min-height: 42px;
    padding: 8px 16px;
    border: 0;
    border-radius: 6px;
    background: var(--vt-signin-control);
    color: var(--vt-signin-control-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
    transition: background-color .15s ease;
}

.vt-signin-provider:hover[b-1o3uvtokf4],
.vt-signin-submit:hover[b-1o3uvtokf4] {
    background: var(--vt-signin-control-hover);
}

.vt-signin-provider img[b-1o3uvtokf4] {
    flex: none;
    width: 15px;
    height: 15px;
}

/* The line under the buttons that says Google or Apple sign-in is coming; empty (and taking no room) until pressed. */
.vt-signin-note[b-1o3uvtokf4] {
    margin: 12px 0 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    color: var(--vt-white);
}

.vt-signin-note:empty[b-1o3uvtokf4] {
    margin: 0;
}

/* ── "Or with email" ── */

.vt-signin-divider[b-1o3uvtokf4] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 36px 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--vt-white);
    white-space: nowrap;
}

.vt-signin-divider[b-1o3uvtokf4]::before,
.vt-signin-divider[b-1o3uvtokf4]::after {
    content: "";
    flex: 1 1 0;
    border-bottom: 1px solid rgb(255 255 255 / .55);
}

/* ── The fields ── */

.vt-signin-field[b-1o3uvtokf4] {
    margin-bottom: 26px;
}

.vt-signin-field-password[b-1o3uvtokf4] {
    margin-bottom: 14px;
}

.vt-signin[b-1o3uvtokf4]  .vt-signin-input {
    min-height: 42px;
    padding: 9px 14px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: var(--vt-signin-control);
    color: var(--vt-signin-control-text);
    font-size: 14px;
}

.vt-signin[b-1o3uvtokf4]  .vt-signin-input::placeholder {
    color: var(--vt-signin-placeholder);
    opacity: 1;
}

.vt-signin[b-1o3uvtokf4]  .vt-signin-input:focus {
    background: var(--vt-white);
    color: var(--vt-signin-control-text);
    border-color: transparent;
    box-shadow: none;
}

/* A field that needs attention and its message: readable on the blue, not red on blue. */
.vt-signin[b-1o3uvtokf4]  .vt-signin-input.invalid {
    border-color: #f8285a;
    box-shadow: 0 0 0 1px #f8285a;
}

.vt-signin[b-1o3uvtokf4]  .vt-signin-error {
    display: block;
    margin-top: 8px;
    padding: 4px 10px;
    border-radius: 6px;
    background: #fff1f4;
    color: #a1112f;   /* 7.2:1 on its background */
    font-size: 13px;
    font-weight: 600;
}

/* ── Forgot password, Remember me ── */

.vt-signin-forgot[b-1o3uvtokf4] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 26px;
}

.vt-signin-link[b-1o3uvtokf4] {
    color: var(--vt-white);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 2px;
}

.vt-signin-link:hover[b-1o3uvtokf4] {
    color: var(--vt-white);
    text-decoration: underline;
}

.vt-signin-remember[b-1o3uvtokf4] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 26px;
    font-size: 13px;
    font-weight: 600;
}

.vt-signin-remember label[b-1o3uvtokf4] {
    margin: 0;
    color: var(--vt-white);
    cursor: pointer;
}

.vt-signin[b-1o3uvtokf4]  .vt-signin-check {
    flex: none;
    width: 22px;
    height: 22px;
    margin: 0;
    border: 0;
    border-radius: 5px;
    background-color: var(--vt-signin-control);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.vt-signin[b-1o3uvtokf4]  .vt-signin-check:checked {
    background-color: var(--vt-white);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11'%3e%3cpath fill='none' stroke='%2324559a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1.5 5.5l3.5 3.5 6.5-7.5'/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 13px 11px;
}

/* ── Sign in, Sign up ── */

.vt-signin-submit[b-1o3uvtokf4] {
    font-weight: 600;
}

.vt-signin-alt[b-1o3uvtokf4] {
    margin: 36px 0 0;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--vt-white);
}

/* B-02: the Sign up link is readable on the blue: white, bold and underlined (the original was yellow, 2.4:1). */
.vt-signin-signup[b-1o3uvtokf4] {
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ── Focus: a white outline that shows on the blue ── */

.vt-signin-provider:focus-visible[b-1o3uvtokf4],
.vt-signin-submit:focus-visible[b-1o3uvtokf4],
.vt-signin-link:focus-visible[b-1o3uvtokf4] {
    outline: 2px solid var(--vt-white);
    outline-offset: 3px;
}

.vt-signin[b-1o3uvtokf4]  .vt-signin-input:focus-visible,
.vt-signin[b-1o3uvtokf4]  .vt-signin-check:focus-visible {
    outline: 2px solid var(--vt-white);
    outline-offset: 3px;
}

/* ── Phones: Google and Apple one above the other, as on the original ── */

@media (max-width: 479.98px) {
    .vt-signin-providers[b-1o3uvtokf4] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vt-signin-head[b-1o3uvtokf4] {
        margin-bottom: 28px;
    }

    .vt-signin-divider[b-1o3uvtokf4] {
        margin: 28px 0;
    }
}
/* /Components/Pages/Authentication/SignUp/Partials/_Aside.razor.rz.scp.css */
/* The sign-up steps above the form (H-10): numbered circles in a row with their names. KTStepper adds "current" and
   "completed" to the steps; a finished step shows a tick. On a phone the circles share one row and only the current
   step is named, on the row below. Tokens only. */

.vt-signup-steps[b-9vztevq6wg] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--vt-space-3) var(--vt-space-2);
    margin: 0 0 var(--vt-space-8);
    padding: 0 0 var(--vt-space-6);
    border-bottom: 1px solid var(--vt-border);
}

.stepper-item[b-9vztevq6wg] {
    min-width: 0;
}

.stepper-wrapper[b-9vztevq6wg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--vt-space-2);
    text-align: center;
}

.stepper-icon[b-9vztevq6wg] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--vt-radius-pill);
    border: 2px solid var(--vt-border-strong);
    background: var(--vt-surface);
    color: var(--vt-text-muted);
    transition: background-color var(--vt-motion) var(--vt-ease), border-color var(--vt-motion) var(--vt-ease);
}

.stepper-number[b-9vztevq6wg] {
    font-size: var(--vt-text-md);
    font-weight: 600;
}

.stepper-check[b-9vztevq6wg] {
    display: none;
    font-size: var(--vt-text-lg);
    color: inherit;
}

.stepper-item.current .stepper-icon[b-9vztevq6wg] {
    border-color: var(--vt-primary);
    background: var(--vt-primary);
    color: var(--vt-on-primary);
}

.stepper-item.completed .stepper-icon[b-9vztevq6wg] {
    border-color: var(--vt-primary);
    background: var(--vt-primary-soft);
    color: var(--vt-primary);
}

.stepper-item.completed .stepper-check[b-9vztevq6wg] {
    display: inline-block;
}

.stepper-item.completed .stepper-number[b-9vztevq6wg] {
    display: none;
}

.stepper-label[b-9vztevq6wg] {
    min-width: 0;
}

.stepper-title[b-9vztevq6wg] {
    font-size: var(--vt-text-sm);
    font-weight: 600;
    line-height: var(--vt-leading-tight);
    color: var(--vt-text-muted);
}

.stepper-item.current .stepper-title[b-9vztevq6wg] {
    color: var(--vt-text);
}

.stepper-desc[b-9vztevq6wg] {
    display: none;
}

@media (max-width: 575.98px) {
    /* The circles become the grid's first row and the current step's name its second row, across the whole width. */
    .stepper-item[b-9vztevq6wg],
    .stepper-wrapper[b-9vztevq6wg] {
        display: contents;
    }

    .stepper-icon[b-9vztevq6wg] {
        grid-row: 1;
        justify-self: center;
    }

    .stepper-label[b-9vztevq6wg] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .stepper-item.current .stepper-label[b-9vztevq6wg] {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip-path: none;
        white-space: normal;
        grid-row: 2;
        grid-column: 1 / -1;
        text-align: center;
    }

    .vt-signup-steps[b-9vztevq6wg] {
        position: relative;
    }
}
/* /Components/Pages/Authentication/SignUp/SignUp.razor.rz.scp.css */
/* The sign-up steps in the card (H-10). Each step is as tall as its content and the page scrolls: the steps' own
   fixed-height scroll boxes (60vh) centred their content, which cut off the step's heading on a phone. */

#kt_create_account_form[b-sx5hwjheak]  [data-kt-stepper-element="content"] > div[style*="60vh"] {
    height: auto !important;
}

#kt_create_account_form[b-sx5hwjheak]  [data-kt-stepper-element="content"] .scroll {
    overflow: visible;
    max-height: none;
}
/* /Components/Pages/Authentication/VerifyEmailWithCode.razor.rz.scp.css */
/* The email-code page (H-10): six boxes that share the card's width, so they fit a 390 px phone. Tokens only. */

.vt-verify-picture[b-t58ji9etwp] {
    display: block;
    height: 88px;
    width: auto;
    margin: 0 auto var(--vt-space-6);
}

.vt-verify-email[b-t58ji9etwp] {
    margin: var(--vt-space-1) 0 0;
    font-weight: 600;
    font-size: var(--vt-text-lg);
    color: var(--vt-text);
    overflow-wrap: anywhere;
}

fieldset[b-t58ji9etwp] {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

.vt-code-boxes[b-t58ji9etwp] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--vt-space-2);
}

.vt-code-boxes input[b-t58ji9etwp] {
    height: 52px;
    padding: 0;
    text-align: center;
    font-size: var(--vt-text-xl);
    font-weight: 600;
}

.vt-verify-note[b-t58ji9etwp] {
    margin: var(--vt-space-4) 0 0;
    text-align: center;
    font-size: var(--vt-text-sm);
    color: var(--vt-text-muted);
}
/* /Components/Pages/Chat/ChatConversation.razor.rz.scp.css */
/* One private conversation (Inbox and the team bar's chat panel). Tokens only, so it reads in light and dark mode. */

.cc[b-cqtfyxbkip] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: var(--vt-surface);
}

.cc-head[b-cqtfyxbkip] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    gap: var(--vt-space-4);
    padding: var(--vt-space-3) var(--vt-space-4);
    border-bottom: 1px solid var(--vt-border);
}

.cc-head__who[b-cqtfyxbkip] {
    display: flex;
    align-items: center;
    gap: var(--vt-space-3);
    min-width: 0;
}

.cc-head__text[b-cqtfyxbkip] {
    min-width: 0;
}

.cc-head__name[b-cqtfyxbkip] {
    overflow: hidden;
    margin: 0;
    color: var(--vt-text);
    font-family: var(--vt-font-body);
    font-size: var(--vt-text-lg);
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cc-head__presence[b-cqtfyxbkip] {
    margin: 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-xs);
}

.cc-head__presence--online[b-cqtfyxbkip] {
    color: var(--vt-success-text);
}

.cc-head__actions[b-cqtfyxbkip] {
    display: flex;
    flex: none;
    gap: var(--vt-space-1);
}

.cc-body[b-cqtfyxbkip] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
    min-height: 0;
    overflow-y: auto;
    padding: var(--vt-space-4);
    background: var(--vt-bg);
}

.cc-skeleton[b-cqtfyxbkip] {
    display: flex;
    flex-direction: column;
    gap: var(--vt-space-3);
    margin-top: var(--vt-space-2);
}

.cc-skeleton .placeholder[b-cqtfyxbkip] {
    height: 2.4rem;
}

.cc-empty[b-cqtfyxbkip] {
    margin: auto;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
    text-align: center;
}

.cc-older[b-cqtfyxbkip] {
    margin-bottom: var(--vt-space-3);
    text-align: center;
}

.cc-day[b-cqtfyxbkip] {
    display: flex;
    align-items: center;
    gap: var(--vt-space-3);
    margin: var(--vt-space-4) 0 var(--vt-space-2);
    color: var(--vt-text-muted);
    font-size: var(--vt-text-xs);
    font-weight: 600;
}

.cc-day[b-cqtfyxbkip]::before,
.cc-day[b-cqtfyxbkip]::after {
    flex: 1;
    border-top: 1px solid var(--vt-border);
    content: "";
}

.cc-row[b-cqtfyxbkip] {
    display: flex;
    align-items: flex-end;
    gap: var(--vt-space-1);
    max-width: 78%;
    margin-top: var(--vt-space-2);
}

.cc-row--grouped[b-cqtfyxbkip] {
    margin-top: 2px;
}

.cc-row--mine[b-cqtfyxbkip] {
    flex-direction: row-reverse;
    align-self: flex-end;
}

.cc-bubble[b-cqtfyxbkip] {
    position: relative;
    max-width: 100%;
    padding: var(--vt-space-2) var(--vt-space-3) var(--vt-space-1);
    border: 1px solid var(--vt-border);
    border-radius: 16px 16px 16px 4px;
    background: var(--vt-surface);
    color: var(--vt-text);
    font-size: var(--vt-text-md);
}

.cc-row--mine .cc-bubble[b-cqtfyxbkip] {
    border-color: var(--vt-primary);
    border-radius: 16px 16px 4px 16px;
    background: var(--vt-primary);
    color: var(--vt-on-primary);
}

.cc-row--grouped .cc-bubble[b-cqtfyxbkip] {
    border-radius: 16px;
}

.cc-bubble--pinned[b-cqtfyxbkip] {
    box-shadow: 0 0 0 2px var(--vt-warning);
}

.cc-text[b-cqtfyxbkip] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.cc-deleted[b-cqtfyxbkip] {
    color: var(--vt-text-muted);
}

.cc-row--mine .cc-deleted[b-cqtfyxbkip] {
    color: inherit;
    opacity: .85;
}

.cc-meta[b-cqtfyxbkip] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
    margin-top: 2px;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-xs);
}

.cc-row--mine .cc-meta[b-cqtfyxbkip] {
    color: inherit;
    opacity: .85;
}

.cc-meta[b-cqtfyxbkip]  .vt-icon {
    color: inherit;
    font-size: var(--vt-text-sm);
}

.cc-ticks[b-cqtfyxbkip] {
    margin-inline-start: var(--vt-space-1);
}

.cc-gallery[b-cqtfyxbkip] {
    display: grid;
    gap: 4px;
    max-width: 320px;
    margin-bottom: var(--vt-space-1);
}

.cc-gallery--1[b-cqtfyxbkip] {
    grid-template-columns: minmax(0, 1fr);
}

.cc-gallery--2[b-cqtfyxbkip] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cc-gallery--3[b-cqtfyxbkip] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cc-gallery img[b-cqtfyxbkip] {
    display: block;
    width: 100%;
    height: 140px;
    border-radius: var(--vt-radius-sm);
    object-fit: cover;
}

.cc-gallery--1 img[b-cqtfyxbkip] {
    height: auto;
    max-height: 240px;
    object-fit: contain;
}

.cc-file[b-cqtfyxbkip] {
    display: inline-flex;
    align-items: center;
    gap: var(--vt-space-1);
    margin-bottom: var(--vt-space-1);
    color: inherit;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.cc-row:not(.cc-row--mine) .cc-file[b-cqtfyxbkip] {
    color: var(--vt-link);
}

.cc-file[b-cqtfyxbkip]  .vt-icon {
    color: inherit;
}

.cc-file__size[b-cqtfyxbkip] {
    font-size: var(--vt-text-xs);
    font-weight: 400;
    opacity: .85;
}

.cc-edit[b-cqtfyxbkip] {
    min-width: min(320px, 60vw);
    margin-top: var(--vt-space-1);
}

.cc-edit__actions[b-cqtfyxbkip] {
    display: flex;
    justify-content: flex-end;
    gap: var(--vt-space-2);
    margin: var(--vt-space-2) 0 var(--vt-space-1);
}

/* A message's buttons: shown under the mouse and whenever the message has the keyboard focus; always on touch screens. */
.cc-actions[b-cqtfyxbkip] {
    display: flex;
    gap: 2px;
    opacity: 0;
    transition: opacity var(--vt-motion-fast) var(--vt-ease);
}

.cc-row:hover .cc-actions[b-cqtfyxbkip],
.cc-row:focus-within .cc-actions[b-cqtfyxbkip] {
    opacity: 1;
}

@media (hover: none) {
    .cc-actions[b-cqtfyxbkip] {
        opacity: 1;
    }
}

.cc-action[b-cqtfyxbkip] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: var(--vt-radius-sm);
    background: none;
    color: var(--vt-text-muted);
}

.cc-action:hover[b-cqtfyxbkip] {
    background: var(--vt-surface-muted);
    color: var(--vt-text);
}

.cc-action:focus-visible[b-cqtfyxbkip] {
    outline: none;
    box-shadow: var(--vt-focus-ring);
}

.cc-action--danger:hover[b-cqtfyxbkip] {
    color: var(--vt-danger-text);
}

.cc-action[b-cqtfyxbkip]  .vt-icon {
    color: inherit;
    font-size: var(--vt-text-md);
}

.cc-typing[b-cqtfyxbkip] {
    display: inline-flex;
    gap: 4px;
    padding: var(--vt-space-3);
}

.cc-typing i[b-cqtfyxbkip] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--vt-text-subtle);
    animation: cc-blink-b-cqtfyxbkip 1.2s infinite;
}

.cc-typing i:nth-child(2)[b-cqtfyxbkip] {
    animation-delay: .2s;
}

.cc-typing i:nth-child(3)[b-cqtfyxbkip] {
    animation-delay: .4s;
}

@keyframes cc-blink-b-cqtfyxbkip {
    0%, 80%, 100% { opacity: .25; }
    40% { opacity: 1; }
}

/* Writing a message */
.cc-compose[b-cqtfyxbkip] {
    flex-shrink: 0;
    padding: var(--vt-space-3) var(--vt-space-4);
    border-top: 1px solid var(--vt-border);
}

.cc-attach[b-cqtfyxbkip] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--vt-space-2);
    margin: 0 0 var(--vt-space-2);
    padding: 0;
    list-style: none;
}

.cc-chip[b-cqtfyxbkip] {
    display: inline-flex;
    align-items: center;
    gap: var(--vt-space-1);
    max-width: 100%;
    padding: 2px var(--vt-space-1) 2px var(--vt-space-2);
    border-radius: var(--vt-radius-pill);
    background: var(--vt-surface-muted);
    color: var(--vt-text);
    font-size: var(--vt-text-sm);
    overflow-wrap: anywhere;
}

.cc-chip__remove[b-cqtfyxbkip] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: none;
    color: var(--vt-text-muted);
}

.cc-chip__remove:hover[b-cqtfyxbkip] {
    background: var(--vt-border);
    color: var(--vt-text);
}

.cc-chip__remove:focus-visible[b-cqtfyxbkip] {
    outline: none;
    box-shadow: var(--vt-focus-ring);
}

.cc-input[b-cqtfyxbkip] {
    display: flex;
    align-items: flex-end;
    gap: var(--vt-space-1);
    padding: var(--vt-space-1);
    border: 1px solid var(--vt-border-strong);
    border-radius: var(--vt-radius);
    background: var(--vt-surface);
}

.cc-input:focus-within[b-cqtfyxbkip] {
    border-color: var(--vt-primary);
    box-shadow: var(--vt-focus-ring);
}

.cc-input textarea[b-cqtfyxbkip] {
    flex: 1;
    max-height: 140px;
    padding: var(--vt-space-1);
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    resize: none;
}

.cc-input textarea[b-cqtfyxbkip]::placeholder {
    color: var(--vt-text-subtle);
}

.cc-attach-button[b-cqtfyxbkip] {
    margin: 0;
    cursor: pointer;
}

/* The file input is hidden but still takes the keyboard focus; the paper clip shows where it is. */
.cc-attach-button:focus-within[b-cqtfyxbkip] {
    box-shadow: var(--vt-focus-ring);
}

.cc-send[b-cqtfyxbkip] {
    color: var(--vt-primary);
}

/* The team bar's side panel */
.cc--compact .cc-head[b-cqtfyxbkip],
.cc--compact .cc-body[b-cqtfyxbkip],
.cc--compact .cc-compose[b-cqtfyxbkip] {
    padding-inline: var(--vt-space-3);
}

.cc--compact .cc-row[b-cqtfyxbkip] {
    max-width: 88%;
}

@media (max-width: 575.98px) {
    .cc-row[b-cqtfyxbkip] {
        max-width: 90%;
    }

    .cc-body[b-cqtfyxbkip] {
        padding: var(--vt-space-3);
    }
}

@media (prefers-reduced-motion: reduce) {
    .cc-actions[b-cqtfyxbkip] {
        transition: none;
    }

    .cc-typing i[b-cqtfyxbkip] {
        animation: none;
        opacity: .6;
    }
}
/* /Components/Pages/Chat/ChatToasts.razor.rz.scp.css */
/* New-message pop-ups, bottom left (the app's other notices are bottom right). Tokens only. */

.ct-stack[b-ts2x52jtbz] {
    position: fixed;
    bottom: var(--vt-space-6);
    left: var(--vt-space-6);
    z-index: var(--vt-z-toast);
    display: flex;
    flex-direction: column;
    gap: var(--vt-space-2);
    width: min(380px, calc(100vw - 2 * var(--vt-space-4)));
}

.ct[b-ts2x52jtbz] {
    display: flex;
    gap: var(--vt-space-3);
    padding: var(--vt-space-3);
    border: 1px solid var(--vt-border);
    border-radius: var(--vt-radius);
    background: var(--vt-surface);
    box-shadow: var(--vt-shadow-lg);
    color: var(--vt-text);
    animation: ct-in-b-ts2x52jtbz var(--vt-motion) var(--vt-ease);
}

.ct__body[b-ts2x52jtbz] {
    flex: 1 1 auto;
    min-width: 0;
}

.ct__head[b-ts2x52jtbz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--vt-space-2);
}

.ct__name[b-ts2x52jtbz] {
    overflow: hidden;
    font-size: var(--vt-text-md);
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ct__text[b-ts2x52jtbz] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    margin: var(--vt-space-1) 0 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
    overflow-wrap: anywhere;
}

.ct__reply[b-ts2x52jtbz] {
    display: flex;
    gap: var(--vt-space-2);
    margin-top: var(--vt-space-2);
}

.ct__reply input[b-ts2x52jtbz] {
    flex: 1 1 auto;
    min-width: 0;
}

@keyframes ct-in-b-ts2x52jtbz {
    from { transform: translateY(12px); opacity: 0; }
    to { transform: none; opacity: 1; }
}

@media (max-width: 575.98px) {
    .ct-stack[b-ts2x52jtbz] {
        bottom: var(--vt-space-4);
        left: var(--vt-space-4);
    }

    .ct__reply[b-ts2x52jtbz] {
        flex-wrap: wrap;
    }

    .ct__reply input[b-ts2x52jtbz] {
        flex-basis: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ct[b-ts2x52jtbz] {
        animation: none;
    }
}
/* /Components/Pages/Chat/Inbox.razor.rz.scp.css */
/* Private chat (Inbox). Tokens only (light and dark). The conversation itself is ChatConversation. */

.ib[b-esj9td8n0j] {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    height: calc(100vh - 270px);
    min-height: 480px;
    overflow: hidden;
    background: var(--vt-surface);
    border: 1px solid var(--vt-border);
    border-radius: var(--vt-radius);
    box-shadow: var(--vt-shadow-sm);
}

.ib-list[b-esj9td8n0j] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-inline-end: 1px solid var(--vt-border);
}

.ib-search[b-esj9td8n0j] {
    padding: var(--vt-space-3);
    border-bottom: 1px solid var(--vt-border);
}

.ib-items[b-esj9td8n0j] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: var(--vt-space-2);
}

.ib-people[b-esj9td8n0j] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ib-item[b-esj9td8n0j] {
    display: flex;
    align-items: center;
    gap: var(--vt-space-3);
    width: 100%;
    padding: var(--vt-space-2) var(--vt-space-3);
    border: 0;
    border-radius: var(--vt-radius-sm);
    background: none;
    color: var(--vt-text);
    text-align: start;
}

.ib-item:hover[b-esj9td8n0j] {
    background: var(--vt-surface-muted);
}

.ib-item:focus-visible[b-esj9td8n0j] {
    outline: none;
    box-shadow: var(--vt-focus-ring);
}

.ib-item--open[b-esj9td8n0j],
.ib-item--open:hover[b-esj9td8n0j] {
    background: var(--vt-primary-soft);
}

.ib-item__text[b-esj9td8n0j] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.ib-item__top[b-esj9td8n0j],
.ib-item__bottom[b-esj9td8n0j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--vt-space-2);
    min-width: 0;
}

.ib-item__name[b-esj9td8n0j] {
    overflow: hidden;
    font-size: var(--vt-text-md);
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ib-item__time[b-esj9td8n0j] {
    flex: none;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-xs);
}

.ib-item__preview[b-esj9td8n0j] {
    overflow: hidden;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ib-item__preview--unread[b-esj9td8n0j] {
    color: var(--vt-text);
    font-weight: 600;
}

.ib-pane[b-esj9td8n0j] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
}

.ib-pane[b-esj9td8n0j] >  .cc {
    flex: 1 1 auto;
}

.ib-skeleton[b-esj9td8n0j] {
    display: flex;
    flex-direction: column;
    gap: var(--vt-space-3);
    padding: var(--vt-space-3);
}

.ib-skeleton__row[b-esj9td8n0j] {
    display: flex;
    align-items: center;
    gap: var(--vt-space-3);
}

.ib-skeleton__avatar[b-esj9td8n0j] {
    flex: none;
    width: 40px;
    height: 40px;
}

/* Phones: the list or the conversation, not both; the conversation's back arrow returns to the list. */
@media (max-width: 767.98px) {
    .ib[b-esj9td8n0j] {
        grid-template-columns: minmax(0, 1fr);
        height: calc(100vh - 220px);
    }

    .ib-list[b-esj9td8n0j] {
        border-inline-end: 0;
    }

    .ib--open .ib-list[b-esj9td8n0j],
    .ib:not(.ib--open) .ib-pane[b-esj9td8n0j] {
        display: none;
    }
}
/* /Components/Pages/Chat/_ChatMessenger.razor.rz.scp.css */
/* The team bar's chat panel: the conversation fills the side panel's height. */
.cm[b-o9zhggw1es] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 70px);
    height: calc(100dvh - 70px);
    min-height: 0;
}
/* /Components/Pages/Dashboards/Admin.razor.rz.scp.css */
.ad[b-61o5am4sxb] { display: flex; flex-direction: column; gap: var(--vt-space-6); }
.ad-head[b-61o5am4sxb] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vt-space-3); }
.ad-server[b-61o5am4sxb] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: var(--vt-text-sm); color: var(--vt-text-muted); }
.ad-env[b-61o5am4sxb] { display: inline-block; padding: 2px 10px; border-radius: var(--vt-radius-pill); font-size: var(--vt-text-xs); font-weight: 600;
  background: var(--vt-neutral-soft); color: var(--vt-neutral-text); }
.ad-env-production[b-61o5am4sxb] { background: var(--vt-success-soft); color: var(--vt-success-text); }
.ad-env-staging[b-61o5am4sxb] { background: var(--vt-warning-soft); color: var(--vt-warning-text); }
.ad-env-development[b-61o5am4sxb] { background: var(--vt-info-soft); color: var(--vt-info-text); }
.ad-filters[b-61o5am4sxb] { display: flex; flex-wrap: wrap; gap: var(--vt-space-3); }
.ad-filter[b-61o5am4sxb] { display: flex; align-items: center; gap: var(--vt-space-2); font-size: var(--vt-text-sm); color: var(--vt-text-muted); margin: 0; }
.ad-filter select[b-61o5am4sxb] { min-width: 160px; max-width: 260px; }
.ad-tabs[b-61o5am4sxb] { display: flex; gap: var(--vt-space-6); border-bottom: 1px solid var(--vt-border); overflow-x: auto; scrollbar-width: none; margin-top: calc(-1 * var(--vt-space-2)); }
.ad-tabs a[b-61o5am4sxb] { padding: var(--vt-space-2) 0 var(--vt-space-3); font-size: var(--vt-text-md); font-weight: 600; color: var(--vt-text-muted); text-decoration: none;
  border-bottom: 2px solid transparent; white-space: nowrap; }
.ad-tabs a:hover[b-61o5am4sxb] { color: var(--vt-text); }
.ad-tabs a.active[b-61o5am4sxb] { color: var(--vt-primary); border-bottom-color: var(--vt-primary); }
.ad-tools[b-61o5am4sxb] { padding: var(--vt-space-4); background: var(--vt-surface); border: 1px solid var(--vt-border); border-radius: var(--vt-radius); }
.ad-tools-title[b-61o5am4sxb] { margin: 0 0 var(--vt-space-3); font-size: var(--vt-text-md); font-weight: 600; color: var(--vt-text); }
.ad-tools ul[b-61o5am4sxb] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--vt-space-3); }
.ad-tools li[b-61o5am4sxb] { font-size: var(--vt-text-sm); color: var(--vt-text-muted); }
.ad-tools a[b-61o5am4sxb] { display: inline-flex; align-items: center; font-weight: 600; color: var(--vt-link); margin-right: 4px; }

@media (max-width: 575.98px) {
  .ad[b-61o5am4sxb] { gap: var(--vt-space-4); }
  .ad-filters[b-61o5am4sxb], .ad-filter[b-61o5am4sxb] { width: 100%; }
  .ad-filter select[b-61o5am4sxb] { flex: 1; max-width: none; min-width: 0; }
  .ad-filter span[b-61o5am4sxb] { min-width: 88px; }
}
/* /Components/Pages/Dashboards/AdminDash/AdminAiPanel.razor.rz.scp.css */
.ai[b-x14yqbljwb] { display: flex; flex-direction: column; gap: var(--vt-space-4); }
.ai-tiles[b-x14yqbljwb] { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: var(--vt-space-3); }
.ai-tile[b-x14yqbljwb] { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: var(--vt-space-4);
  background: var(--vt-surface); border: 1px solid var(--vt-border); border-radius: var(--vt-radius); }
.ai-tile-warn[b-x14yqbljwb] { border-left: 3px solid var(--vt-warning); }
.ai-label[b-x14yqbljwb] { font-size: var(--vt-text-sm); font-weight: 600; color: var(--vt-text-muted); }
.ai-value[b-x14yqbljwb] { align-self: flex-start; font-size: var(--vt-text-2xl); font-weight: 600; line-height: var(--vt-leading-tight); color: var(--vt-text); text-decoration: none; }
a.ai-value:hover[b-x14yqbljwb], a.ai-value:focus-visible[b-x14yqbljwb] { color: var(--vt-link); text-decoration: underline; }
.ai-sub[b-x14yqbljwb] { font-size: var(--vt-text-xs); color: var(--vt-text-muted); }
.ai-ph[b-x14yqbljwb] { height: 28px; }
.ai-note[b-x14yqbljwb] { padding: var(--vt-space-3) var(--vt-space-4); border-radius: var(--vt-radius); background: var(--vt-info-soft); color: var(--vt-info-text); font-size: var(--vt-text-sm); }
.ai-grid[b-x14yqbljwb] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--vt-space-4); }
.ai-card[b-x14yqbljwb] { display: flex; flex-direction: column; gap: var(--vt-space-2); min-width: 0; padding: var(--vt-space-4);
  background: var(--vt-surface); border: 1px solid var(--vt-border); border-radius: var(--vt-radius); }
.ai-card-title[b-x14yqbljwb] { margin: 0; font-size: var(--vt-text-md); font-weight: 600; color: var(--vt-text); }
.ai-card-sub[b-x14yqbljwb] { margin: 0; font-size: var(--vt-text-xs); color: var(--vt-text-muted); }
.ai-empty[b-x14yqbljwb] { margin: 0; font-size: var(--vt-text-sm); color: var(--vt-text-muted); }
.ai-dl[b-x14yqbljwb] { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--vt-space-3); margin: 0; }
.ai-dl dt[b-x14yqbljwb] { font-size: var(--vt-text-xs); font-weight: 400; color: var(--vt-text-muted); }
.ai-dl dd[b-x14yqbljwb] { margin: 0; font-size: var(--vt-text-lg); font-weight: 600; color: var(--vt-text); }
.ai-list[b-x14yqbljwb] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--vt-space-3); }
.ai-list li[b-x14yqbljwb] { padding-bottom: var(--vt-space-3); border-bottom: 1px solid var(--vt-border); font-size: var(--vt-text-sm); color: var(--vt-text); }
.ai-list li:last-child[b-x14yqbljwb] { border-bottom: 0; padding-bottom: 0; }
.ai-who[b-x14yqbljwb] { display: inline-block; min-width: 72px; font-size: var(--vt-text-xs); font-weight: 600; color: var(--vt-text-muted); }
.ai-q[b-x14yqbljwb], .ai-a[b-x14yqbljwb] { overflow-wrap: anywhere; }
.ai-a[b-x14yqbljwb] { color: var(--vt-text-muted); margin-top: 2px; }
.ai-meta[b-x14yqbljwb] { margin-top: 4px; font-size: var(--vt-text-xs); color: var(--vt-text-subtle); }

@media (max-width: 991.98px) {
  .ai-grid[b-x14yqbljwb] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Pages/Dashboards/AdminDash/AdminChartsPanel.razor.rz.scp.css */
.ac-head[b-uigm3bw6pc] { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--vt-space-2); margin-bottom: var(--vt-space-3); }
.ac-title[b-uigm3bw6pc] { margin: 0; font-size: var(--vt-text-lg); font-weight: 600; color: var(--vt-text); }
.ac-meta[b-uigm3bw6pc] { font-size: var(--vt-text-xs); color: var(--vt-text-muted); }
.ac-refresh[b-uigm3bw6pc] { font-size: var(--vt-text-xs); }
.ac-grid[b-uigm3bw6pc] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--vt-space-4); }
.ac-card[b-uigm3bw6pc] { display: flex; flex-direction: column; gap: var(--vt-space-2); min-width: 0; padding: var(--vt-space-4) var(--vt-space-4) var(--vt-space-3);
  background: var(--vt-surface); border: 1px solid var(--vt-border); border-radius: var(--vt-radius); }
.ac-card-title[b-uigm3bw6pc] { margin: 0; font-size: var(--vt-text-md); font-weight: 600; color: var(--vt-text); }
.ac-card-sub[b-uigm3bw6pc] { margin: 0 0 var(--vt-space-2); font-size: var(--vt-text-xs); color: var(--vt-text-muted); }
.ac-ph[b-uigm3bw6pc] { height: 160px; margin-top: var(--vt-space-3); }
.mc-failures summary[b-uigm3bw6pc] { font-size: var(--vt-text-xs); color: var(--vt-link); cursor: pointer; width: max-content; }
.ac-fail-list[b-uigm3bw6pc] { font-size: var(--vt-text-sm); color: var(--vt-text); margin-top: var(--vt-space-2); }

@media (max-width: 991.98px) {
  .ac-grid[b-uigm3bw6pc] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Pages/Dashboards/AdminDash/AdminDemosPanel.razor.rz.scp.css */
/* The Demos tab (DEMO-FIRST-RUN.md §4.7): theme tokens only, so light and dark both follow the app. */

.ad-demos[b-qu9unasqyo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

.ad-demos-title[b-qu9unasqyo] {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
}

.ad-demos-card[b-qu9unasqyo] {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    padding: 1.25rem 1.5rem;
}

.ad-demos-tile[b-qu9unasqyo] {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    padding: 1rem 1.5rem;
    max-width: 22rem;
}

.ad-demos-tile-warn[b-qu9unasqyo] {
    border-color: var(--bs-warning);
    border-width: 2px;
}

.ad-demos-label[b-qu9unasqyo] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--bs-secondary-color);
}

.ad-demos-value[b-qu9unasqyo] {
    font-size: 1.75rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.ad-demos-tile-warn .ad-demos-value[b-qu9unasqyo] {
    color: var(--bs-warning-text-emphasis, var(--bs-warning));
}

@media (max-width: 575.98px) {
    .ad-demos-card[b-qu9unasqyo],
    .ad-demos-tile[b-qu9unasqyo] {
        padding: 1rem;
    }
}

/* Phase 1b: the funnel, the message test and the rest (§4.7 items 3 to 8). */

.ad-demos-sub[b-qu9unasqyo] {
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0.5rem 0 0.25rem;
}

.ad-demos-tiles[b-qu9unasqyo] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr));
    gap: 0.75rem;
}

.ad-demos-funnel-tile[b-qu9unasqyo] {
    max-width: none;
    padding: 0.85rem 1rem;
}

.ad-demos-funnel-tile .ad-demos-value[b-qu9unasqyo] {
    font-size: 1.5rem;
}

.ad-demos-note[b-qu9unasqyo] {
    font-size: 0.75rem;
    color: var(--bs-secondary-color);
}

/* A tile is coloured against its §1.2 target: met, within a fifth of it, or below. The border carries it as well as the colour. */
.ad-demos-status-met[b-qu9unasqyo] { border-color: var(--bs-success); border-width: 2px; }
.ad-demos-status-near[b-qu9unasqyo] { border-color: var(--bs-warning); border-width: 2px; }
.ad-demos-status-below[b-qu9unasqyo] { border-color: var(--bs-danger); border-width: 2px; }

.ad-demos-rows[b-qu9unasqyo] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    font-size: 0.9rem;
}

.ad-demos-band[b-qu9unasqyo] {
    display: inline-block;
    margin-left: 0.75rem;
}

.ad-demos-shares[b-qu9unasqyo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.ad-demos-share[b-qu9unasqyo] {
    min-width: 7rem;
}

.ad-demos-share .ad-demos-value[b-qu9unasqyo] {
    font-size: 1.4rem;
}

.ad-demos-answer[b-qu9unasqyo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    padding: 0.5rem 0;
    border-top: 1px dashed var(--bs-border-color);
}

.ad-demos-answer-text[b-qu9unasqyo] {
    flex: 1 1 18rem;
    overflow-wrap: anywhere;
}

.ad-demos-answer-class[b-qu9unasqyo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ad-demos-rule[b-qu9unasqyo] {
    margin-top: 0.75rem;
    font-size: 0.85rem;
    color: var(--bs-secondary-color);
}

.ad-demos-rule ul[b-qu9unasqyo] {
    margin: 0.25rem 0 0;
    padding-left: 1.25rem;
}
/* /Components/Pages/Dashboards/AdminDash/AdminOrgHealth.razor.rz.scp.css */
.oh-head[b-0q2vsi2d9c] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vt-space-2); margin-bottom: var(--vt-space-3); }
.oh-title[b-0q2vsi2d9c] { margin: 0; font-size: var(--vt-text-lg); font-weight: 600; color: var(--vt-text); }
.oh-card[b-0q2vsi2d9c] { background: var(--vt-surface); border: 1px solid var(--vt-border); border-radius: var(--vt-radius); overflow: hidden; }
.oh-table[b-0q2vsi2d9c] { font-size: var(--vt-text-sm); color: var(--vt-text); }
.oh-table th[b-0q2vsi2d9c] { font-size: var(--vt-text-xs); font-weight: 600; color: var(--vt-text-muted); white-space: nowrap; padding: var(--vt-space-3) var(--vt-space-4); }
.oh-table td[b-0q2vsi2d9c] { padding: var(--vt-space-3) var(--vt-space-4); }
.oh-table a[b-0q2vsi2d9c] { color: var(--vt-link); }
.oh-muted[b-0q2vsi2d9c] { color: var(--vt-text-muted); font-size: var(--vt-text-xs); }
.oh-nowrap[b-0q2vsi2d9c] { white-space: nowrap; }
.oh-status[b-0q2vsi2d9c] { display: inline-block; padding: 2px 8px; border-radius: var(--vt-radius-pill); font-size: var(--vt-text-xs); font-weight: 600;
  background: var(--vt-neutral-soft); color: var(--vt-neutral-text); }
.oh-approved[b-0q2vsi2d9c] { background: var(--vt-success-soft); color: var(--vt-success-text); }
.oh-pending[b-0q2vsi2d9c] { background: var(--vt-warning-soft); color: var(--vt-warning-text); }
.oh-denied[b-0q2vsi2d9c], .oh-suspended[b-0q2vsi2d9c] { background: var(--vt-danger-soft); color: var(--vt-danger-text); }
.oh-table td:first-child[b-0q2vsi2d9c] { min-width: 180px; }
.oh-table td:nth-child(2)[b-0q2vsi2d9c] { white-space: nowrap; }
/* /Components/Pages/Dashboards/AdminDash/AdminTablesPanel.razor.rz.scp.css */
.tp-grid[b-0ye32j3gl1] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--vt-space-4); }
.tp-card[b-0ye32j3gl1] { display: flex; flex-direction: column; gap: var(--vt-space-3); min-width: 0; padding: var(--vt-space-4);
  background: var(--vt-surface); border: 1px solid var(--vt-border); border-radius: var(--vt-radius); }
.tp-head[b-0ye32j3gl1] { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--vt-space-2); }
.tp-title[b-0ye32j3gl1] { margin: 0; font-size: var(--vt-text-md); font-weight: 600; color: var(--vt-text); }
.tp-more[b-0ye32j3gl1] { font-size: var(--vt-text-xs); }
.tp-more a[b-0ye32j3gl1], .tp-list a[b-0ye32j3gl1], .tp-lead a[b-0ye32j3gl1] { color: var(--vt-link); }
.tp-empty[b-0ye32j3gl1] { margin: 0; color: var(--vt-text-muted); font-size: var(--vt-text-sm); }
.tp-lead[b-0ye32j3gl1] { margin: 0; color: var(--vt-text); font-size: var(--vt-text-sm); }
.tp-big[b-0ye32j3gl1] { font-size: var(--vt-text-xl); font-weight: 600; margin-right: 4px; }
.tp-list[b-0ye32j3gl1] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--vt-space-2); font-size: var(--vt-text-sm); color: var(--vt-text); }
.tp-list li[b-0ye32j3gl1] { padding-bottom: var(--vt-space-2); border-bottom: 1px solid var(--vt-border); }
.tp-list li:last-child[b-0ye32j3gl1] { border-bottom: 0; padding-bottom: 0; }
.tp-table[b-0ye32j3gl1] { font-size: var(--vt-text-sm); color: var(--vt-text); }
.tp-table th[b-0ye32j3gl1] { font-size: var(--vt-text-xs); font-weight: 600; color: var(--vt-text-muted); white-space: nowrap; }
.tp-muted[b-0ye32j3gl1] { color: var(--vt-text-muted); font-size: var(--vt-text-xs); }
.tp-nowrap[b-0ye32j3gl1] { white-space: nowrap; }
.tp-warn[b-0ye32j3gl1] { color: var(--vt-warning-text); font-weight: 600; }
.tp-scroll[b-0ye32j3gl1] { max-height: 360px; overflow-y: auto; }
.tp-foot[b-0ye32j3gl1] { margin: 0; font-size: var(--vt-text-xs); color: var(--vt-text-subtle); }

@media (max-width: 991.98px) {
  .tp-grid[b-0ye32j3gl1] { grid-template-columns: minmax(0, 1fr); }
}
.tp-code[b-0ye32j3gl1] { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
/* /Components/Pages/Dashboards/AdminDash/AdminTilesPanel.razor.rz.scp.css */
.at-head[b-qelxpw970o] { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--vt-space-2); margin-bottom: var(--vt-space-3); }
.at-title[b-qelxpw970o] { margin: 0; font-size: var(--vt-text-lg); font-weight: 600; color: var(--vt-text); }
.at-live[b-qelxpw970o] { display: inline-flex; align-items: center; gap: 6px; font-size: var(--vt-text-xs); color: var(--vt-text-muted); }
.at-dot[b-qelxpw970o] { width: 8px; height: 8px; border-radius: 50%; background: var(--vt-success); box-shadow: 0 0 0 3px var(--vt-success-soft); }
@media (prefers-reduced-motion: no-preference) {
  .at-dot[b-qelxpw970o] { animation: at-pulse-b-qelxpw970o 2s var(--vt-ease) infinite; }
}
@keyframes at-pulse-b-qelxpw970o { 50% { box-shadow: 0 0 0 5px var(--vt-success-soft); } }

/* The grey placeholders use the same grid as AdminTilesView. */
.at-grid[b-qelxpw970o] { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: var(--vt-space-3); }
.at-tile[b-qelxpw970o] { display: flex; flex-direction: column; gap: 8px; padding: var(--vt-space-4); background: var(--vt-surface); border: 1px solid var(--vt-border); border-radius: var(--vt-radius); }
.at-ph-value[b-qelxpw970o] { height: 32px; }
@media (max-width: 575.98px) {
  .at-grid[b-qelxpw970o] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--vt-space-2); }
}
/* /Components/Pages/Dashboards/AdminDash/AdminTilesView.razor.rz.scp.css */
.at-grid[b-z8skefialh] { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: var(--vt-space-3); }
.at-tile[b-z8skefialh] {
  display: flex; flex-direction: column; gap: 4px; min-width: 0;
  padding: var(--vt-space-4); background: var(--vt-surface); border: 1px solid var(--vt-border); border-radius: var(--vt-radius);
}
.at-tile-warn[b-z8skefialh] { border-left: 3px solid var(--vt-warning); }
.at-label[b-z8skefialh] { font-size: var(--vt-text-sm); font-weight: 600; color: var(--vt-text-muted); }
.at-value[b-z8skefialh] {
  align-self: flex-start; font-size: var(--vt-text-3xl); font-weight: 600; line-height: var(--vt-leading-tight);
  color: var(--vt-text); text-decoration: none;
}
.at-value:hover[b-z8skefialh], .at-value:focus-visible[b-z8skefialh] { color: var(--vt-link); text-decoration: underline; }
.at-sub[b-z8skefialh] { font-size: var(--vt-text-xs); color: var(--vt-text-muted); line-height: var(--vt-leading-normal); }
.at-sub a[b-z8skefialh] { color: var(--vt-link); white-space: nowrap; }
.at-warn[b-z8skefialh] { color: var(--vt-warning-text) !important; font-weight: 600; }
.at-note[b-z8skefialh] { font-size: var(--vt-text-xs); color: var(--vt-text-subtle); }

@media (max-width: 575.98px) {
  .at-grid[b-z8skefialh] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--vt-space-2); }
  .at-tile[b-z8skefialh] { padding: var(--vt-space-3); }
  .at-value[b-z8skefialh] { font-size: var(--vt-text-2xl); }
}
/* /Components/Pages/Dashboards/AdminDash/Groups.razor.rz.scp.css */
.gr-empty[b-cdvqi4qb3w] { margin: 0; color: var(--vt-text-muted); font-size: var(--vt-text-sm); }
.gr-scroll[b-cdvqi4qb3w] { max-height: 320px; overflow-y: auto; }
.gr-table[b-cdvqi4qb3w] { font-size: var(--vt-text-sm); color: var(--vt-text); }
.gr-table th[b-cdvqi4qb3w] { font-size: var(--vt-text-xs); font-weight: 600; color: var(--vt-text-muted); white-space: nowrap; }
.gr-table a[b-cdvqi4qb3w] { color: var(--vt-link); }
/* /Components/Pages/Dashboards/AdminDash/MetricBars.razor.rz.scp.css */
/* One series: the brand primary (validated in both modes, see MetricColumns.razor.css). The comparison bar is the
   neutral de-emphasis grey, always with a legend and the value written next to it. */
.mb[b-4lnvipazc6] { --mb-a: var(--vt-primary); --mb-c: var(--vt-neutral); display: flex; flex-direction: column; gap: var(--vt-space-3); transition: opacity var(--vt-motion) var(--vt-ease); }
.mb-dim[b-4lnvipazc6] { opacity: .55; }
.mb-legend[b-4lnvipazc6] { display: flex; flex-wrap: wrap; gap: var(--vt-space-4); color: var(--vt-text-muted); font-size: var(--vt-text-xs); }
.mb-legend span[b-4lnvipazc6] { display: inline-flex; align-items: center; gap: 6px; }
.mb-key[b-4lnvipazc6] { display: inline-block; width: 10px; height: 10px; border-radius: 2px; }
.mb-key-a[b-4lnvipazc6] { background: var(--mb-a); }
.mb-key-c[b-4lnvipazc6] { background: var(--mb-c); height: 4px; }
.mb-empty[b-4lnvipazc6] { color: var(--vt-text-muted); font-size: var(--vt-text-sm); padding: var(--vt-space-6) 0; text-align: center; }

.mb-row[b-4lnvipazc6] { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "label value" "track track" "note note"; column-gap: var(--vt-space-3); row-gap: 4px; }
.mb-label[b-4lnvipazc6] { grid-area: label; color: var(--vt-text); font-size: var(--vt-text-sm); min-width: 0; }
.mb-label a[b-4lnvipazc6] { color: var(--vt-link); }
.mb-value[b-4lnvipazc6] { grid-area: value; color: var(--vt-text); font-size: var(--vt-text-sm); font-weight: 600; }
.mb-track[b-4lnvipazc6] { grid-area: track; display: flex; flex-direction: column; gap: 2px; }
.mb-bar[b-4lnvipazc6] { display: block; height: 10px; background: var(--mb-a); border-radius: 0 4px 4px 0; min-width: 2px; }
.mb-cmp[b-4lnvipazc6] { display: block; height: 4px; background: var(--mb-c); border-radius: 0 2px 2px 0; min-width: 2px; }
.mb-note[b-4lnvipazc6] { grid-area: note; color: var(--vt-text-muted); font-size: var(--vt-text-xs); }

@media (forced-colors: active) {
  .mb-bar[b-4lnvipazc6] { background: CanvasText; }
  .mb-cmp[b-4lnvipazc6] { background: GrayText; }
}
/* /Components/Pages/Dashboards/AdminDash/MetricColumns.razor.rz.scp.css */
/* Chart series, validated with the dataviz palette checks (light on #FFFFFF, dark on #0E1A2E): slot 1 is the brand
   primary (#195BBB light, #4F8AE0 dark), slot 2 orange (#EB6834 light, #D95926 dark). Both pass the lightness, chroma,
   colour-blind separation and 3:1 contrast checks in both modes. */
.mc[b-ghaqoy0hfl] {
  --mc-a: var(--vt-primary);
  --mc-b: #EB6834;
  --mc-grid: var(--vt-border);
  margin: 0;
  transition: opacity var(--vt-motion) var(--vt-ease);
}
[data-bs-theme=dark] .mc[b-ghaqoy0hfl] { --mc-b: #D95926; }
.mc-dim[b-ghaqoy0hfl] { opacity: .55; }

.mc-legend[b-ghaqoy0hfl] { display: flex; flex-wrap: wrap; gap: var(--vt-space-4); margin-bottom: var(--vt-space-2); color: var(--vt-text-muted); font-size: var(--vt-text-xs); }
.mc-legend span[b-ghaqoy0hfl] { display: inline-flex; align-items: center; gap: 6px; }
.mc-key[b-ghaqoy0hfl] { display: inline-block; width: 10px; height: 10px; border-radius: 2px; }
.mc-key-a[b-ghaqoy0hfl] { background: var(--mc-a); }
.mc-key-b[b-ghaqoy0hfl] { background: var(--mc-b); }

.mc-empty[b-ghaqoy0hfl] { color: var(--vt-text-muted); font-size: var(--vt-text-sm); padding: var(--vt-space-8) 0; text-align: center; }

.mc-plot[b-ghaqoy0hfl] { position: relative; height: 160px; margin-left: 36px; }
.mc-grid[b-ghaqoy0hfl] { position: absolute; inset: 0; pointer-events: none; }
.mc-tick[b-ghaqoy0hfl] { position: absolute; left: 0; right: 0; height: 0; border-top: 1px solid var(--mc-grid); }
.mc-tick span[b-ghaqoy0hfl] {
  position: absolute; right: calc(100% + 6px); top: 0; transform: translateY(-50%);
  font-size: var(--vt-text-xs); line-height: 1; color: var(--vt-text-subtle); font-variant-numeric: tabular-nums; white-space: nowrap;
}
.mc-zero[b-ghaqoy0hfl] { border-top-color: var(--vt-border-strong); }

.mc-cols[b-ghaqoy0hfl] { position: absolute; inset: 0; display: grid; align-items: end; }
.mc-col[b-ghaqoy0hfl] { position: relative; height: 100%; display: flex; align-items: flex-end; justify-content: center; outline: none; cursor: default; }
.mc-col:focus-visible[b-ghaqoy0hfl] { box-shadow: var(--vt-focus-ring); border-radius: var(--vt-radius-sm); }
.mc-stack[b-ghaqoy0hfl] { display: flex; flex-direction: column; gap: 2px; width: 70%; max-width: 24px; min-width: 2px; }
.mc-seg[b-ghaqoy0hfl] { display: block; min-height: 2px; flex-basis: 0; }
.mc-stack > .mc-seg:first-child[b-ghaqoy0hfl] { border-radius: 4px 4px 0 0; }
.mc-a[b-ghaqoy0hfl] { background: var(--mc-a); }
.mc-b[b-ghaqoy0hfl] { background: var(--mc-b); }
.mc-col:hover .mc-seg[b-ghaqoy0hfl], .mc-col:focus-visible .mc-seg[b-ghaqoy0hfl] { filter: brightness(1.15); }

.mc-tip[b-ghaqoy0hfl] {
  display: none; position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); z-index: 2;
  min-width: 120px; padding: var(--vt-space-2) var(--vt-space-3);
  background: var(--vt-surface); color: var(--vt-text); border: 1px solid var(--vt-border); border-radius: var(--vt-radius-sm);
  box-shadow: var(--vt-shadow); font-size: var(--vt-text-xs); line-height: var(--vt-leading-normal); white-space: nowrap; pointer-events: none;
}
.mc-tip b[b-ghaqoy0hfl] { font-size: var(--vt-text-sm); }
.mc-tip-label[b-ghaqoy0hfl] { display: block; color: var(--vt-text-muted); }
.mc-tip-start[b-ghaqoy0hfl] { left: 0; transform: none; }
.mc-tip-end[b-ghaqoy0hfl] { left: auto; right: 0; transform: none; }
.mc-col:hover .mc-tip[b-ghaqoy0hfl], .mc-col:focus-visible .mc-tip[b-ghaqoy0hfl] { display: block; }

.mc-x[b-ghaqoy0hfl] { position: relative; height: 18px; margin-left: 36px; margin-top: var(--vt-space-2); }
.mc-x span[b-ghaqoy0hfl] { position: absolute; top: 0; transform: translateX(-50%); font-size: var(--vt-text-xs); line-height: 1.4; color: var(--vt-text-subtle); white-space: nowrap; }
.mc-x span.mc-x-start[b-ghaqoy0hfl] { transform: translateX(-4px); }
.mc-x span.mc-x-end[b-ghaqoy0hfl] { transform: translateX(calc(-100% + 4px)); }

.mc-table[b-ghaqoy0hfl] { margin-top: var(--vt-space-3); }
.mc-table summary[b-ghaqoy0hfl] { font-size: var(--vt-text-xs); color: var(--vt-link); cursor: pointer; width: max-content; }
.mc-table table[b-ghaqoy0hfl] { font-size: var(--vt-text-sm); }
.mc-table .table-responsive[b-ghaqoy0hfl] { max-height: 260px; overflow-y: auto; }

@media (forced-colors: active) {
  .mc-a[b-ghaqoy0hfl] { background: CanvasText; }
  .mc-b[b-ghaqoy0hfl] { background: Highlight; }
}
/* /Components/Pages/Demo/Chrome/DemoNav.razor.rz.scp.css */
/* The demo menu of the sample council (DemoNav). Theme tokens only (the --vt- roles that demo-shell.css declares for both themes). */
.ds-menu[b-l7oty1wb6j] {
  display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--vt-space-2) var(--vt-space-6);
  padding: var(--vt-space-3) var(--vt-space-6);
  background: var(--vt-surface-muted); border-bottom: 1px solid var(--vt-border);
}
.ds-menu-group[b-l7oty1wb6j] { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--vt-space-1) var(--vt-space-3); min-width: 0; }
.ds-menu-title[b-l7oty1wb6j] { color: var(--vt-text-subtle); font-size: var(--vt-text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.ds-menu-link[b-l7oty1wb6j] { color: var(--vt-text); font-size: var(--vt-text-sm); padding: var(--vt-space-1) var(--vt-space-2); border-radius: var(--vt-radius-sm); text-decoration: none; }
.ds-menu-link:hover[b-l7oty1wb6j] { background: var(--vt-surface); color: var(--vt-primary-hover); text-decoration: none; }
.ds-menu-link[aria-current=page][b-l7oty1wb6j] { background: var(--vt-primary-soft); color: var(--vt-primary); font-weight: 600; }
.ds-menu-also[b-l7oty1wb6j] { flex-basis: 100%; margin: 0; color: var(--vt-text-muted); font-size: var(--vt-text-xs); }
@media (max-width: 575.98px) {
  .ds-menu[b-l7oty1wb6j] { padding: var(--vt-space-2) var(--vt-space-4); gap: var(--vt-space-2); }
  .ds-menu-group[b-l7oty1wb6j] { width: 100%; }
}
/* /Components/Pages/Demo/DemoPlan.razor.rz.scp.css */
/* The visitor's plan (O-08, DEMO-FIRST-RUN.md §3.5–3.8): the reading screen, the peak and what goes wrong. Scoped to
   DemoPlan's .dp and reaching its parts (Plan/_*.razor) through ::deep. Theme tokens only (demo-shell.css, vt-tokens.css);
   the shared controls (ds-btn, ds-link, ds-card, ds-chip) are in demo-shell.css. */

.dp[b-2wq9iis157] { color: var(--vt-text); }
.dp[b-2wq9iis157]  h1 { font-size: var(--vt-text-3xl); margin-bottom: var(--vt-space-2); }
.dp[b-2wq9iis157]  h2 { font-size: var(--vt-text-2xl); }
.dp[b-2wq9iis157]  h3 { font-size: var(--vt-text-lg); }
.dp[b-2wq9iis157]  .dp-dot { color: var(--vt-text-subtle); }
.dp[b-2wq9iis157]  .dp-code { font-weight: 700; color: var(--vt-primary); margin-right: var(--vt-space-2); white-space: nowrap; }
.dp[b-2wq9iis157]  .dp-note { padding: var(--vt-space-2) var(--vt-space-3); border-radius: var(--vt-radius-sm); background: var(--vt-info-soft); color: var(--vt-info-text); }
.dp[b-2wq9iis157]  .dp-error { margin: var(--vt-space-2) 0 0; color: var(--vt-danger-text); font-size: var(--vt-text-sm); flex-basis: 100%; }
.dp[b-2wq9iis157]  .dp-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vt-space-3); }
.dp[b-2wq9iis157]  .dp-input, .dp[b-2wq9iis157]  .dp-select {
  min-height: 40px; padding: 0 var(--vt-space-3); border: 1px solid var(--vt-border-strong); border-radius: var(--vt-radius-sm);
  background: var(--vt-surface); color: var(--vt-text); font: inherit;
}
.dp[b-2wq9iis157]  .dp-input:focus, .dp[b-2wq9iis157]  .dp-select:focus { outline: none; box-shadow: var(--vt-focus-ring); border-color: var(--vt-primary); }
.dp[b-2wq9iis157]  .dp-page-input { width: 6em; }
.dp[b-2wq9iis157]  .dp-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.dp[b-2wq9iis157]  .dp-nodemo { margin-top: var(--vt-space-8); }
.dp[b-2wq9iis157]  .dp-nodemo p { margin: 0; font-size: var(--vt-text-lg); }

/* ── Reading ── */
.dp[b-2wq9iis157]  .dp-head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--vt-space-4); margin-bottom: var(--vt-space-6); }
.dp[b-2wq9iis157]  .dp-head-text { min-width: 0; }
.dp[b-2wq9iis157]  .dp-head-text p { margin-bottom: var(--vt-space-2); }
.dp[b-2wq9iis157]  .dp-file { font-weight: 600; }
.dp[b-2wq9iis157]  .dp-ready {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--vt-space-2) var(--vt-space-4); margin-bottom: var(--vt-space-6);
  border-color: var(--vt-primary); background: var(--vt-surface-tint);
}
.dp[b-2wq9iis157]  .dp-ready p { margin: 0; }
.dp[b-2wq9iis157]  .dp-ready-note { flex-basis: 100%; }
.dp[b-2wq9iis157]  .dp-reading-grid { display: grid; grid-template-columns: minmax(240px, 300px) minmax(0, 1fr); gap: var(--vt-space-8); align-items: start; }
.dp[b-2wq9iis157]  .dp-leave { margin-top: var(--vt-space-8); }

.dp[b-2wq9iis157]  .dp-steps { position: sticky; top: 72px; background: var(--vt-surface); border: 1px solid var(--vt-border); border-radius: var(--vt-radius); padding: var(--vt-space-4); }
.dp[b-2wq9iis157]  .dp-steps-toggle { display: none; }
.dp[b-2wq9iis157]  .dp-steps-title { margin: 0 0 var(--vt-space-3); font-weight: 700; color: var(--vt-text-muted); font-size: var(--vt-text-sm); text-transform: uppercase; letter-spacing: .04em; }
.dp[b-2wq9iis157]  .dp-steps-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--vt-space-3); }
.dp[b-2wq9iis157]  .dp-step { display: flex; gap: var(--vt-space-3); align-items: flex-start; }
.dp[b-2wq9iis157]  .dp-step-mark {
  flex-shrink: 0; display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%;
  border: 1px solid var(--vt-border-strong); color: var(--vt-text-subtle); font-size: var(--vt-text-xs); font-weight: 700;
}
.dp[b-2wq9iis157]  .dp-step.is-done .dp-step-mark { background: var(--vt-success-soft); border-color: var(--vt-success); color: var(--vt-success-text); }
.dp[b-2wq9iis157]  .dp-step.is-running .dp-step-mark { background: var(--vt-primary); border-color: var(--vt-primary); color: var(--vt-on-primary); }
.dp[b-2wq9iis157]  .dp-step.is-waiting .dp-step-label { color: var(--vt-text-subtle); }
.dp[b-2wq9iis157]  .dp-step-text { display: flex; flex-direction: column; min-width: 0; }
.dp[b-2wq9iis157]  .dp-step-label { font-weight: 600; }
.dp[b-2wq9iis157]  .dp-step-detail { color: var(--vt-text-muted); font-size: var(--vt-text-sm); }

.dp[b-2wq9iis157]  .dp-shaping { display: flex; gap: var(--vt-space-6); align-items: flex-start; }
.dp[b-2wq9iis157]  .dp-shaping-text { flex: 1 1 auto; min-width: 0; }
.dp[b-2wq9iis157]  .dp-cover { margin: 0; flex: 0 0 260px; }
.dp[b-2wq9iis157]  .dp-cover-page { width: 260px; min-height: 120px; border-radius: var(--vt-radius-sm); box-shadow: var(--vt-shadow); background: var(--vt-surface-muted); overflow: hidden; }
.dp[b-2wq9iis157]  .dp-cover-page canvas { display: block; max-width: 100%; height: auto; }
.dp[b-2wq9iis157]  .dp-recognised { font-size: var(--vt-text-lg); }
.dp[b-2wq9iis157]  .dp-found { margin-bottom: var(--vt-space-2); }
.dp[b-2wq9iis157]  .dp-stated { color: var(--vt-text-muted); }
.dp[b-2wq9iis157]  .dp-year-labels { display: flex; flex-wrap: wrap; gap: var(--vt-space-2) var(--vt-space-4); color: var(--vt-text-muted); }
.dp[b-2wq9iis157]  .dp-year-labels .is-current { color: var(--vt-text); font-weight: 700; }
.dp[b-2wq9iis157]  .dp-board-heading { margin: var(--vt-space-6) 0 var(--vt-space-2); font-size: var(--vt-text-md); color: var(--vt-text-muted); }
.dp[b-2wq9iis157]  .dp-board-rows { list-style: none; margin: 0; padding: 0; border: 1px solid var(--vt-border); border-radius: var(--vt-radius); background: var(--vt-surface); }
.dp[b-2wq9iis157]  .dp-board-row {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: var(--vt-space-3); align-items: center;
  padding: var(--vt-space-3) var(--vt-space-4); border-top: 1px solid var(--vt-border);
  animation: dp-in-b-2wq9iis157 280ms var(--vt-ease) both; animation-delay: calc(min(var(--i, 0), 37) * 40ms);
}
.dp[b-2wq9iis157]  .dp-board-row:first-child { border-top: 0; }
.dp[b-2wq9iis157]  .dp-board-title { min-width: 0; }
.dp[b-2wq9iis157]  .dp-board-toggle { min-width: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.dp[b-2wq9iis157]  .dp-board-toggle:hover .dp-board-title { text-decoration: underline; }
.dp[b-2wq9iis157]  .dp-board-toggle:focus-visible { outline: none; box-shadow: var(--vt-focus-ring); border-radius: var(--vt-radius-sm); }
.dp[b-2wq9iis157]  .dp-board-detail { grid-column: 1 / -1; padding-top: var(--vt-space-2); }
.dp[b-2wq9iis157]  .dp-board-years { margin-top: var(--vt-space-6); }
.dp[b-2wq9iis157]  .dp-year.is-static { cursor: default; }
.dp[b-2wq9iis157]  .dp-years-pending, .dp[b-2wq9iis157]  .dp-pdf-wait { margin: 0 0 var(--vt-space-4); }
.dp[b-2wq9iis157]  .dp-ready-email { margin-top: var(--vt-space-4); }
.dp[b-2wq9iis157]  .dp-ready-email p { margin: 0; }
.dp[b-2wq9iis157]  .dp-ready-email-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vt-space-2) var(--vt-space-3); }
.dp[b-2wq9iis157]  .dp-check { display: inline-flex; align-items: center; gap: var(--vt-space-2); cursor: pointer; }
.dp[b-2wq9iis157]  .dp-check input { width: 18px; height: 18px; accent-color: var(--vt-primary); }
.dp[b-2wq9iis157]  .dp-ready-email-note { margin-top: var(--vt-space-1); }
.dp[b-2wq9iis157]  .dp-companion { margin-top: var(--vt-space-4); }
.dp[b-2wq9iis157]  .dp-activity { min-height: 1.5em; margin-top: var(--vt-space-4); }
@keyframes dp-in-b-2wq9iis157 { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

/* ── The peak ── */
.dp[b-2wq9iis157]  .dp-welcome { padding: var(--vt-space-2) var(--vt-space-3); border-radius: var(--vt-radius-sm); background: var(--vt-surface-tint); }
.dp[b-2wq9iis157]  .dp-peak-top { display: flex; align-items: center; justify-content: space-between; gap: var(--vt-space-4); margin-bottom: var(--vt-space-3); }
.dp[b-2wq9iis157]  .dp-peak-org { display: flex; align-items: center; gap: var(--vt-space-2); min-width: 0; color: var(--vt-text-muted); font-weight: 600; }
.dp[b-2wq9iis157]  .dp-subline { font-size: var(--vt-text-lg); }
.dp[b-2wq9iis157]  .dp-subline strong { font-weight: 600; }
.dp[b-2wq9iis157]  .dp-numbers { font-size: var(--vt-text-lg); margin-bottom: var(--vt-space-2); }
.dp[b-2wq9iis157]  .dp-numbers em, .dp[b-2wq9iis157]  .dp-difference em, .dp[b-2wq9iis157]  .dp-status em { color: var(--vt-text-muted); }
.dp[b-2wq9iis157]  .dp-why { max-width: 760px; }
.dp[b-2wq9iis157]  .dp-status { margin-bottom: var(--vt-space-6); }

.dp[b-2wq9iis157]  .dp-menu-wrap { position: relative; }
.dp[b-2wq9iis157]  .dp-menu-button { font-size: var(--vt-text-xl); line-height: 1; }
.dp[b-2wq9iis157]  .dp-menu {
  position: absolute; z-index: 1040; top: calc(100% + 4px); left: 0; min-width: 240px; margin: 0; padding: var(--vt-space-1); list-style: none;
  background: var(--vt-surface); border: 1px solid var(--vt-border); border-radius: var(--vt-radius-sm); box-shadow: var(--vt-shadow-lg);
}
.dp[b-2wq9iis157]  .dp-menu-item {
  display: block; width: 100%; padding: var(--vt-space-2) var(--vt-space-3); border: 0; border-radius: var(--vt-radius-sm);
  background: none; color: var(--vt-text); font: inherit; text-align: left; cursor: pointer;
}
.dp[b-2wq9iis157]  .dp-menu-item:hover, .dp[b-2wq9iis157]  .dp-menu-item:focus-visible { background: var(--vt-surface-muted); }
.dp[b-2wq9iis157]  .dp-handling { margin: 0 0 var(--vt-space-6); }
.dp[b-2wq9iis157]  .dp-handling-title { font-size: var(--vt-text-lg); }
.dp[b-2wq9iis157]  .dp-rename { display: flex; flex-direction: column; gap: var(--vt-space-2); max-width: 420px; }
.dp[b-2wq9iis157]  .dp-confirm { color: var(--vt-danger-text); }
.dp[b-2wq9iis157]  .dp-danger { color: var(--vt-danger-text); border-color: var(--vt-danger); }

.dp[b-2wq9iis157]  .dp-years {
  display: flex; gap: var(--vt-space-3); overflow-x: auto; padding: var(--vt-space-1) var(--vt-space-1) var(--vt-space-3);
  margin: 0 calc(-1 * var(--vt-space-1)) var(--vt-space-6); scroll-snap-type: x proximity; overscroll-behavior-x: contain;
}
.dp[b-2wq9iis157]  .dp-year {
  flex: 0 0 auto; min-width: 180px; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: var(--vt-space-3) var(--vt-space-4);
  border: 1px solid var(--vt-border); border-radius: var(--vt-radius); background: var(--vt-surface); color: var(--vt-text);
  font: inherit; text-align: left; cursor: pointer; scroll-snap-align: center;
}
.dp[b-2wq9iis157]  .dp-year:hover { border-color: var(--vt-border-strong); }
.dp[b-2wq9iis157]  .dp-year.is-finished { background: var(--vt-surface-muted); color: var(--vt-text-muted); }
.dp[b-2wq9iis157]  .dp-year.is-selected { border: 2px solid var(--vt-primary); background: var(--vt-surface-tint); color: var(--vt-text); }
.dp[b-2wq9iis157]  .dp-year-label { font-family: var(--vt-font-display); font-size: var(--vt-text-xl); font-weight: 600; }
.dp[b-2wq9iis157]  .dp-year-meta, .dp[b-2wq9iis157]  .dp-year-counts { font-size: var(--vt-text-sm); }
.dp[b-2wq9iis157]  .dp-year.is-current .dp-year-meta { font-weight: 700; }
.dp[b-2wq9iis157]  .dp-year-money { font-weight: 700; }

.dp[b-2wq9iis157]  .dp-year-panel { margin-bottom: var(--vt-space-8); }
.dp[b-2wq9iis157]  .dp-year-summary { font-weight: 600; }
.dp[b-2wq9iis157]  .dp-views { display: inline-flex; flex-wrap: wrap; gap: 2px; padding: 2px; margin-bottom: var(--vt-space-6); border-radius: var(--vt-radius-sm); background: var(--vt-surface-muted); }
.dp[b-2wq9iis157]  .dp-view {
  min-height: 36px; padding: 0 var(--vt-space-4); border: 0; border-radius: var(--vt-radius-sm); background: transparent; color: var(--vt-text-muted);
  font: inherit; font-weight: 600; cursor: pointer;
}
.dp[b-2wq9iis157]  .dp-view.is-selected { background: var(--vt-surface); color: var(--vt-text); box-shadow: var(--vt-shadow-sm); }
.dp[b-2wq9iis157]  .dp-years-phone, .dp[b-2wq9iis157]  .dp-months-phone, .dp[b-2wq9iis157]  .dp-months-list { display: none; }

.dp[b-2wq9iis157]  .dp-group-heading { margin: var(--vt-space-6) 0 var(--vt-space-3); color: var(--vt-text-muted); font-size: var(--vt-text-md); text-transform: uppercase; letter-spacing: .04em; }
.dp[b-2wq9iis157]  .dp-objective { margin-bottom: var(--vt-space-4); background: var(--vt-surface); border: 1px solid var(--vt-border); border-radius: var(--vt-radius); box-shadow: var(--vt-shadow-sm); }
.dp[b-2wq9iis157]  .dp-objective-head {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--vt-space-2) var(--vt-space-3); width: 100%; padding: var(--vt-space-4) var(--vt-space-6);
  border: 0; background: none; color: var(--vt-text); font: inherit; text-align: left; cursor: default;
}
.dp[b-2wq9iis157]  .dp-objective-title { font-family: var(--vt-font-display); font-size: var(--vt-text-lg); font-weight: 600; }
.dp[b-2wq9iis157]  .dp-objective-counts, .dp[b-2wq9iis157]  .dp-objective-gaps { display: none; }
.dp[b-2wq9iis157]  .dp-objective-body { padding: 0 var(--vt-space-6) var(--vt-space-4); }
.dp[b-2wq9iis157]  .dp-table-wrap { overflow-x: auto; margin-bottom: var(--vt-space-4); }
.dp[b-2wq9iis157]  .dp-table { width: 100%; border-collapse: collapse; }
.dp[b-2wq9iis157]  .dp-table th { padding: var(--vt-space-2) var(--vt-space-3) var(--vt-space-2) 0; border-bottom: 1px solid var(--vt-border); color: var(--vt-text-muted); font-size: var(--vt-text-xs); font-weight: 700; text-align: left; text-transform: uppercase; letter-spacing: .04em; }
.dp[b-2wq9iis157]  .dp-table td { padding: var(--vt-space-2) var(--vt-space-3) var(--vt-space-2) 0; border-bottom: 1px solid var(--vt-border); vertical-align: top; }
.dp[b-2wq9iis157]  .dp-table tr:last-child td { border-bottom: 0; }
.dp[b-2wq9iis157]  .dp-figure { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--vt-space-1) var(--vt-space-2); }
.dp[b-2wq9iis157]  .dp-dash { color: var(--vt-text-subtle); }
.dp[b-2wq9iis157]  .dp-chip-outside { background: var(--vt-surface-muted); color: var(--vt-text-subtle); }
.dp[b-2wq9iis157]  .dp-overall { display: block; }
.dp[b-2wq9iis157]  .dp-outside-note { margin: 0; }
.dp[b-2wq9iis157]  .dp-dept[data-printed] { position: relative; border-bottom: 1px dotted var(--vt-border-strong); cursor: help; }
.dp[b-2wq9iis157]  .dp-dept[data-printed]:hover::after, .dp[b-2wq9iis157]  .dp-dept[data-printed]:focus::after {
  content: attr(data-printed); position: absolute; z-index: 1035; left: 0; top: calc(100% + 4px); padding: var(--vt-space-1) var(--vt-space-2);
  border-radius: var(--vt-radius-sm); background: var(--vt-text); color: var(--vt-surface); font-size: var(--vt-text-xs); white-space: nowrap;
}
.dp[b-2wq9iis157]  .dp-shared { display: block; }
.dp[b-2wq9iis157]  .dp-dispute-form { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vt-space-2); margin-top: var(--vt-space-1); }

.dp[b-2wq9iis157]  .dp-department { margin-bottom: var(--vt-space-6); }
.dp[b-2wq9iis157]  .dp-department-title { font-weight: 400; }
.dp[b-2wq9iis157]  .dp-printed { margin-top: calc(-1 * var(--vt-space-3)); }

.dp[b-2wq9iis157]  .dp-months-department { display: flex; align-items: center; gap: var(--vt-space-2); }
.dp[b-2wq9iis157]  .dp-months-grid-wrap { overflow-x: auto; margin-bottom: var(--vt-space-4); border: 1px solid var(--vt-border); border-radius: var(--vt-radius); background: var(--vt-surface); }
.dp[b-2wq9iis157]  .dp-months-grid { border-collapse: collapse; min-width: 100%; }
.dp[b-2wq9iis157]  .dp-months-grid th, .dp[b-2wq9iis157]  .dp-months-grid td { padding: var(--vt-space-2); border-left: 1px solid var(--vt-border); border-top: 1px solid var(--vt-border); font-size: var(--vt-text-sm); }
.dp[b-2wq9iis157]  .dp-months-grid thead th { border-top: 0; color: var(--vt-text-muted); font-weight: 700; text-align: center; }
.dp[b-2wq9iis157]  .dp-months-name { position: sticky; left: 0; z-index: 1; min-width: 220px; max-width: 320px; border-left: 0 !important; background: var(--vt-surface); text-align: left !important; font-weight: 600; }
.dp[b-2wq9iis157]  .dp-months-budget { display: block; font-weight: 400; }
.dp[b-2wq9iis157]  .dp-month-cell { min-width: 56px; height: 44px; background: repeating-linear-gradient(90deg, transparent 0 6px, var(--vt-surface-muted) 6px 7px); }
.dp[b-2wq9iis157]  .dp-months-line { margin-top: var(--vt-space-2); }

.dp[b-2wq9iis157]  .dp-all-years { overflow-x: auto; border: 1px solid var(--vt-border); border-radius: var(--vt-radius); background: var(--vt-surface); }
.dp[b-2wq9iis157]  .dp-matrix { border-collapse: collapse; min-width: 100%; }
.dp[b-2wq9iis157]  .dp-matrix th, .dp[b-2wq9iis157]  .dp-matrix td { padding: var(--vt-space-2) var(--vt-space-3); border-top: 1px solid var(--vt-border); font-size: var(--vt-text-sm); text-align: left; vertical-align: top; }
.dp[b-2wq9iis157]  .dp-matrix thead th { border-top: 0; color: var(--vt-text-muted); font-weight: 700; }
.dp[b-2wq9iis157]  .dp-matrix-name { position: sticky; left: 0; z-index: 1; min-width: 240px; background: var(--vt-surface); }
.dp[b-2wq9iis157]  .dp-matrix-objective th, .dp[b-2wq9iis157]  .dp-matrix-objective td { background: var(--vt-surface-muted); font-weight: 600; }
.dp[b-2wq9iis157]  .dp-matrix-kpi th, .dp[b-2wq9iis157]  .dp-matrix-initiative th { padding-left: var(--vt-space-6); font-weight: 400; }
.dp[b-2wq9iis157]  .dp-cell.is-gap { background: var(--vt-warning-soft); color: var(--vt-warning-text); }
.dp[b-2wq9iis157]  .dp-cell.is-outside { color: var(--vt-text-subtle); background: repeating-linear-gradient(135deg, var(--vt-surface-muted) 0 4px, transparent 4px 8px); }

.dp[b-2wq9iis157]  .dp-open-points, .dp[b-2wq9iis157]  .dp-transition, .dp[b-2wq9iis157]  .dp-corrections { margin-bottom: var(--vt-space-8); }
.dp[b-2wq9iis157]  .dp-readiness { font-size: var(--vt-text-lg); }
.dp[b-2wq9iis157]  .dp-readiness-lines { padding-left: var(--vt-space-6); }
.dp[b-2wq9iis157]  .dp-points { padding-left: var(--vt-space-6); display: flex; flex-direction: column; gap: var(--vt-space-2); }
.dp[b-2wq9iis157]  .dp-point-text { margin-right: var(--vt-space-2); }
.dp[b-2wq9iis157]  .dp-fix { margin: 0 0 var(--vt-space-4); border-color: var(--vt-warning); background: var(--vt-warning-soft); color: var(--vt-text); }
.dp[b-2wq9iis157]  .dp-fix-title { font-size: var(--vt-text-md); color: var(--vt-warning-text); }
.dp[b-2wq9iis157]  .dp-fix-form { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vt-space-2); }
.dp[b-2wq9iis157]  .dp-fix-input { width: 9em; }
.dp[b-2wq9iis157]  .dp-correction-list { padding-left: var(--vt-space-6); display: flex; flex-direction: column; gap: var(--vt-space-2); }
.dp[b-2wq9iis157]  .dp-correction-label { font-weight: 600; }
.dp[b-2wq9iis157]  .dp-evidence { color: var(--vt-text-muted); }
.dp[b-2wq9iis157]  .dp-transition-grid { max-width: 100%; }

.dp[b-2wq9iis157]  .dp-failed { max-width: 680px; margin: var(--vt-space-8) auto 0; }
.dp[b-2wq9iis157]  .dp-failed h1 { font-size: var(--vt-text-2xl); }

/* ── Smaller screens ── */
@media (max-width: 991.98px) {
  .dp[b-2wq9iis157]  .dp-reading-grid { grid-template-columns: minmax(0, 1fr); gap: var(--vt-space-6); }
  .dp[b-2wq9iis157]  .dp-steps { position: static; }
}
@media (max-width: 767.98px) {
  .dp[b-2wq9iis157]  .dp-view-wide { display: none; }
  .dp[b-2wq9iis157]  .dp-all-years { display: none; }
  .dp[b-2wq9iis157]  .dp-years-phone { display: block; }
}
@media (max-width: 575.98px) {
  .dp[b-2wq9iis157]  h1 { font-size: var(--vt-text-2xl); }
  .dp[b-2wq9iis157]  .dp-steps { padding: var(--vt-space-3); }
  .dp[b-2wq9iis157]  .dp-steps-toggle {
    display: flex; width: 100%; padding: 0; border: 0; background: none; color: var(--vt-text); font: inherit; font-weight: 600; text-align: left; cursor: pointer;
  }
  .dp[b-2wq9iis157]  .dp-steps-now { color: var(--vt-text-muted); font-weight: 400; }
  .dp[b-2wq9iis157]  .dp-steps-title { display: none; }
  .dp[b-2wq9iis157]  .dp-steps-list { display: none; margin-top: var(--vt-space-3); }
  .dp[b-2wq9iis157]  .dp-steps-list.is-open { display: flex; }
  .dp[b-2wq9iis157]  .dp-shaping { flex-direction: column-reverse; align-items: stretch; }
  .dp[b-2wq9iis157]  .dp-cover { flex-basis: auto; align-self: center; }
  .dp[b-2wq9iis157]  .dp-cover-page { width: 200px; }
  .dp[b-2wq9iis157]  .dp-board-row { grid-template-columns: auto minmax(0, 1fr) auto; }
  .dp[b-2wq9iis157]  .dp-board-counts { display: none; }
  .dp[b-2wq9iis157]  .dp-primary-wrap {
    position: fixed; z-index: 1035; left: 0; right: 0; bottom: 0; padding: var(--vt-space-3) var(--vt-space-4);
    background: var(--vt-surface); border-top: 1px solid var(--vt-border); box-shadow: var(--vt-shadow-lg);
  }
  .dp[b-2wq9iis157]  .dp-primary-wrap .ds-btn { width: 100%; }
  .dp[b-2wq9iis157]  .dp-year { min-width: 150px; }
  .dp[b-2wq9iis157]  .dp-objective-head { padding: var(--vt-space-3) var(--vt-space-4); cursor: pointer; }
  .dp[b-2wq9iis157]  .dp-objective-head .dp-group-chip { display: none; }
  .dp[b-2wq9iis157]  .dp-objective-title { font-size: var(--vt-text-md); flex: 1 1 60%; }
  .dp[b-2wq9iis157]  .dp-objective-counts, .dp[b-2wq9iis157]  .dp-objective-gaps { display: inline-flex; }
  .dp[b-2wq9iis157]  .dp-objective-body { display: none; padding: 0 var(--vt-space-4) var(--vt-space-3); }
  .dp[b-2wq9iis157]  .dp-objective.is-open .dp-objective-body { display: block; }
  .dp[b-2wq9iis157]  .dp-months-grid-wrap:not(.dp-transition-grid) { display: none; }
  .dp[b-2wq9iis157]  .dp-months-list { display: flex; flex-direction: column; gap: var(--vt-space-2); padding: 0; list-style: none; }
  .dp[b-2wq9iis157]  .dp-months-list li { display: flex; flex-wrap: wrap; gap: var(--vt-space-1) var(--vt-space-2); padding: var(--vt-space-3); border: 1px solid var(--vt-border); border-radius: var(--vt-radius-sm); background: var(--vt-surface); }
  .dp[b-2wq9iis157]  .dp-months-phone { display: block; }
  .dp[b-2wq9iis157]  .dp-table th, .dp[b-2wq9iis157]  .dp-table td { font-size: var(--vt-text-sm); }
}
/* /Components/Pages/EmotionalIntelligence/EiDrills.razor.rz.scp.css */
/* "Recognise the emotion" drills. Tokens only; right and wrong answers use the success and danger tone classes. */

.ei-drills__waiting[b-a9e9t8ti6x] {
    margin: var(--vt-space-3) 0 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.ei-drills__progress[b-a9e9t8ti6x] {
    display: flex;
    justify-content: space-between;
    gap: var(--vt-space-3);
    margin-bottom: var(--vt-space-3);
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
    font-weight: 500;
}

.ei-drills__situation[b-a9e9t8ti6x] {
    margin: 0;
    padding: var(--vt-space-4);
    border-radius: var(--vt-radius);
    background: var(--vt-surface-muted);
    color: var(--vt-text);
    font-size: var(--vt-text-lg);
    line-height: var(--vt-leading-normal);
    max-width: 72ch;
}

.ei-drills__question[b-a9e9t8ti6x] {
    margin: var(--vt-space-6) 0 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

.ei-drills__question legend[b-a9e9t8ti6x] {
    float: none;
    width: auto;
    margin: 0 0 var(--vt-space-3);
    padding: 0;
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-weight: 600;
}

.ei-drills__options[b-a9e9t8ti6x] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--vt-space-2);
    max-width: 640px;
}

.ei-drills__responses[b-a9e9t8ti6x] {
    display: flex;
    flex-direction: column;
    gap: var(--vt-space-2);
    max-width: 72ch;
}

.ei-drills__option[b-a9e9t8ti6x] {
    display: flex;
    align-items: center;
    gap: var(--vt-space-2);
    min-height: 40px;
    padding: var(--vt-space-2) var(--vt-space-3);
    border: 1px solid var(--vt-border-strong);
    border-radius: var(--vt-radius-sm);
    background: var(--vt-surface);
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-weight: 500;
    text-align: start;
}

.ei-drills__option:hover:not(:disabled)[b-a9e9t8ti6x] {
    border-color: var(--vt-primary);
    background: var(--vt-primary-soft);
}

.ei-drills__option:focus-visible[b-a9e9t8ti6x] {
    outline: none;
    box-shadow: var(--vt-focus-ring);
}

.ei-drills__option:disabled[b-a9e9t8ti6x] {
    cursor: default;
    opacity: 1;
}

.ei-drills__option--right[b-a9e9t8ti6x],
.ei-drills__option--wrong[b-a9e9t8ti6x] {
    border-color: var(--vt-tone-solid);
    background: var(--vt-tone-soft);
    color: var(--vt-tone-text);
    font-weight: 600;
}

.ei-drills__option[b-a9e9t8ti6x]  .vt-icon {
    flex: none;
    color: inherit;
    font-size: var(--vt-text-lg);
}

.ei-drills__why[b-a9e9t8ti6x] {
    margin: var(--vt-space-3) 0 0;
    padding: var(--vt-space-3);
    border-radius: var(--vt-radius-sm);
    background: var(--vt-surface-muted);
    color: var(--vt-text);
    font-size: var(--vt-text-sm);
    max-width: 72ch;
}

.ei-drills__result[b-a9e9t8ti6x] {
    padding: var(--vt-space-6) 0;
    text-align: center;
}

.ei-drills__score[b-a9e9t8ti6x] {
    margin: 0;
    color: var(--vt-text);
    font-family: var(--vt-font-display);
    font-size: var(--vt-text-3xl);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.ei-drills__verdict[b-a9e9t8ti6x] {
    margin: var(--vt-space-2) 0 var(--vt-space-6);
    color: var(--vt-text-muted);
    font-size: var(--vt-text-md);
}

.ei-drills__actions[b-a9e9t8ti6x] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--vt-space-2);
}

@media (max-width: 575.98px) {
    .ei-drills__options[b-a9e9t8ti6x] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/EmotionalIntelligence/EiHub.razor.rz.scp.css */
/* The Wellbeing hub (OD-04): the panel beside the hero's text. The hero itself and the tabs are library components. */

.ei-hero-panel[b-q34idfplis] {
    width: min(340px, 100%);
    padding: var(--vt-space-4);
    background: var(--vt-surface);
    border: 1px solid var(--vt-border);
    border-radius: var(--vt-radius);
    box-shadow: var(--vt-shadow-sm);
}

.ei-hero-panel__title[b-q34idfplis] {
    margin: 0 0 var(--vt-space-3);
    color: var(--vt-text);
    font-family: var(--vt-font-body);
    font-size: var(--vt-text-md);
    font-weight: 600;
}

.ei-hero-panel__text[b-q34idfplis] {
    margin: 0 0 var(--vt-space-3);
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

@media (max-width: 575.98px) {
    .ei-hero-panel[b-q34idfplis] {
        width: 100%;
    }
}
/* /Components/Pages/EmotionalIntelligence/EiLearn.razor.rz.scp.css */
/* Wellbeing > Learn. Tokens only (light and dark). */

.ei-learn[b-2y6inzt3xw] {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: var(--vt-space-6);
    align-items: start;
}

/* The topics */
.ei-topics[b-2y6inzt3xw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--vt-space-3) var(--vt-space-2);
    background: var(--vt-surface);
    border: 1px solid var(--vt-border);
    border-radius: var(--vt-radius);
    box-shadow: var(--vt-shadow-sm);
}

@media (min-width: 992px) and (min-height: 760px) {
    .ei-topics[b-2y6inzt3xw] {
        position: sticky;
        top: 116px;
    }
}

.ei-topics__head[b-2y6inzt3xw] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--vt-space-2);
    padding: 0 var(--vt-space-2) var(--vt-space-1);
}

.ei-topics__title[b-2y6inzt3xw] {
    margin: 0;
    color: var(--vt-text);
    font-family: var(--vt-font-body);
    font-size: var(--vt-text-md);
    font-weight: 600;
}

.ei-topics__count[b-2y6inzt3xw] {
    color: var(--vt-text-muted);
    font-size: var(--vt-text-xs);
}

.ei-topics__group[b-2y6inzt3xw] {
    margin: var(--vt-space-3) 0 var(--vt-space-1);
    padding: 0 var(--vt-space-2);
    color: var(--vt-text-muted);
    font-size: var(--vt-text-xs);
    font-weight: 600;
}

.ei-topics__list[b-2y6inzt3xw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ei-topic[b-2y6inzt3xw] {
    display: flex;
    align-items: center;
    gap: var(--vt-space-3);
    width: 100%;
    padding: var(--vt-space-2);
    border: 0;
    border-radius: var(--vt-radius-sm);
    background: transparent;
    color: var(--vt-text);
    text-align: start;
    transition: background var(--vt-motion-fast) var(--vt-ease);
}

.ei-topic:hover[b-2y6inzt3xw] {
    background: var(--vt-surface-muted);
}

.ei-topic:focus-visible[b-2y6inzt3xw] {
    outline: none;
    box-shadow: var(--vt-focus-ring);
}

.ei-topic--current[b-2y6inzt3xw] {
    background: var(--vt-primary-soft);
    box-shadow: inset 3px 0 0 var(--vt-primary);
}

.ei-topic__number[b-2y6inzt3xw] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--vt-surface-muted);
    color: var(--vt-text-muted);
    font-size: var(--vt-text-xs);
    font-weight: 600;
}

.ei-topic--current .ei-topic__number[b-2y6inzt3xw] {
    background: var(--vt-primary);
    color: var(--vt-on-primary);
}

.ei-topic__text[b-2y6inzt3xw] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.ei-topic__name[b-2y6inzt3xw] {
    font-size: var(--vt-text-md);
    font-weight: 600;
}

.ei-topic__line[b-2y6inzt3xw] {
    overflow: hidden;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-xs);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ei-topic__read[b-2y6inzt3xw] {
    flex: none;
    color: var(--vt-success-text);
    font-size: var(--vt-text-lg);
}

/* The open topic */
.ei-topic-detail[b-2y6inzt3xw] {
    padding: var(--vt-space-8);
    background: var(--vt-surface);
    border: 1px solid var(--vt-border);
    border-radius: var(--vt-radius);
    box-shadow: var(--vt-shadow-sm);
    scroll-margin-top: 116px;
}

.ei-kicker[b-2y6inzt3xw] {
    margin: 0 0 var(--vt-space-2);
    color: var(--vt-primary);
    font-size: var(--vt-text-sm);
    font-weight: 600;
}

.ei-topic-detail__heading[b-2y6inzt3xw] {
    display: flex;
    align-items: center;
    gap: var(--vt-space-3);
    margin-bottom: var(--vt-space-3);
}

.ei-topic-detail__icon[b-2y6inzt3xw] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: var(--vt-radius);
    background: var(--vt-primary-soft);
    color: var(--vt-primary);
    font-size: var(--vt-text-2xl);
}

.ei-topic-detail__icon[b-2y6inzt3xw]  .vt-icon {
    color: inherit;
    font-size: inherit;
}

.ei-topic-detail__title[b-2y6inzt3xw] {
    margin: 0 0 var(--vt-space-2);
    color: var(--vt-text);
    font-family: var(--vt-font-display);
    font-size: var(--vt-text-2xl);
    font-weight: 600;
    line-height: var(--vt-leading-tight);
}

.ei-topic-detail__heading .ei-topic-detail__title[b-2y6inzt3xw] {
    margin: 0;
}

.ei-lead[b-2y6inzt3xw] {
    margin: 0 0 var(--vt-space-3);
    color: var(--vt-text);
    font-size: var(--vt-text-lg);
    font-weight: 500;
}

.ei-body[b-2y6inzt3xw] {
    margin: 0 0 var(--vt-space-6);
    color: var(--vt-text-muted);
    font-size: var(--vt-text-md);
    line-height: var(--vt-leading-normal);
    max-width: 72ch;
}

.ei-subhead[b-2y6inzt3xw] {
    margin: 0 0 var(--vt-space-2);
    color: var(--vt-text);
    font-family: var(--vt-font-body);
    font-size: var(--vt-text-md);
    font-weight: 600;
}

.ei-steps[b-2y6inzt3xw] {
    display: flex;
    flex-direction: column;
    gap: var(--vt-space-2);
    margin: 0 0 var(--vt-space-6);
    padding-inline-start: 1.4rem;
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    line-height: var(--vt-leading-normal);
    max-width: 72ch;
}

.ei-steps li[b-2y6inzt3xw]::marker {
    color: var(--vt-primary);
    font-weight: 600;
}

.ei-callouts[b-2y6inzt3xw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--vt-space-4);
}

/* A callout takes its colours from the tone class it carries (vt-tone-warning, vt-tone-success). */
.ei-callout[b-2y6inzt3xw] {
    padding: var(--vt-space-4);
    border-radius: var(--vt-radius);
    background: var(--vt-tone-soft);
    color: var(--vt-text);
}

.ei-callout p[b-2y6inzt3xw] {
    margin: 0 0 var(--vt-space-3);
    font-size: var(--vt-text-md);
    line-height: var(--vt-leading-normal);
}

.ei-callout p:last-child[b-2y6inzt3xw] {
    margin-bottom: 0;
}

.ei-callout__title[b-2y6inzt3xw] {
    display: flex;
    align-items: center;
    gap: var(--vt-space-2);
    margin: 0 0 var(--vt-space-2);
    color: var(--vt-tone-text);
    font-family: var(--vt-font-body);
    font-size: var(--vt-text-sm);
    font-weight: 600;
}

.ei-callout__title[b-2y6inzt3xw]  .vt-icon {
    color: inherit;
    font-size: var(--vt-text-lg);
}

.ei-quote[b-2y6inzt3xw] {
    margin: 0;
    padding: var(--vt-space-4);
    border-inline-start: 4px solid var(--vt-primary);
    border-radius: 0 var(--vt-radius) var(--vt-radius) 0;
    background: var(--vt-surface-tint);
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-style: italic;
    line-height: var(--vt-leading-normal);
}

.ei-words[b-2y6inzt3xw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--vt-space-4);
}

.ei-words__group[b-2y6inzt3xw] {
    padding: var(--vt-space-4);
    border: 1px solid var(--vt-border);
    border-radius: var(--vt-radius);
}

.ei-words__core[b-2y6inzt3xw] {
    margin: 0 0 var(--vt-space-2);
    color: var(--vt-text);
    font-family: var(--vt-font-body);
    font-size: var(--vt-text-md);
    font-weight: 600;
}

.ei-words__list[b-2y6inzt3xw] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--vt-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.ei-pager[b-2y6inzt3xw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--vt-space-3);
    margin-top: var(--vt-space-8);
    padding-top: var(--vt-space-4);
    border-top: 1px solid var(--vt-border);
}

/* Tablets and phones: the topics become a strip across the top that scrolls sideways on its own. */
@media (max-width: 991.98px) {
    .ei-learn[b-2y6inzt3xw] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--vt-space-4);
    }

    .ei-topics[b-2y6inzt3xw] {
        flex-direction: row;
        overflow-x: auto;
        padding: var(--vt-space-2);
        scroll-snap-type: x proximity;
        scrollbar-width: thin;
    }

    .ei-topics__head[b-2y6inzt3xw],
    .ei-topics__group[b-2y6inzt3xw],
    .ei-topic__line[b-2y6inzt3xw],
    .ei-topic__read[b-2y6inzt3xw] {
        display: none;
    }

    .ei-topics__list[b-2y6inzt3xw] {
        flex-direction: row;
    }

    .ei-topic[b-2y6inzt3xw] {
        width: auto;
        white-space: nowrap;
        scroll-snap-align: start;
    }

    .ei-topic-detail[b-2y6inzt3xw] {
        padding: var(--vt-space-4);
    }

    .ei-callouts[b-2y6inzt3xw] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/EmotionalIntelligence/EiMe.razor.rz.scp.css */
/* Wellbeing > Me. Tokens only (light and dark). */

.ei-me-top[b-x68rmvw929] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--vt-space-4);
}

.ei-me-choice[b-x68rmvw929] {
    margin: var(--vt-space-2) 0 var(--vt-space-4);
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.ei-me-share[b-x68rmvw929] {
    margin: var(--vt-space-3) 0 var(--vt-space-4);
}

.ei-me-actions[b-x68rmvw929] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-2) var(--vt-space-3);
}

.ei-me-why[b-x68rmvw929] {
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.ei-me-error[b-x68rmvw929] {
    margin: 0 0 var(--vt-space-3);
    color: var(--vt-danger-text);
    font-size: var(--vt-text-sm);
}

.ei-me-subtitle[b-x68rmvw929] {
    margin: 0 0 var(--vt-space-2);
    color: var(--vt-text);
    font-family: var(--vt-font-body);
    font-size: var(--vt-text-md);
    font-weight: 600;
}

.ei-me-muted[b-x68rmvw929] {
    margin: 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
    max-width: 72ch;
}

/* Kudos */
.ei-kudos[b-x68rmvw929] {
    display: flex;
    flex-direction: column;
    gap: var(--vt-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.ei-kudos__item[b-x68rmvw929] {
    padding: var(--vt-space-2) var(--vt-space-3);
    border-inline-start: 3px solid var(--vt-success);
    border-radius: 0 var(--vt-radius-sm) var(--vt-radius-sm) 0;
    background: var(--vt-success-soft);
}

.ei-kudos__message[b-x68rmvw929] {
    margin: 0;
    color: var(--vt-text);
    font-size: var(--vt-text-md);
}

.ei-kudos__from[b-x68rmvw929] {
    margin: var(--vt-space-1) 0 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-xs);
}

/* Self-assessment */
.ei-assess-intro[b-x68rmvw929] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--vt-space-4);
}

.ei-assess-results[b-x68rmvw929] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--vt-space-6);
    margin-top: var(--vt-space-6);
}

.ei-progress[b-x68rmvw929] {
    display: flex;
    flex-direction: column;
    gap: var(--vt-space-2);
    margin: 0;
}

.ei-progress__row[b-x68rmvw929] {
    display: grid;
    grid-template-columns: minmax(110px, 9rem) minmax(0, 1fr);
    gap: var(--vt-space-3);
    font-size: var(--vt-text-sm);
}

.ei-progress__row dt[b-x68rmvw929] {
    color: var(--vt-text);
    font-weight: 500;
}

.ei-progress__row dd[b-x68rmvw929] {
    margin: 0;
    color: var(--vt-text-muted);
    font-variant-numeric: tabular-nums;
}

.ei-assess-head[b-x68rmvw929] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--vt-space-2);
    margin-bottom: var(--vt-space-3);
}

.ei-assess-count[b-x68rmvw929] {
    margin: 0;
    color: var(--vt-text);
    font-size: var(--vt-text-sm);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.ei-statements[b-x68rmvw929] {
    margin: 0 0 var(--vt-space-4);
    padding: 0;
    list-style: none;
}

.ei-statement[b-x68rmvw929] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--vt-space-2) var(--vt-space-4);
    padding: var(--vt-space-3) 0;
    border-bottom: 1px solid var(--vt-border);
}

.ei-statement__text[b-x68rmvw929] {
    flex: 1 1 320px;
    color: var(--vt-text);
    font-size: var(--vt-text-md);
}

@media (max-width: 991.98px) {
    .ei-me-top[b-x68rmvw929],
    .ei-assess-results[b-x68rmvw929] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/EmotionalIntelligence/EiPractise.razor.rz.scp.css */
/* Wellbeing > Practise. Tokens only (light and dark). */

.ei-drill-intro[b-7710sgqiwo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--vt-space-4);
}

.ei-drill-intro p[b-7710sgqiwo] {
    flex: 1 1 320px;
    margin: 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-md);
}

.ei-practice-head[b-7710sgqiwo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-2) var(--vt-space-4);
    margin-bottom: var(--vt-space-2);
}

.ei-practice-head__title[b-7710sgqiwo] {
    margin: 0;
    color: var(--vt-text);
    font-family: var(--vt-font-display);
    font-size: var(--vt-text-lg);
    font-weight: 600;
}

.ei-practice-head__filter[b-7710sgqiwo] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-2);
}

.ei-practice-intro[b-7710sgqiwo] {
    margin: 0 0 var(--vt-space-4);
    color: var(--vt-text-muted);
    font-size: var(--vt-text-md);
    max-width: 80ch;
}

.ei-practice-note[b-7710sgqiwo] {
    margin: 0 0 var(--vt-space-4);
    color: var(--vt-warning-text);
    font-size: var(--vt-text-sm);
}

.ei-scenarios[b-7710sgqiwo] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--vt-space-4);
    margin: 0;
    padding: 0;
    list-style: none;
}

.ei-scenarios > li[b-7710sgqiwo] {
    display: flex;
}

.ei-scenario[b-7710sgqiwo] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--vt-space-2);
    padding: var(--vt-space-4);
    border: 1px solid var(--vt-border);
    border-radius: var(--vt-radius);
    background: var(--vt-surface);
    box-shadow: var(--vt-shadow-sm);
    color: var(--vt-text);
    text-align: start;
    transition: border-color var(--vt-motion-fast) var(--vt-ease), box-shadow var(--vt-motion-fast) var(--vt-ease);
}

.ei-scenario:hover[b-7710sgqiwo] {
    border-color: var(--vt-border-strong);
    box-shadow: var(--vt-shadow);
}

.ei-scenario:focus-visible[b-7710sgqiwo] {
    outline: none;
    border-color: var(--vt-primary);
    box-shadow: var(--vt-focus-ring);
}

.ei-scenario__tags[b-7710sgqiwo] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--vt-space-2);
}

.ei-scenario__title[b-7710sgqiwo] {
    font-size: var(--vt-text-md);
    font-weight: 600;
    line-height: var(--vt-leading-tight);
}

.ei-scenario__summary[b-7710sgqiwo] {
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.ei-scenario__meta[b-7710sgqiwo] {
    margin-top: auto;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-xs);
}

@media (prefers-reduced-motion: reduce) {
    .ei-scenario[b-7710sgqiwo] {
        transition: none;
    }
}
/* /Components/Pages/EmotionalIntelligence/EiRolePlay.razor.rz.scp.css */
/* A practice conversation (Wellbeing > Practise). Tokens only; the trust and score meters take their colour from a tone
   class (success, warning, danger) and always have their figure written beside them. */

.rp[b-vb2p6c1z86] {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    height: calc(100vh - 230px);
    min-height: 560px;
    overflow: hidden;
    background: var(--vt-surface);
    border: 1px solid var(--vt-border);
    border-radius: var(--vt-radius);
    box-shadow: var(--vt-shadow-sm);
}

.rp-brief[b-vb2p6c1z86] {
    overflow-y: auto;
    padding: var(--vt-space-6);
    border-inline-end: 1px solid var(--vt-border);
    background: var(--vt-surface-muted);
}

.rp-eyebrow[b-vb2p6c1z86] {
    margin: 0 0 var(--vt-space-1);
    color: var(--vt-primary);
    font-size: var(--vt-text-sm);
    font-weight: 600;
}

.rp-title[b-vb2p6c1z86] {
    margin: 0 0 var(--vt-space-4);
    color: var(--vt-text);
    font-family: var(--vt-font-display);
    font-size: var(--vt-text-xl);
    font-weight: 600;
    line-height: var(--vt-leading-tight);
}

.rp-label[b-vb2p6c1z86] {
    margin: 0 0 var(--vt-space-1);
    color: var(--vt-text-muted);
    font-family: var(--vt-font-body);
    font-size: var(--vt-text-xs);
    font-weight: 600;
}

.rp-text[b-vb2p6c1z86] {
    margin: 0 0 var(--vt-space-4);
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    line-height: var(--vt-leading-normal);
}

.rp-meter[b-vb2p6c1z86] {
    height: 8px;
    overflow: hidden;
    border-radius: var(--vt-radius-pill);
    background: var(--vt-border);
}

.rp-meter > span[b-vb2p6c1z86] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--vt-tone-solid);
    transition: width .6s var(--vt-ease);
}

.rp-meter__label[b-vb2p6c1z86] {
    margin: var(--vt-space-1) 0 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.rp-tip[b-vb2p6c1z86] {
    margin: var(--vt-space-6) 0 0;
    padding: var(--vt-space-3);
    border-radius: var(--vt-radius-sm);
    background: var(--vt-surface-tint);
    color: var(--vt-text);
    font-size: var(--vt-text-sm);
}

/* The conversation */
.rp-chat[b-vb2p6c1z86] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.rp-messages[b-vb2p6c1z86] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: var(--vt-space-6);
}

.rp-row[b-vb2p6c1z86] {
    display: flex;
    align-items: flex-end;
    gap: var(--vt-space-2);
    max-width: 80%;
    margin-bottom: var(--vt-space-3);
}

.rp-row--mine[b-vb2p6c1z86] {
    flex-direction: row-reverse;
    margin-inline-start: auto;
}

.rp-bubble[b-vb2p6c1z86] {
    padding: var(--vt-space-2) var(--vt-space-3);
    border-radius: 16px 16px 16px 4px;
    background: var(--vt-surface-muted);
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    line-height: var(--vt-leading-normal);
    overflow-wrap: anywhere;
}

.rp-row--mine .rp-bubble[b-vb2p6c1z86] {
    border-radius: 16px 16px 4px 16px;
    background: var(--vt-primary);
    color: var(--vt-on-primary);
}

.rp-bubble[b-vb2p6c1z86]  em {
    color: var(--vt-text-muted);
}

.rp-row--mine .rp-bubble[b-vb2p6c1z86]  em {
    color: inherit;
    opacity: .85;
}

.rp-typing[b-vb2p6c1z86] {
    display: inline-flex;
    gap: 4px;
}

.rp-typing i[b-vb2p6c1z86] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--vt-text-subtle);
    animation: rp-blink-b-vb2p6c1z86 1.2s infinite;
}

.rp-typing i:nth-child(2)[b-vb2p6c1z86] {
    animation-delay: .2s;
}

.rp-typing i:nth-child(3)[b-vb2p6c1z86] {
    animation-delay: .4s;
}

@keyframes rp-blink-b-vb2p6c1z86 {
    0%, 80%, 100% { opacity: .25; }
    40% { opacity: 1; }
}

.rp-compose[b-vb2p6c1z86] {
    padding: var(--vt-space-3) var(--vt-space-4);
    border-top: 1px solid var(--vt-border);
}

.rp-compose textarea[b-vb2p6c1z86] {
    resize: vertical;
}

.rp-compose__bar[b-vb2p6c1z86] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--vt-space-2);
    margin-top: var(--vt-space-2);
}

.rp-compose__help[b-vb2p6c1z86] {
    margin: 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-xs);
}

.rp-compose__actions[b-vb2p6c1z86] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--vt-space-2);
}

.rp-error[b-vb2p6c1z86] {
    display: flex;
    align-items: center;
    gap: var(--vt-space-2);
    margin: 0 0 var(--vt-space-2);
    padding: var(--vt-space-2) var(--vt-space-3);
    border-radius: var(--vt-radius-sm);
    background: var(--vt-warning-soft);
    color: var(--vt-warning-text);
    font-size: var(--vt-text-sm);
}

.rp-error[b-vb2p6c1z86]  .vt-icon {
    color: inherit;
}

/* The debrief */
.rp-debrief-head[b-vb2p6c1z86] {
    display: flex;
    align-items: center;
    gap: var(--vt-space-4);
    margin-bottom: var(--vt-space-4);
}

.rp-debrief-head .rp-title[b-vb2p6c1z86],
.rp-debrief-head .rp-text[b-vb2p6c1z86] {
    margin: 0;
}

.rp-score[b-vb2p6c1z86] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border: 5px solid var(--vt-tone-solid);
    border-radius: 50%;
    color: var(--vt-text);
    font-family: var(--vt-font-display);
    font-size: var(--vt-text-xl);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.rp-card[b-vb2p6c1z86] {
    margin-bottom: var(--vt-space-2);
    padding: var(--vt-space-3) var(--vt-space-4);
    border: 1px solid var(--vt-border);
    border-radius: var(--vt-radius-sm);
}

.rp-card .rp-text[b-vb2p6c1z86] {
    margin: 0;
}

.rp-card--tint[b-vb2p6c1z86] {
    background: var(--vt-surface-tint);
}

.rp-card--success[b-vb2p6c1z86] {
    border-color: transparent;
    background: var(--vt-success-soft);
}

.rp-area[b-vb2p6c1z86] {
    margin-bottom: var(--vt-space-3);
}

.rp-area__head[b-vb2p6c1z86] {
    display: flex;
    justify-content: space-between;
    gap: var(--vt-space-2);
    margin-bottom: var(--vt-space-1);
    color: var(--vt-text);
    font-size: var(--vt-text-sm);
    font-weight: 600;
}

.rp-area__evidence[b-vb2p6c1z86] {
    margin: var(--vt-space-1) 0 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.rp-list[b-vb2p6c1z86] {
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--vt-text);
    font-size: var(--vt-text-md);
}

.rp-list li[b-vb2p6c1z86] {
    display: flex;
    gap: var(--vt-space-2);
    margin-bottom: var(--vt-space-1);
}

.rp-list[b-vb2p6c1z86]  .rp-list__good {
    flex: none;
    color: var(--vt-success-text);
}

.rp-instead[b-vb2p6c1z86] {
    margin: 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
    text-decoration: line-through;
}

.rp-try[b-vb2p6c1z86] {
    display: flex;
    gap: var(--vt-space-2);
    margin: var(--vt-space-1) 0 0;
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-weight: 500;
}

.rp-debrief-actions[b-vb2p6c1z86] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--vt-space-2);
    margin-top: var(--vt-space-6);
}

@media (max-width: 991.98px) {
    .rp[b-vb2p6c1z86] {
        grid-template-columns: minmax(0, 1fr);
        height: auto;
    }

    .rp-brief[b-vb2p6c1z86] {
        border-inline-end: 0;
        border-bottom: 1px solid var(--vt-border);
    }

    .rp-messages[b-vb2p6c1z86] {
        max-height: 60vh;
    }

    .rp-row[b-vb2p6c1z86] {
        max-width: 92%;
    }
}

@media (max-width: 575.98px) {
    .rp-brief[b-vb2p6c1z86],
    .rp-messages[b-vb2p6c1z86] {
        padding: var(--vt-space-4);
    }
}

@media (prefers-reduced-motion: reduce) {
    .rp-meter > span[b-vb2p6c1z86] {
        transition: none;
    }

    .rp-typing i[b-vb2p6c1z86] {
        animation: none;
        opacity: .6;
    }
}
/* /Components/Pages/EmotionalIntelligence/EiScores.razor.rz.scp.css */
.ei-scores[b-v2lfuurn49] {
    display: flex;
    flex-direction: column;
    gap: var(--vt-space-2);
    margin: 0;
}

.ei-scores__row[b-v2lfuurn49] {
    display: grid;
    grid-template-columns: minmax(110px, 9rem) minmax(0, 1fr);
    align-items: center;
    gap: var(--vt-space-3);
}

.ei-scores__name[b-v2lfuurn49] {
    color: var(--vt-text);
    font-size: var(--vt-text-sm);
    font-weight: 500;
}

.ei-scores__value[b-v2lfuurn49] {
    display: flex;
    align-items: center;
    gap: var(--vt-space-2);
    margin: 0;
}

.ei-scores__bar[b-v2lfuurn49] {
    flex: 1 1 auto;
    height: 6px;
    overflow: hidden;
    border-radius: var(--vt-radius-pill);
    background: var(--vt-surface-muted);
}

.ei-scores__bar > span[b-v2lfuurn49] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--vt-primary);
}

.ei-scores__figure[b-v2lfuurn49] {
    min-width: 2ch;
    color: var(--vt-text);
    font-size: var(--vt-text-sm);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-align: end;
}
/* /Components/Pages/EmotionalIntelligence/EiTeam.razor.rz.scp.css */
/* Wellbeing > Your team. Tokens only (light and dark). */

.ei-team-top[b-8kgmapv2p5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: var(--vt-space-4);
    margin-bottom: var(--vt-space-6);
}

.ei-team-muted[b-8kgmapv2p5] {
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.ei-pulse__average[b-8kgmapv2p5] {
    margin: 0 0 var(--vt-space-3);
    color: var(--vt-text);
    font-family: var(--vt-font-display);
    font-size: var(--vt-text-3xl);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.ei-pulse__average span[b-8kgmapv2p5] {
    color: var(--vt-text-muted);
    font-family: var(--vt-font-body);
    font-size: var(--vt-text-md);
    font-weight: 500;
}

.ei-pulse__bars[b-8kgmapv2p5] {
    display: flex;
    flex-direction: column;
    gap: var(--vt-space-1);
    margin: 0 0 var(--vt-space-3);
    padding: 0;
    list-style: none;
}

.ei-pulse__bar[b-8kgmapv2p5] {
    display: grid;
    grid-template-columns: 7.5rem minmax(0, 1fr) 2ch;
    align-items: center;
    gap: var(--vt-space-2);
    font-size: var(--vt-text-xs);
}

.ei-pulse__label[b-8kgmapv2p5] {
    color: var(--vt-text-muted);
}

.ei-pulse__track[b-8kgmapv2p5] {
    height: 8px;
    overflow: hidden;
    border-radius: var(--vt-radius-pill);
    background: var(--vt-surface-muted);
}

.ei-pulse__track > span[b-8kgmapv2p5] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--vt-primary);
}

.ei-pulse__count[b-8kgmapv2p5] {
    color: var(--vt-text);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    text-align: end;
}

.ei-team-title[b-8kgmapv2p5] {
    margin: 0 0 var(--vt-space-3);
    color: var(--vt-text);
    font-family: var(--vt-font-display);
    font-size: var(--vt-text-lg);
    font-weight: 600;
}

.ei-people[b-8kgmapv2p5] {
    display: flex;
    flex-direction: column;
    gap: var(--vt-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.ei-person[b-8kgmapv2p5] {
    display: flex;
    align-items: flex-start;
    gap: var(--vt-space-3);
    padding: var(--vt-space-4);
    background: var(--vt-surface);
    border: 1px solid var(--vt-border);
    border-radius: var(--vt-radius);
}

.ei-person--flag[b-8kgmapv2p5] {
    border-inline-start: 3px solid var(--vt-warning);
}

.ei-person__main[b-8kgmapv2p5] {
    flex: 1 1 auto;
    min-width: 0;
}

.ei-person__head[b-8kgmapv2p5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-2);
}

.ei-person__name[b-8kgmapv2p5] {
    margin: 0;
    color: var(--vt-text);
    font-family: var(--vt-font-body);
    font-size: var(--vt-text-md);
    font-weight: 600;
}

.ei-person__facts[b-8kgmapv2p5] {
    margin: var(--vt-space-1) 0 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.ei-person__noticed[b-8kgmapv2p5] {
    margin: var(--vt-space-1) 0 0;
    color: var(--vt-text);
    font-size: var(--vt-text-sm);
}

.ei-person__note[b-8kgmapv2p5] {
    margin: var(--vt-space-2) 0 0;
    padding: var(--vt-space-2) var(--vt-space-3);
    border-radius: var(--vt-radius-sm);
    background: var(--vt-surface-tint);
    color: var(--vt-text);
    font-size: var(--vt-text-sm);
    font-style: italic;
}

.ei-person__actions[b-8kgmapv2p5] {
    display: flex;
    flex: none;
    flex-direction: column;
    gap: var(--vt-space-2);
}

.ei-panel[b-8kgmapv2p5] {
    margin-top: var(--vt-space-3);
    padding: var(--vt-space-3);
    border: 1px solid var(--vt-border);
    border-radius: var(--vt-radius-sm);
    background: var(--vt-surface-muted);
}

.ei-panel__error[b-8kgmapv2p5] {
    margin: 0 0 var(--vt-space-2);
    color: var(--vt-danger-text);
    font-size: var(--vt-text-sm);
}

.ei-plan[b-8kgmapv2p5] {
    margin: var(--vt-space-3) 0 0;
    padding: var(--vt-space-3);
    border: 1px solid var(--vt-border);
    border-radius: var(--vt-radius-sm);
    background: var(--vt-surface);
    color: var(--vt-text);
    font-size: var(--vt-text-sm);
}

.ei-plan dt[b-8kgmapv2p5] {
    margin-top: var(--vt-space-2);
    color: var(--vt-text-muted);
    font-size: var(--vt-text-xs);
    font-weight: 600;
}

.ei-plan dt:first-child[b-8kgmapv2p5] {
    margin-top: 0;
}

.ei-plan dd[b-8kgmapv2p5] {
    margin: 0;
}

.ei-plan ul[b-8kgmapv2p5] {
    margin: 0;
    padding-inline-start: 1.1rem;
}

@media (max-width: 991.98px) {
    .ei-team-top[b-8kgmapv2p5] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    .ei-person[b-8kgmapv2p5] {
        flex-wrap: wrap;
    }

    .ei-person__actions[b-8kgmapv2p5] {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .ei-person__actions .btn[b-8kgmapv2p5] {
        flex: 1 1 auto;
    }
}
/* /Components/Pages/Error/ErrorMessage.razor.rz.scp.css */
/* The error pages (D-02). Colours come from the theme (Bootstrap/Metronic variables), so light and dark both work. */

.vt-error-inapp .card-body[b-mas77n2vjv] {
    padding: 3.5rem 2rem;
}

.vt-error-body[b-mas77n2vjv] {
    max-width: 34rem;
    margin: 0 auto;
    text-align: center;
}

.vt-error-icon[b-mas77n2vjv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.5rem;
    height: 4.5rem;
    margin-bottom: 1.5rem;
    border-radius: 50%;
    background: var(--bs-primary-bg-subtle, rgba(27, 132, 255, .1));
}

.vt-error-icon i[b-mas77n2vjv] {
    font-size: 2.5rem;
    color: var(--bs-primary);
}

.vt-error-title[b-mas77n2vjv] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--bs-heading-color, var(--bs-body-color));
    margin-bottom: 1rem;
}

.vt-error-text[b-mas77n2vjv] {
    color: var(--bs-secondary-color);
    font-size: 1.05rem;
    margin-bottom: .5rem;
}

.vt-error-reference[b-mas77n2vjv] {
    margin: 1.5rem 0 0;
    padding: 1rem;
    border-radius: .75rem;
    background: var(--bs-tertiary-bg);
    color: var(--bs-secondary-color);
    font-size: .95rem;
}

.vt-error-code[b-mas77n2vjv] {
    color: var(--vt-text);   /* the theme's pink code colour is unreadable on the dark reference box (H-10) */
    font-size: .85rem;
    word-break: break-all;
    user-select: all;
}

.vt-error-actions[b-mas77n2vjv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .75rem;
    margin-top: 2rem;
}
/* /Components/Pages/FileSystem/Home.razor.rz.scp.css */
/* C-45: the File Manager. Colours, spacing and radii come from the design tokens (vt-tokens.css) only, so light and dark
   follow the theme. Compact header: the first row of files is visible without scrolling at 1440 × 900. */

.vt-fm[b-wmhocbfi29] {
    overflow: visible;
}

.vt-fm-head[b-wmhocbfi29] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--vt-space-4);
    padding: var(--vt-space-2) var(--vt-space-6) 0;
    border-bottom: 1px solid var(--vt-border);
}

.vt-fm-head[b-wmhocbfi29]  .nav-link {
    background: none;
    border: 0;
    padding: var(--vt-space-3) 0;
    margin-right: var(--vt-space-6);
}

.vt-fm-usage[b-wmhocbfi29] {
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
    white-space: nowrap;
}

.vt-fm-usage-placeholder[b-wmhocbfi29] {
    display: inline-block;
    width: 8rem;
}

.vt-fm-toolbar[b-wmhocbfi29] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--vt-space-3);
    padding: var(--vt-space-4) var(--vt-space-6) var(--vt-space-2);
}

.vt-fm-search[b-wmhocbfi29] {
    position: relative;
    flex: 1 1 18rem;
    max-width: 28rem;
}

.vt-fm-search input[b-wmhocbfi29] {
    padding-left: 2.75rem;
    padding-right: 2.5rem;
}

/* The page has its own clear button; the browser's own one would show a second cross. */
.vt-fm-search input[b-wmhocbfi29]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

.vt-fm-search[b-wmhocbfi29]  .vt-fm-search-icon {
    position: absolute;
    left: var(--vt-space-4);
    top: 50%;
    transform: translateY(-50%);
    color: var(--vt-text-muted);
    pointer-events: none;
}

.vt-fm-search-clear[b-wmhocbfi29] {
    position: absolute;
    right: var(--vt-space-1);
    top: 50%;
    transform: translateY(-50%);
    color: var(--vt-text-muted);
}

.vt-fm-actions[b-wmhocbfi29] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--vt-space-2);
}

.vt-fm-actions[b-wmhocbfi29]  .ki-duotone {
    margin-right: var(--vt-space-2);
}

.vt-fm-path[b-wmhocbfi29] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--vt-space-2);
    padding: var(--vt-space-2) var(--vt-space-6);
}

.vt-fm-path .breadcrumb[b-wmhocbfi29] {
    margin: 0;
}

.vt-fm-path a[b-wmhocbfi29] {
    color: var(--vt-link);
}

.vt-fm-count[b-wmhocbfi29] {
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.vt-fm-selected[b-wmhocbfi29] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--vt-space-2);
    margin: 0 var(--vt-space-6) var(--vt-space-2);
    padding: var(--vt-space-2) var(--vt-space-4);
    border-radius: var(--vt-radius);
    background: var(--vt-primary-soft);
    color: var(--vt-text);
}

.vt-fm-selected-actions[b-wmhocbfi29] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--vt-space-2);
}

.vt-fm-body[b-wmhocbfi29] {
    padding: 0 var(--vt-space-6) var(--vt-space-4);
}

.vt-fm-table th[b-wmhocbfi29],
.vt-fm-table td[b-wmhocbfi29] {
    vertical-align: middle;
}

.vt-fm-check[b-wmhocbfi29] {
    width: 2.25rem;
}

.vt-fm-size[b-wmhocbfi29] {
    width: 7rem;
}

.vt-fm-date[b-wmhocbfi29] {
    width: 11rem;
}

.vt-fm-owner[b-wmhocbfi29] {
    width: 12rem;
}

.vt-fm-menu[b-wmhocbfi29] {
    width: 3rem;
    text-align: right;
}

.vt-fm-sort[b-wmhocbfi29] {
    background: none;
    border: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.vt-fm-sort.active[b-wmhocbfi29] {
    color: var(--vt-text);
}

.vt-fm-row-selected > td[b-wmhocbfi29] {
    background: var(--vt-surface-tint);
}

.vt-fm-row-highlight > td[b-wmhocbfi29] {
    background: var(--vt-warning-soft);
}

.vt-fm-name[b-wmhocbfi29] {
    display: flex;
    align-items: center;
    gap: var(--vt-space-3);
    min-width: 0;
}

.vt-fm-name-text[b-wmhocbfi29] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.vt-fm-name-text > a[b-wmhocbfi29] {
    overflow-wrap: anywhere;
}

.vt-fm-link[b-wmhocbfi29],
.vt-fm-plain[b-wmhocbfi29] {
    color: var(--vt-text);
    font-weight: 600;
}

.vt-fm-link:hover[b-wmhocbfi29],
.vt-fm-link:focus-visible[b-wmhocbfi29] {
    color: var(--vt-link);
}

.vt-fm-muted[b-wmhocbfi29] {
    color: var(--vt-text-muted);
}

.vt-fm-kebab[b-wmhocbfi29] {
    color: var(--vt-text-muted);
    background: transparent;
}

.vt-fm-kebab:hover[b-wmhocbfi29],
.vt-fm-kebab:focus-visible[b-wmhocbfi29],
.vt-fm-kebab[aria-expanded="true"][b-wmhocbfi29] {
    color: var(--vt-text);
    background: var(--vt-surface-muted);
}

.vt-fm-location[b-wmhocbfi29],
.vt-fm-meta[b-wmhocbfi29] {
    color: var(--vt-text-muted);
    font-size: var(--vt-text-xs);
}

.vt-fm-shared[b-wmhocbfi29] {
    align-self: flex-start;
    margin-top: var(--vt-space-1);
    padding: 0 var(--vt-space-2);
    border: 0;
    border-radius: var(--vt-radius-pill);
    background: var(--vt-info-soft);
    color: var(--vt-info-text);
    font-size: var(--vt-text-xs);
    cursor: pointer;
}

.vt-fm-name-edit[b-wmhocbfi29] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-2);
}

.vt-fm-name-edit input[b-wmhocbfi29] {
    flex: 1 1 14rem;
    max-width: 24rem;
}

.vt-fm-error[b-wmhocbfi29] {
    margin-top: var(--vt-space-1);
    color: var(--vt-danger-text);
    font-size: var(--vt-text-sm);
}

.vt-fm-empty[b-wmhocbfi29] {
    padding: var(--vt-space-8) var(--vt-space-4);
    text-align: center;
    color: var(--vt-text-muted);
}

.vt-fm-empty-title[b-wmhocbfi29] {
    margin-bottom: var(--vt-space-2);
    color: var(--vt-text);
    font-size: var(--vt-text-lg);
    font-weight: 600;
}

.vt-fm-more[b-wmhocbfi29] {
    padding-top: var(--vt-space-4);
    text-align: center;
}

.vt-fm-bin-note[b-wmhocbfi29] {
    font-size: var(--vt-text-sm);
}

@media (max-width: 575.98px) {
    .vt-fm-head[b-wmhocbfi29],
    .vt-fm-toolbar[b-wmhocbfi29],
    .vt-fm-path[b-wmhocbfi29],
    .vt-fm-body[b-wmhocbfi29] {
        padding-left: var(--vt-space-4);
        padding-right: var(--vt-space-4);
    }

    .vt-fm-selected[b-wmhocbfi29] {
        margin-left: var(--vt-space-4);
        margin-right: var(--vt-space-4);
    }

    .vt-fm-search[b-wmhocbfi29] {
        max-width: none;
    }

    .vt-fm-usage[b-wmhocbfi29] {
        display: none;
    }
}
/* /Components/Pages/FileSystem/Partials/_MoveDialog.razor.rz.scp.css */
/* C-46: the list of places in the move window. Design tokens only. */

.vt-fm-move-list[b-42yey8zd58] {
    max-height: 22rem;
    overflow-y: auto;
    border: 1px solid var(--vt-border);
    border-radius: var(--vt-radius);
}

.vt-fm-move-option[b-42yey8zd58] {
    display: flex;
    align-items: center;
    gap: var(--vt-space-3);
    margin: 0;
    padding: var(--vt-space-2) var(--vt-space-3);
    border-bottom: 1px solid var(--vt-border);
    cursor: pointer;
}

.vt-fm-move-option:last-child[b-42yey8zd58] {
    border-bottom: 0;
}

.vt-fm-move-option:hover[b-42yey8zd58] {
    background: var(--vt-surface-muted);
}

.vt-fm-move-option.active[b-42yey8zd58] {
    background: var(--vt-primary-soft);
}

.vt-fm-move-path[b-42yey8zd58] {
    overflow-wrap: anywhere;
    color: var(--vt-text);
}

.vt-fm-dialog-text[b-42yey8zd58] {
    color: var(--vt-text-muted);
}
/* /Components/Pages/FileSystem/Partials/_ShareDialog.razor.rz.scp.css */
/* C-45: the share window. Design tokens only. */

.vt-fm-share-name[b-qmk8p2d02k] {
    color: var(--vt-text);
    font-weight: 600;
}

.vt-fm-dialog-text[b-qmk8p2d02k] {
    color: var(--vt-text-muted);
}

.vt-fm-dialog-text strong[b-qmk8p2d02k] {
    color: var(--vt-text);
}
/* /Components/Pages/Organisation/AddDepartmentPanel.razor.rz.scp.css */
/* Adding a department: tokens only. */
.adp-text[b-2q6fukp6zh] {
    margin: 0 0 var(--vt-space-3);
    color: var(--vt-text);
    font-size: var(--vt-text-md);
}
/* /Components/Pages/Organisation/MoveDepartmentPanel.razor.rz.scp.css */
/* Moving everything out of a department: tokens only. */
.mdp-text[b-33s5xo9g3g] {
    margin: 0 0 var(--vt-space-3);
    color: var(--vt-text);
    font-size: var(--vt-text-md);
}
/* /Components/Pages/Organisation/OrgDepartmentsManager.razor.rz.scp.css */
/* The organisation's departments: tokens only, so light and dark mode both work. */
.odm-list[b-8twrkxol0s] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.odm-row[b-8twrkxol0s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-3) var(--vt-space-4);
    padding: var(--vt-space-4) 0;
    border-bottom: 1px solid var(--vt-border);
}

.odm-list > .odm-row:last-child[b-8twrkxol0s] { border-bottom: 0; }

/* a basis, not the text's full width, so a long description doesn't push the buttons onto their own line */
.odm-main[b-8twrkxol0s] {
    flex: 1 1 300px;
    min-width: 0;
}

.odm-edit[b-8twrkxol0s] {
    flex: 1 1 100%;
    min-width: 0;
    max-width: 640px;
}

.odm-name[b-8twrkxol0s] {
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.odm-name a[b-8twrkxol0s] {
    color: var(--vt-text);
}

.odm-name a:hover[b-8twrkxol0s] {
    color: var(--vt-link);
}

.odm-about[b-8twrkxol0s] {
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
    overflow-wrap: anywhere;
}

.odm-facts[b-8twrkxol0s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-1) var(--vt-space-2);
    margin-top: var(--vt-space-1);
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.odm-actions[b-8twrkxol0s] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--vt-space-2);
}

.odm-archived-title[b-8twrkxol0s] {
    margin: var(--vt-space-6) 0 var(--vt-space-2);
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-weight: 600;
}

.odm-archived[b-8twrkxol0s] {
    color: var(--vt-text-muted);
}

@media (max-width: 575.98px) {
    .odm-actions[b-8twrkxol0s] { width: 100%; }
    .odm-actions .btn[b-8twrkxol0s] { flex: 1 1 auto; }
}
/* /Components/Pages/Organisation/OrgDetailsEditor.razor.rz.scp.css */
/* The organisation's details: tokens only. The details and the logo sit side by side on a wide screen. */
.ode-grid[b-l144n3i91y] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
    gap: var(--vt-space-6);
    align-items: start;
}

@media (max-width: 1199.98px) {
    .ode-grid[b-l144n3i91y] { grid-template-columns: minmax(0, 1fr); }
}

.ode-name-block[b-l144n3i91y] {
    margin-bottom: var(--vt-space-6);
}

.ode-label[b-l144n3i91y] {
    margin-bottom: 6px;
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-weight: 500;
}

.ode-name-row[b-l144n3i91y] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-3);
}

.ode-name[b-l144n3i91y] {
    color: var(--vt-text);
    font-size: var(--vt-text-lg);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.ode-value[b-l144n3i91y] {
    min-height: 40px;
    padding-top: 8px;
    color: var(--vt-text);
    font-size: var(--vt-text-md);
}

.ode-rename[b-l144n3i91y] {
    margin-top: var(--vt-space-3);
    padding: var(--vt-space-4);
    border: 1px dashed var(--vt-border-strong);
    border-radius: var(--vt-radius-sm);
}

.ode-actions[b-l144n3i91y] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--vt-space-2);
}
/* /Components/Pages/Organisation/OrgHistoryList.razor.rz.scp.css */
/* The organisation's history: tokens only. */
.ohl-list[b-9hc5u8hdev] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ohl-row[b-9hc5u8hdev] {
    display: flex;
    gap: var(--vt-space-3);
    align-items: flex-start;
    padding: var(--vt-space-3) 0;
    border-bottom: 1px solid var(--vt-border);
}

.ohl-row:last-child[b-9hc5u8hdev] { border-bottom: 0; }

.ohl-row[b-9hc5u8hdev]  .ohl-kind {
    flex-shrink: 0;
    min-width: 6.5rem;
    justify-content: center;
    white-space: nowrap;
}

.ohl-text[b-9hc5u8hdev] {
    min-width: 0;
}

.ohl-summary[b-9hc5u8hdev] {
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    overflow-wrap: anywhere;
}

.ohl-when[b-9hc5u8hdev] {
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

@media (max-width: 575.98px) {
    .ohl-row[b-9hc5u8hdev] { flex-direction: column; gap: var(--vt-space-1); }
}
/* /Components/Pages/Organisation/OrgLogoField.razor.rz.scp.css */
/* The organisation's logo: tokens only. */
.olf[b-k369p3kort] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-4);
}

.olf-preview[b-k369p3kort] {
    width: 96px;
    height: 96px;
    flex-shrink: 0;
    border-radius: var(--vt-radius);
    border: 1px dashed var(--vt-border-strong);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* a light chequer shows whether a logo's background is transparent */
    background: repeating-conic-gradient(var(--vt-surface-muted) 0% 25%, var(--vt-surface) 0% 50%) 50% / 16px 16px;
}

.olf-preview img[b-k369p3kort] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.olf-initial[b-k369p3kort] {
    color: var(--vt-primary);
    font-family: var(--vt-font-display);
    font-size: var(--vt-text-3xl);
    font-weight: 600;
}

.olf-side[b-k369p3kort] {
    flex: 1 1 200px;
    min-width: 0;
}

.olf-buttons[b-k369p3kort] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--vt-space-2);
}

.olf-pick[b-k369p3kort] {
    position: relative;
    overflow: hidden;
}

/* the file box covers the button: it gets the clicks and the keyboard focus, the button shows the focus ring */
.olf-pick[b-k369p3kort]  .olf-file {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.olf-pick:focus-within[b-k369p3kort] {
    outline: 2px solid var(--vt-primary);
    outline-offset: 2px;
}

.olf-hint[b-k369p3kort] {
    margin: var(--vt-space-2) 0 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.olf-error[b-k369p3kort] {
    margin: var(--vt-space-2) 0 0;
    color: var(--vt-danger-text);
    font-size: var(--vt-text-sm);
}
/* /Components/Pages/Organisation/OrgPeopleManager.razor.rz.scp.css */
/* The organisation's people: tokens only, so light and dark mode both work. */
.opm-toolbar[b-q8fdvrx9xn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-3);
    margin-bottom: var(--vt-space-4);
}

.opm-toolbar[b-q8fdvrx9xn]  .vt-search {
    flex: 1 1 240px;
    max-width: 320px;
}

.opm-list[b-q8fdvrx9xn] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.opm-row[b-q8fdvrx9xn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-3) var(--vt-space-4);
    padding: var(--vt-space-4) 0;
    border-bottom: 1px solid var(--vt-border);
}

.opm-row:last-child[b-q8fdvrx9xn] { border-bottom: 0; }

.opm-main[b-q8fdvrx9xn] {
    flex: 1 1 300px;
    min-width: 0;
}

.opm-name[b-q8fdvrx9xn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-2);
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.opm-email[b-q8fdvrx9xn] {
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
    overflow-wrap: anywhere;
}

.opm-facts[b-q8fdvrx9xn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-1) var(--vt-space-2);
    margin-top: var(--vt-space-1);
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

.opm-left .opm-name[b-q8fdvrx9xn],
.opm-left .opm-email[b-q8fdvrx9xn] {
    color: var(--vt-text-muted);
}

.opm-actions[b-q8fdvrx9xn] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--vt-space-2);
}

.opm-more[b-q8fdvrx9xn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--vt-space-3);
    margin-top: var(--vt-space-4);
}

.opm-more p[b-q8fdvrx9xn] {
    margin: 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

@media (max-width: 575.98px) {
    .opm-toolbar[b-q8fdvrx9xn]  .vt-search { max-width: none; }
    .opm-actions[b-q8fdvrx9xn] { width: 100%; }
    .opm-actions .btn[b-q8fdvrx9xn] { flex: 1 1 auto; }
}
/* /Components/Pages/Organisation/OrgSidePanel.razor.rz.scp.css */
/* The organisation screens' side panel: tokens only, so it follows light and dark mode. 520 px, never wider than the
   screen; the footer puts Cancel on the left and the action on the right (VtDialogLayout's order). */
.osp-backdrop[b-momgj2s5hc] {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--vt-ink) 40%, transparent);
    z-index: var(--vt-z-drawer);
}

.osp[b-momgj2s5hc] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(520px, 100%);   /* 100%, not 100vw: a fixed box measures against the screen without its scrollbar */
    background: var(--vt-surface);
    color: var(--vt-text);
    z-index: calc(var(--vt-z-drawer) + 1);
    display: flex;
    flex-direction: column;
    box-shadow: var(--vt-shadow-lg);
    outline: 0;
}

@media (prefers-reduced-motion: no-preference) {
    .osp[b-momgj2s5hc] { animation: osp-in-b-momgj2s5hc var(--vt-motion) var(--vt-ease); }
}

@keyframes osp-in-b-momgj2s5hc {
    from { transform: translateX(30px); opacity: 0; }
    to { transform: none; opacity: 1; }
}

.osp-head[b-momgj2s5hc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--vt-space-4);
    padding: 20px var(--vt-space-6);
    border-bottom: 1px solid var(--vt-border);
}

.osp-heading[b-momgj2s5hc] {
    min-width: 0;
}

.osp-eyebrow[b-momgj2s5hc] {
    margin-bottom: 2px;
    color: var(--vt-primary);
    font-size: var(--vt-text-xs);
    font-weight: 600;
}

.osp-title[b-momgj2s5hc] {
    margin: 0;
    color: var(--vt-text);
    font-family: var(--vt-font-display);
    font-size: var(--vt-text-xl);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.osp-close[b-momgj2s5hc] {
    flex: none;
}

.osp-body[b-momgj2s5hc] {
    flex: 1;
    overflow-y: auto;
    padding: var(--vt-space-4) var(--vt-space-6) var(--vt-space-6);
}

.osp-foot[b-momgj2s5hc] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--vt-space-2);
    padding: var(--vt-space-3) var(--vt-space-6);
    border-top: 1px solid var(--vt-border);
}

@media (max-width: 575.98px) {
    .osp-head[b-momgj2s5hc], .osp-foot[b-momgj2s5hc] {
        padding-inline: var(--vt-space-4);
    }

    .osp-body[b-momgj2s5hc] {
        padding-inline: var(--vt-space-4);
    }
}

/* Shared by the panels' content (rendered by the page that opens the panel). */
.osp-body[b-momgj2s5hc]  .osp-step {
    margin: var(--vt-space-6) 0 var(--vt-space-2);
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-weight: 600;
}

.osp-body[b-momgj2s5hc]  .osp-info {
    margin-top: var(--vt-space-3);
    padding: var(--vt-space-3);
    background: var(--vt-surface-tint);
    border-radius: var(--vt-radius-sm);
    color: var(--vt-text);
    font-size: var(--vt-text-sm);
}

.osp-body[b-momgj2s5hc]  .osp-radios {
    display: flex;
    flex-direction: column;
    gap: var(--vt-space-2);
}

.osp-body[b-momgj2s5hc]  .osp-radios label {
    display: flex;
    gap: var(--vt-space-2);
    align-items: baseline;
    color: var(--vt-text);
    font-weight: 600;
}

.osp-body[b-momgj2s5hc]  .osp-radios .form-check-input {
    flex: none;
    width: 18px;
    height: 18px;
    margin: 0;
    transform: translateY(3px);
}

.osp-body[b-momgj2s5hc]  .osp-radios .osp-sub {
    display: block;
    color: var(--vt-text-muted);
    font-weight: 400;
}

.osp-body[b-momgj2s5hc]  .osp-check {
    display: flex;
    align-items: flex-start;
    gap: var(--vt-space-2);
    margin: var(--vt-space-4) 0 0;
    padding: 0;
    min-height: 0;
}

.osp-body[b-momgj2s5hc]  .osp-check .form-check-input {
    float: none;
    flex: none;
    width: 20px;
    height: 20px;
    margin: 0;
}

.osp-body[b-momgj2s5hc]  .osp-check .form-check-label {
    color: var(--vt-text);
}
/* /Components/Pages/Organisation/OrgUsage.razor.rz.scp.css */
.ou[b-0duhh81t70] { display: flex; flex-direction: column; gap: var(--vt-space-6); }
.ou-tiles[b-0duhh81t70] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--vt-space-3); }
.ou-tile[b-0duhh81t70] { display: flex; flex-direction: column; gap: 4px; padding: var(--vt-space-4); background: var(--vt-surface); border: 1px solid var(--vt-border); border-radius: var(--vt-radius); }
.ou-label[b-0duhh81t70] { font-size: var(--vt-text-sm); font-weight: 600; color: var(--vt-text-muted); }
.ou-value[b-0duhh81t70] { font-size: var(--vt-text-3xl); font-weight: 600; line-height: var(--vt-leading-tight); color: var(--vt-text); }
.ou-sub[b-0duhh81t70] { font-size: var(--vt-text-xs); color: var(--vt-text-muted); }
.ou-sub a[b-0duhh81t70] { color: var(--vt-link); }
.ou-muted[b-0duhh81t70] { font-size: var(--vt-text-xs); color: var(--vt-text-muted); font-weight: 400; }
.ou-rates[b-0duhh81t70] { font-size: var(--vt-text-sm); }
.ou-rates th[b-0duhh81t70] { white-space: nowrap; font-size: var(--vt-text-xs); color: var(--vt-text-muted); }
.ou-rates tbody th[b-0duhh81t70] { font-size: var(--vt-text-sm); color: var(--vt-text); white-space: normal; min-width: 140px; }
.ou-total th[b-0duhh81t70] { font-weight: 600; }
.ou-foot[b-0duhh81t70] { margin: var(--vt-space-3) 0 0; font-size: var(--vt-text-xs); color: var(--vt-text-subtle); }
.ou-grid[b-0duhh81t70] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--vt-space-6); }
.ou-people[b-0duhh81t70] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.ou-people li[b-0duhh81t70] { display: flex; align-items: center; justify-content: space-between; gap: var(--vt-space-3); padding: var(--vt-space-3) 0; border-bottom: 1px solid var(--vt-border); }
.ou-people li:last-child[b-0duhh81t70] { border-bottom: 0; }
.ou-wait[b-0duhh81t70] { text-align: right; flex-shrink: 0; max-width: 45%; }

@media (max-width: 1399.98px) {
  .ou-grid[b-0duhh81t70] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 575.98px) {
  .ou-tiles[b-0duhh81t70] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ou-value[b-0duhh81t70] { font-size: var(--vt-text-2xl); }
  .ou-people li[b-0duhh81t70] { flex-wrap: wrap; }
  .ou-wait[b-0duhh81t70] { text-align: left; max-width: none; }
}
/* /Components/Pages/Organisation/RateCell.razor.rz.scp.css */
.rc[b-x85deg6pdn] { background: color-mix(in srgb, var(--vt-primary) var(--rc-tint, 0%), transparent); min-width: 72px; padding: var(--vt-space-2) !important; }
.rc-none[b-x85deg6pdn] { color: var(--vt-text-subtle); }
.rc-pct[b-x85deg6pdn] { display: block; font-weight: 600; color: var(--vt-text); }
.rc-of[b-x85deg6pdn] { display: block; font-size: var(--vt-text-xs); color: var(--vt-text-muted); }
@media (forced-colors: active) { .rc[b-x85deg6pdn] { background: Canvas; } }
/* /Components/Pages/ReportBuilder/ReportBuilder.razor.rz.scp.css */
/* The Report Builder (C-48): the summary stays in view beside the settings on wide screens. */
@media (min-width: 1200px) {
    .vt-report-summary[b-4z6owmf2wt] {
        position: sticky;
        top: calc(var(--bs-app-header-height, 70px) + 1.5rem);
    }
}

.vt-report-facts[b-4z6owmf2wt] {
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 1rem;
    row-gap: 0.6rem;
    margin: 0;
}

.vt-report-facts dt[b-4z6owmf2wt] {
    font-weight: 600;
    color: var(--bs-gray-700);
}

.vt-report-facts dd[b-4z6owmf2wt] {
    margin: 0;
    color: var(--bs-gray-900);
    overflow-wrap: anywhere;
}
/* /Components/Pages/Risk/Kanban/Kanban.razor.rz.scp.css */
/* The risk board (B-21). Tokens only, so it reads the same in light and dark mode. Each column carries its status's
   tone class (vt-tone-neutral / -info / -success), which sets --vt-tone-solid for the 3 px line above its header. */

.rb-board[b-fbxzotsyvu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--vt-space-4);
    align-items: start;
}

.rb-col[b-fbxzotsyvu] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--vt-surface);
    border: 1px solid var(--vt-border);
    border-radius: var(--vt-radius);
    box-shadow: var(--vt-shadow-sm);
    transition: opacity var(--vt-motion) var(--vt-ease);
}

.rb-col__head[b-fbxzotsyvu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--vt-space-2);
    padding: var(--vt-space-3) var(--vt-space-4);
    background: var(--vt-surface-muted);
    border-top: 3px solid var(--vt-tone-solid);
    border-radius: var(--vt-radius) var(--vt-radius) 0 0;
}

.rb-col__title[b-fbxzotsyvu] {
    margin: 0;
    color: var(--vt-text);
    font-family: var(--vt-font-body);
    font-size: var(--vt-text-md);
    font-weight: 600;
    line-height: var(--vt-leading-tight);
}

.rb-col__body[b-fbxzotsyvu] {
    display: flex;
    flex-direction: column;
    gap: var(--vt-space-3);
    min-height: 140px;
    padding: var(--vt-space-3);
}

/* While a card is dragged: the columns it may go to get a dashed brand outline and a "Drop here" line; the others
   fade and say why (never colour alone). */
.rb-board--dragging .rb-col--target[b-fbxzotsyvu] {
    outline: 2px dashed var(--vt-primary);
    outline-offset: -2px;
}

.rb-board--dragging .rb-col--blocked[b-fbxzotsyvu] {
    opacity: .55;
}

.rb-drop[b-fbxzotsyvu] {
    margin: 0;
    padding: var(--vt-space-3);
    border: 1px dashed var(--vt-border-strong);
    border-radius: var(--vt-radius-sm);
    background: var(--vt-primary-soft);
    color: var(--vt-text);
    font-size: var(--vt-text-sm);
    text-align: center;
}

.rb-drop--blocked[b-fbxzotsyvu] {
    background: var(--vt-surface-muted);
    color: var(--vt-text-muted);
}

/* A card */
.rb-card[b-fbxzotsyvu] {
    display: flex;
    flex-direction: column;
    gap: var(--vt-space-2);
    min-width: 0;
    padding: var(--vt-space-3);
    background: var(--vt-surface);
    border: 1px solid var(--vt-border);
    border-radius: var(--vt-radius-sm);
    cursor: grab;
    transition: border-color var(--vt-motion-fast) var(--vt-ease), box-shadow var(--vt-motion-fast) var(--vt-ease);
}

.rb-card:hover[b-fbxzotsyvu] {
    border-color: var(--vt-border-strong);
    box-shadow: var(--vt-shadow-sm);
}

.rb-card:focus-within[b-fbxzotsyvu] {
    border-color: var(--vt-primary);
}

.rb-card--dragged[b-fbxzotsyvu],
.rb-card--moving[b-fbxzotsyvu] {
    opacity: .5;
}

.rb-card--moving[b-fbxzotsyvu] {
    cursor: progress;
}

.rb-card--moved[b-fbxzotsyvu] {
    border-color: var(--vt-primary);
    box-shadow: var(--vt-focus-ring);
}

.rb-card__head[b-fbxzotsyvu] {
    display: flex;
    align-items: center;
    gap: var(--vt-space-2);
    min-width: 0;
}

.rb-card__handle[b-fbxzotsyvu] {
    flex: none;
    color: var(--vt-text-subtle);
    font-size: var(--vt-text-lg);
    line-height: 1;
}

.rb-card__code[b-fbxzotsyvu] {
    color: var(--vt-text-muted);
    font-size: var(--vt-text-xs);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    letter-spacing: .02em;
    white-space: nowrap;
}

.rb-card__spacer[b-fbxzotsyvu] {
    flex: 1 1 auto;
}

.rb-card__title[b-fbxzotsyvu] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    overflow-wrap: anywhere;
    color: var(--vt-text);
    font-size: var(--vt-text-md);
    font-weight: 600;
    line-height: var(--vt-leading-tight);
    text-decoration: none;
}

.rb-card__title:hover[b-fbxzotsyvu] {
    color: var(--vt-link);
    text-decoration: underline;
}

.rb-card__title:focus-visible[b-fbxzotsyvu] {
    outline: none;
    border-radius: 2px;
    box-shadow: var(--vt-focus-ring);
}

.rb-card__people[b-fbxzotsyvu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-2) var(--vt-space-3);
    min-width: 0;
}

.rb-card__owner[b-fbxzotsyvu] {
    display: inline-flex;
    align-items: center;
    gap: var(--vt-space-2);
    min-width: 0;
    max-width: 100%;
    color: var(--vt-text);
    font-size: var(--vt-text-sm);
}

.rb-card__owner-name[b-fbxzotsyvu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rb-card__facts[b-fbxzotsyvu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vt-space-1) var(--vt-space-3);
    color: var(--vt-text-muted);
    font-size: var(--vt-text-xs);
}

.rb-card__facts > span[b-fbxzotsyvu] {
    display: inline-flex;
    align-items: center;
    gap: var(--vt-space-1);
}

.rb-card__overdue[b-fbxzotsyvu] {
    color: var(--vt-danger-text);
    font-weight: 600;
}

.rb-more[b-fbxzotsyvu] {
    align-self: center;
}

.rb-note[b-fbxzotsyvu] {
    margin: var(--vt-space-4) 0 0;
    color: var(--vt-text-muted);
    font-size: var(--vt-text-sm);
}

/* The column picker is for phones only: there the board shows one column at a time. */
.rb-phone-picker[b-fbxzotsyvu] {
    display: none;
}

@media (max-width: 767.98px) {
    .rb-phone-picker[b-fbxzotsyvu] {
        display: block;
        margin-bottom: var(--vt-space-3);
    }

    .rb-board[b-fbxzotsyvu] {
        grid-template-columns: minmax(0, 1fr);
    }

    .rb-board:not(.rb-board--loading) .rb-col:not(.rb-col--shown)[b-fbxzotsyvu] {
        display: none;
    }

    .rb-board--loading .rb-col + .rb-col[b-fbxzotsyvu] {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .rb-board[b-fbxzotsyvu] {
        gap: var(--vt-space-3);
    }

    .rb-col__body[b-fbxzotsyvu] {
        padding: var(--vt-space-2);
    }
}

@media (prefers-reduced-motion: reduce) {
    .rb-col[b-fbxzotsyvu],
    .rb-card[b-fbxzotsyvu] {
        transition: none;
    }
}
/* /Components/Pages/Risk/Partials/OrganisationRiskRegister.razor.rz.scp.css */
/* O-03: the organisation's risk register. Colours come from the design tokens (css/vt-tokens.css, B-01), which carry
   their own dark-mode values. */
.vt-or-filter[b-ewlg82nlqd] { min-width: 160px; flex: 0 1 200px; }
/* On a phone, two filters side by side, each as wide as it can be. */
@media (max-width: 575.98px) {
    .vt-or-filter[b-ewlg82nlqd] { min-width: 0; flex: 1 1 calc(50% - .75rem); }
}

.vt-or-table thead th[b-ewlg82nlqd] { border-bottom: 1px solid var(--vt-border) !important; padding-top: .9rem; padding-bottom: .9rem; }
.vt-or-th[b-ewlg82nlqd] {
    background: none; border: 0; padding: 0; color: inherit; font: inherit; text-transform: inherit;
    display: inline-flex; align-items: center; gap: .3rem;
}
.vt-or-th:hover[b-ewlg82nlqd] { color: var(--vt-text); }

.vt-or-row[b-ewlg82nlqd] { cursor: pointer; }
.vt-or-row:hover td[b-ewlg82nlqd] { background: var(--vt-surface-muted); }
/* Room on the left of the first column for the escalated marker, on every row so the column stays aligned. */
.vt-or-table th:first-child[b-ewlg82nlqd], .vt-or-table td:first-child[b-ewlg82nlqd] { padding-left: .75rem; }
.vt-or-escalated td:first-child[b-ewlg82nlqd] { box-shadow: inset 3px 0 0 var(--vt-warning); }
.vt-or-highlight td[b-ewlg82nlqd] { background: var(--vt-warning-soft) !important; }

.vt-or-risk[b-ewlg82nlqd] { max-width: 420px; }
.vt-or-title[b-ewlg82nlqd] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* While a newer page loads, the current one stays readable but quiet. */
.vt-or-busy tbody[b-ewlg82nlqd] { opacity: .55; transition: opacity var(--vt-motion-fast, 120ms) var(--vt-ease, ease); }

.vt-or-skeleton[b-ewlg82nlqd] {
    height: 18px; border-radius: var(--vt-radius-sm);
    background: linear-gradient(90deg, var(--vt-surface-muted) 25%, var(--vt-surface) 50%, var(--vt-surface-muted) 75%);
    background-size: 200% 100%; animation: vt-or-shimmer-b-ewlg82nlqd 1.2s infinite;
}
@keyframes vt-or-shimmer-b-ewlg82nlqd { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .vt-or-skeleton[b-ewlg82nlqd] { animation: none; } }

/* The "High" level badge (RiskDisplay.BadgeClass), as on the department register. */
.rr-badge-orange[b-ewlg82nlqd] { background: var(--vt-risk-4); color: var(--vt-risk-4-text); }
/* /Components/Pages/Risk/Partials/RiskEscalationCard.razor.rz.scp.css */
/* O-03: the escalation card on a risk's page. Colours come from the design tokens (css/vt-tokens.css, B-01), which carry
   their own dark-mode values. */
.vt-esc[b-pxh3a2in04] { border-inline-start: 4px solid var(--vt-border); }
.vt-esc-waiting[b-pxh3a2in04] { border-inline-start-color: var(--vt-warning); background: var(--vt-warning-soft); }
.vt-esc-accepted[b-pxh3a2in04] { border-inline-start-color: var(--vt-success); }
.vt-esc-returned[b-pxh3a2in04] { border-inline-start-color: var(--vt-neutral); }

.vt-esc-icon[b-pxh3a2in04] {
    display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
    width: 40px; height: 40px; border-radius: var(--vt-radius-pill);
    background: var(--vt-surface-muted); color: var(--vt-text-muted);
}
.vt-esc-waiting .vt-esc-icon[b-pxh3a2in04] { background: var(--vt-surface); color: var(--vt-warning-text); }
.vt-esc-accepted .vt-esc-icon[b-pxh3a2in04] { background: var(--vt-success-soft); color: var(--vt-success-text); }

.vt-esc-quote[b-pxh3a2in04] {
    white-space: pre-wrap; overflow-wrap: anywhere;
    padding: var(--vt-space-2) var(--vt-space-3); border-radius: var(--vt-radius-sm);
    background: var(--vt-surface); border-inline-start: 3px solid var(--vt-border-strong);
}

.vt-esc-history[b-pxh3a2in04] { border-top: 1px dashed var(--vt-border); }
.vt-esc-history li + li[b-pxh3a2in04] { border-top: 1px dashed var(--vt-border); }
/* /Components/Shared/OrgChart.razor.rz.scp.css */
/* O-06 organisation chart. Colours come from the theme's variables, so it follows light and dark. */
.vt-orgchart__scroll[b-2beg1xg9dt] {
    overflow: auto;
    max-height: 75vh;
    padding: 0.5rem;
    border: 1px dashed var(--bs-gray-300);
    border-radius: 0.625rem;
    background: var(--bs-gray-100);
}

.vt-orgchart__scroll:focus-visible[b-2beg1xg9dt] {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

.vt-orgchart__svg[b-2beg1xg9dt] {
    display: block;
    margin-inline: auto;
    font-family: inherit;
}

.vt-orgchart__svg.is-fit[b-2beg1xg9dt] {
    width: 100%;
    height: auto;
}

.oc-node[b-2beg1xg9dt] {
    fill: var(--bs-body-bg);
    stroke: var(--bs-gray-300);
    stroke-width: 1.25;
}

.oc-ceo .oc-node[b-2beg1xg9dt] {
    fill: var(--bs-primary-light);
    stroke: var(--bs-primary);
}

.oc-line[b-2beg1xg9dt] {
    fill: none;
    stroke: var(--bs-gray-500);
    stroke-width: 1.5;
}

.oc-name[b-2beg1xg9dt] {
    fill: var(--bs-gray-900);
    font-size: 13px;
    font-weight: 600;
}

.oc-meta[b-2beg1xg9dt] {
    fill: var(--bs-gray-700);
    font-size: 12px;
}
/* /Components/Shared/UI/VtRiskMatrix.razor.rz.scp.css */
/* Risk-level colours: the design tokens (--vt-risk-N, --vt-risk-N-text) when the token sheet is loaded, these fallbacks until then. */
.vt-rm[b-d4z2p3q70e] {
    --vt-rm-1: var(--vt-risk-1, #DCF5E6); --vt-rm-1-text: var(--vt-risk-1-text, #0B6B35);
    --vt-rm-2: var(--vt-risk-2, #F3F7C9); --vt-rm-2-text: var(--vt-risk-2-text, #5B6300);
    --vt-rm-3: var(--vt-risk-3, #FDE9C4); --vt-rm-3-text: var(--vt-risk-3-text, #7A4800);
    --vt-rm-4: var(--vt-risk-4, #F9C9B5); --vt-rm-4-text: var(--vt-risk-4-text, #8A2E0B);
    --vt-rm-5: var(--vt-risk-5, #F3A5B5); --vt-rm-5-text: var(--vt-risk-5-text, #9B0F33);
    --vt-rm-muted: var(--vt-text-muted, #4D5A70);
    --vt-rm-ink: var(--vt-text, #0B1B33);
    --vt-rm-ring: var(--vt-primary, #195BBB);
    margin: 0;
    width: 100%;
    max-width: 520px;
}

[data-bs-theme=dark] .vt-rm[b-d4z2p3q70e] {
    --vt-rm-1: var(--vt-risk-1, #123A27); --vt-rm-1-text: var(--vt-risk-1-text, #8FE0B2);
    --vt-rm-2: var(--vt-risk-2, #33380F); --vt-rm-2-text: var(--vt-risk-2-text, #E2E98A);
    --vt-rm-3: var(--vt-risk-3, #3E2D0C); --vt-rm-3-text: var(--vt-risk-3-text, #F7C97F);
    --vt-rm-4: var(--vt-risk-4, #47220F); --vt-rm-4-text: var(--vt-risk-4-text, #F8B394);
    --vt-rm-5: var(--vt-risk-5, #4A1424); --vt-rm-5-text: var(--vt-risk-5-text, #FFB3C4);
    --vt-rm-muted: var(--vt-text-muted, #A9B4C6);
    --vt-rm-ink: var(--vt-text, #E8EDF5);
    --vt-rm-ring: var(--vt-primary, #4F8AE0);
}

.vt-rm-t1[b-d4z2p3q70e] { background: var(--vt-rm-1); color: var(--vt-rm-1-text); }
.vt-rm-t2[b-d4z2p3q70e] { background: var(--vt-rm-2); color: var(--vt-rm-2-text); }
.vt-rm-t3[b-d4z2p3q70e] { background: var(--vt-rm-3); color: var(--vt-rm-3-text); }
.vt-rm-t4[b-d4z2p3q70e] { background: var(--vt-rm-4); color: var(--vt-rm-4-text); }
.vt-rm-t5[b-d4z2p3q70e] { background: var(--vt-rm-5); color: var(--vt-rm-5-text); }

/* ── Full matrix ─────────────────────────────────────────────────────────── */

.vt-rm-grid[b-d4z2p3q70e] {
    display: grid;
    grid-template-columns: minmax(3.25rem, max-content) repeat(5, minmax(0, 1fr));
    gap: 2px;
    align-items: stretch;
}

.vt-rm-axis-title[b-d4z2p3q70e] {
    grid-column: 1 / -1;
    font-size: 12px;
    font-weight: 600;
    color: var(--vt-rm-muted);
    padding-bottom: 4px;
}

.vt-rm-axis-x[b-d4z2p3q70e] { grid-column: 2 / -1; text-align: center; padding: 4px 0 0; }

.vt-rm-spacer[b-d4z2p3q70e] { min-height: 0; }

.vt-rm-ylabel[b-d4z2p3q70e],
.vt-rm-xlabel[b-d4z2p3q70e] {
    font-size: 12px;
    font-weight: 500;
    color: var(--vt-rm-muted);
    line-height: 1.2;
}

.vt-rm-ylabel[b-d4z2p3q70e] { display: flex; align-items: center; justify-content: flex-end; text-align: right; padding-right: 6px; }
.vt-rm-xlabel[b-d4z2p3q70e] { text-align: center; padding-top: 4px; word-break: keep-all; overflow-wrap: normal; hyphens: none; }

.vt-rm-cell[b-d4z2p3q70e] {
    aspect-ratio: 1;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-width: 0;
    text-decoration: none;
    transition: box-shadow 120ms ease;
}

a.vt-rm-cell:hover[b-d4z2p3q70e] { box-shadow: inset 0 0 0 2px currentColor; }
a.vt-rm-cell:focus-visible[b-d4z2p3q70e] { outline: 3px solid var(--vt-rm-ring); outline-offset: 1px; }

.vt-rm-n[b-d4z2p3q70e] { font-size: 16px; font-weight: 700; line-height: 1; }

.vt-rm-lvl[b-d4z2p3q70e] {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    opacity: .8;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Too narrow for words in the cells: the legend, tooltip and screen-reader labels still name each level. */
@media (max-width: 575.98px) {
    .vt-rm-lvl[b-d4z2p3q70e] { display: none; }
}

.vt-rm-legend[b-d4z2p3q70e] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin-top: 12px;
    padding-left: 3.25rem;
    font-size: 12px;
    font-weight: 500;
    color: var(--vt-rm-muted);
}

.vt-rm-key[b-d4z2p3q70e] { display: inline-flex; align-items: center; gap: 6px; }
.vt-rm-swatch[b-d4z2p3q70e] { width: 12px; height: 12px; border-radius: 3px; display: inline-block; }

/* ── Compact (the risk page) ─────────────────────────────────────────────── */

.vt-rm-compact[b-d4z2p3q70e] { width: auto; max-width: none; }

.vt-rm-cgrid[b-d4z2p3q70e] {
    display: grid;
    grid-template-columns: repeat(5, 16px);
    grid-template-rows: repeat(5, 16px);
    gap: 2px;
}

.vt-rm-ccell[b-d4z2p3q70e] { border-radius: 3px; }

.vt-rm-ccell.vt-rm-here[b-d4z2p3q70e] {
    box-shadow: 0 0 0 2px var(--vt-rm-ink);
    position: relative;
}

.vt-rm-ccell.vt-rm-here[b-d4z2p3q70e]::after {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    background: currentColor;
}

.vt-rm-ctitle[b-d4z2p3q70e] { font-size: 12px; font-weight: 500; color: var(--vt-rm-muted); line-height: 1.2; margin-bottom: 4px; }
.vt-rm-ctitle-x[b-d4z2p3q70e] { margin: 4px 0 0; text-align: center; }