/* /Components/CreateNewModal.razor.rz.scp.css */
.createnew-backdrop[b-tcjo31xqip] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(4px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.createnew-modal[b-tcjo31xqip] {
    width: 100%;
    max-width: 720px;
    max-height: calc(100vh - 32px);
    overflow: auto;
    background: #1a1d23;
    color: #fff;
    border-radius: 12px;
    padding: 24px;
    animation: scale-in-b-tcjo31xqip 200ms ease-out;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
    outline: none;
}

.createnew-hero[b-tcjo31xqip] {
    width: 100%;
    border: 0;
    text-align: left;
    background: #DD5100;
    color: #fff;
    padding: 32px;
    border-radius: 8px;
    font-size: 1.25rem;
    cursor: pointer;
    transition: transform 150ms ease-out;
}

.createnew-hero:hover[b-tcjo31xqip] {
    transform: translateY(-2px);
}

.createnew-grid[b-tcjo31xqip] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.createnew-tile[b-tcjo31xqip] {
    background: #2a2d34;
    color: #fff;
    padding: 16px;
    border-radius: 8px;
    border: 0;
    text-align: left;
    cursor: pointer;
    transition: background 150ms ease-out, transform 150ms ease-out;
}

.createnew-tile:hover[b-tcjo31xqip] {
    background: #3a3d44;
    transform: translateY(-1px);
}

.createnew-tile.is-disabled[b-tcjo31xqip] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.createnew-disabled-wrap[b-tcjo31xqip] {
    display: block;
}

@keyframes scale-in-b-tcjo31xqip {
    from {
        transform: scale(0.95);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}
/* /Components/ImpersonationMenu.razor.rz.scp.css */
/* BU-190: ImpersonationMenu popover — anchored under the .apphdr-imp-row chip.
   Visual language echoes the compose scope-menu in
   JarganWeb010426/Jargan.Client/wwwroot/css/compose-workbench.css (lines 4205+),
   but the menu rows are flat (no cascade flyouts) and the chrome is dark to
   match the apphdr-row1 dark theme. */

.imp-menu-backdrop[b-w3efsz7cj5] {
    position: fixed;
    inset: 0;
    z-index: 1099;
    background: transparent;
}

.imp-menu[b-w3efsz7cj5] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 340px;
    max-height: 480px;
    display: flex;
    flex-direction: column;
    background: #1A1D24;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
    color: #E5E7EB;
    z-index: 1100;
    overflow: hidden;
}

.imp-menu__exit[b-w3efsz7cj5] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 12px;
    background: rgba(185, 28, 28, 0.16);
    border: none;
    color: #FCA5A5;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
}

.imp-menu__exit:hover[b-w3efsz7cj5] {
    background: rgba(185, 28, 28, 0.28);
    color: #FECACA;
}

.imp-menu__exit svg[b-w3efsz7cj5] {
    flex-shrink: 0;
}

.imp-menu__divider[b-w3efsz7cj5] {
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
}

.imp-menu__search-wrap[b-w3efsz7cj5] {
    padding: 10px 12px 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.imp-menu__search[b-w3efsz7cj5] {
    width: 100%;
    height: 32px;
    padding: 0 10px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 13px;
    outline: none;
}

.imp-menu__search[b-w3efsz7cj5]::placeholder {
    color: #6B7280;
}

.imp-menu__search:focus[b-w3efsz7cj5] {
    border-color: #DD5100;
    background: rgba(255, 255, 255, 0.08);
}

.imp-menu__list[b-w3efsz7cj5] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 4px 0;
}

.imp-menu__empty[b-w3efsz7cj5],
.imp-menu__error[b-w3efsz7cj5] {
    padding: 12px 14px;
    color: #9CA3AF;
    font-size: 12px;
}

.imp-menu__error[b-w3efsz7cj5] {
    color: #FCA5A5;
}

.imp-menu__row[b-w3efsz7cj5] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 12px;
    background: transparent;
    border: none;
    color: inherit;
    text-align: left;
    cursor: pointer;
    border-radius: 0;
    transition: background-color 80ms ease;
}

.imp-menu__row:hover:not(:disabled)[b-w3efsz7cj5],
.imp-menu__row--focused:not(:disabled)[b-w3efsz7cj5] {
    background: rgba(221, 81, 0, 0.12);
}

.imp-menu__row:disabled[b-w3efsz7cj5] {
    opacity: 0.5;
    cursor: not-allowed;
}

.imp-menu__row-avatar[b-w3efsz7cj5] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
}

.imp-menu__row-text[b-w3efsz7cj5] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    overflow: hidden;
}

.imp-menu__row-name[b-w3efsz7cj5] {
    font-size: 13px;
    font-weight: 500;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.imp-menu__row-email[b-w3efsz7cj5] {
    font-size: 11px;
    color: #9CA3AF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.imp-menu__row-role[b-w3efsz7cj5] {
    flex-shrink: 0;
    padding: 2px 6px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    font-size: 10px;
    color: #C7CCD3;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
}

.imp-menu__footer[b-w3efsz7cj5] {
    padding: 8px 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    text-align: center;
}

.imp-menu__footer-link[b-w3efsz7cj5] {
    font-size: 12px;
    color: #9CA3AF;
    text-decoration: none;
}

.imp-menu__footer-link:hover[b-w3efsz7cj5] {
    color: #FFFFFF;
    text-decoration: underline;
}
/* /Components/SearchPalette.razor.rz.scp.css */
/* BU-140 (F-041 Phase 2): SearchPalette Cmd-K palette styling.
   Hardcoded text colors per project rule (no CSS variables for text on dark backgrounds). */

.palette-backdrop[b-xcfdccfhhq] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 1060;
}

.palette-modal[b-xcfdccfhhq] {
    position: fixed;
    left: 50%;
    top: 15vh;
    transform: translateX(-50%);
    max-width: 720px;
    width: calc(100vw - 32px);
    max-height: 70vh;
    background: #1a1d23;
    color: #fff;
    border-radius: 12px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.5);
    z-index: 1061;
    display: flex;
    flex-direction: column;
    animation: palette-scale-in-b-xcfdccfhhq 200ms ease-out;
    overflow: hidden;
}

.palette-input-row[b-xcfdccfhhq] {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.palette-input[b-xcfdccfhhq] {
    flex: 1;
    width: 100%;
    padding: 16px 20px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 1rem;
    outline: none;
}

.palette-input[b-xcfdccfhhq]::placeholder {
    color: #c7ccd3;
    opacity: 0.7;
}

.palette-close[b-xcfdccfhhq] {
    background: transparent;
    border: 0;
    color: #c7ccd3;
    font-size: 1.5rem;
    line-height: 1;
    padding: 8px 16px;
    cursor: pointer;
}

.palette-close:hover[b-xcfdccfhhq] {
    color: #fff;
}

.palette-body[b-xcfdccfhhq] {
    overflow-y: auto;
    padding: 8px 0;
}

.palette-section-heading[b-xcfdccfhhq] {
    padding: 8px 16px 4px;
    font-size: 0.75rem;
    color: #c7ccd3;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.palette-result[b-xcfdccfhhq] {
    padding: 8px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    border-left: 2px solid transparent;
}

.palette-result.is-highlighted[b-xcfdccfhhq] {
    background: rgba(221, 81, 0, 0.15);
    border-left: 2px solid #DD5100;
}

.palette-result__title[b-xcfdccfhhq] {
    font-weight: 600;
}

.palette-result__subtitle[b-xcfdccfhhq] {
    font-size: 0.75rem;
    color: #c7ccd3;
}

.palette-type-badge[b-xcfdccfhhq] {
    margin-left: auto;
    font-size: 0.7rem;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: #c7ccd3;
    text-transform: lowercase;
}

.palette-tag-row[b-xcfdccfhhq] {
    margin-top: 4px;
}

.palette-tag-pill[b-xcfdccfhhq] {
    display: inline-block;
    font-size: 0.7rem;
    padding: 1px 6px;
    margin-right: 4px;
    border-radius: 4px;
    background: rgba(221, 81, 0, 0.15);
    color: #DD5100;
}

.palette-see-all[b-xcfdccfhhq] {
    padding: 6px 16px;
    font-size: 0.8rem;
    color: #DD5100;
    cursor: pointer;
}

.palette-see-all:hover[b-xcfdccfhhq] {
    color: #fff;
}

@keyframes palette-scale-in-b-xcfdccfhhq {
    from {
        transform: translateX(-50%) translateY(-8px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateX(-50%) translateY(0) scale(1);
        opacity: 1;
    }
}
/* /Layout/AppHeaderRow1.razor.rz.scp.css */
/* AppHeaderRow1: Row 1 of the new two-row top bar.
   Heights, paint and contrast tokens hardcoded per project rule (no CSS vars
   that resolve to light-theme values on dark backgrounds).
   4.5:1 contrast minimum (WCAG AA). */

.apphdr-row1[b-wb70eswqnx] {
    /* Sticky so the brand + search + +New + avatar stay visible during scroll.
       Stacks above .apphdr-row2 (top: 52px) so both rows pin together. */
    position: sticky;
    top: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    gap: 12px;
    height: 52px;
    padding: 0 20px;
    background: #0F1115;
    color: #FFFFFF;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 13px;
    z-index: 1000;
}

.apphdr-row1__left[b-wb70eswqnx] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.apphdr-row1__center[b-wb70eswqnx] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    min-width: 0;
}

.apphdr-row1__right[b-wb70eswqnx] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* Brand mark */
.apphdr-brand[b-wb70eswqnx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #FFFFFF;
    text-decoration: none;
    padding: 4px 6px;
    border-radius: 6px;
    transition: background-color 120ms ease;
}

.apphdr-brand:hover[b-wb70eswqnx] {
    background: rgba(255, 255, 255, 0.06);
    color: #FFFFFF;
    text-decoration: none;
}

.apphdr-brand__mark[b-wb70eswqnx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
}

.apphdr-brand__wordmark[b-wb70eswqnx] {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.16em;
    color: #FFFFFF;
}

/* Tenant button (workspace switcher trigger) */
.apphdr-tenant[b-wb70eswqnx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 34px;
    padding: 0 10px 0 6px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 120ms ease, border-color 120ms ease;
}

.apphdr-tenant:hover[b-wb70eswqnx] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.apphdr-tenant:focus-visible[b-wb70eswqnx] {
    outline: 2px solid #DD5100;
    outline-offset: 2px;
}

.apphdr-tenant__avatar[b-wb70eswqnx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 5px;
    background: linear-gradient(135deg, #DD5100 0%, #B23E00 100%);
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

/* BU-191: globe-icon avatar for the "All Workspaces" sentinel chip — neutral
   background so it reads as a system mode rather than a specific tenant. */
.apphdr-tenant__avatar--all[b-wb70eswqnx] {
    background: rgba(255, 255, 255, 0.12);
    color: #C7CCD3;
}

.apphdr-tenant--all .apphdr-tenant__name[b-wb70eswqnx] {
    color: #C7CCD3;
    font-style: italic;
}

.apphdr-tenant__name[b-wb70eswqnx] {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.apphdr-chev[b-wb70eswqnx] {
    opacity: 0.6;
    flex-shrink: 0;
}

/* Role pip */
.apphdr-rolepip[b-wb70eswqnx] {
    display: inline-flex;
    align-items: center;
    height: 18px;
    padding: 0 6px;
    border-radius: 9px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.apphdr-rolepip--owner[b-wb70eswqnx] {
    background: #DD5100;
    color: #FFFFFF;
}

.apphdr-rolepip--manager[b-wb70eswqnx] {
    background: #1E40AF;
    color: #FFFFFF;
}

.apphdr-rolepip--member[b-wb70eswqnx] {
    background: rgba(255, 255, 255, 0.16);
    color: #FFFFFF;
}

.apphdr-rolepip--viewer[b-wb70eswqnx] {
    background: rgba(255, 255, 255, 0.08);
    color: #C7CCD3;
}

.apphdr-rolepip--neutral[b-wb70eswqnx] {
    background: rgba(255, 255, 255, 0.12);
    color: #FFFFFF;
}

/* BU-190: impersonation chip — uses scope-row visual language from the global
   compose-workbench.css (.scope-row / .scope-label / .scope-segment / .scope-row__hitarea
   at lines 4033-4205). This adapter just resizes / repositions for the dark
   header strip (52px row, compact text). Uses ::deep because the scope-row*
   class hierarchy is rendered by AppHeaderRow1.razor markup but the classes
   are defined in a non-isolated global stylesheet, so descendant selectors
   need ::deep to bypass Blazor's per-component scope attribute. */
/* Wrapper is the positioning anchor for the ImpersonationMenu popover (so the
   menu drops directly under the chip, not under the entire header row). */
.apphdr-imp-wrap[b-wb70eswqnx] {
    position: relative;
    display: inline-flex;
}

.apphdr-imp-row[b-wb70eswqnx],
.apphdr-demo-row[b-wb70eswqnx] {
    height: 28px;
    padding: 0 10px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 12px;
}

.apphdr-imp-row:hover[b-wb70eswqnx],
.apphdr-demo-row:hover[b-wb70eswqnx] {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.14);
}

[b-wb70eswqnx] .apphdr-imp-row .scope-label,
[b-wb70eswqnx] .apphdr-demo-row .scope-label {
    color: #C7CCD3;
    font-weight: 500;
    font-size: 12px;
    padding: 0;
}

[b-wb70eswqnx] .apphdr-imp-row .scope-label:focus-visible,
[b-wb70eswqnx] .apphdr-demo-row .scope-label:focus-visible {
    outline: 2px solid #DD5100;
    outline-offset: 2px;
    border-radius: 4px;
}

[b-wb70eswqnx] .apphdr-imp-row .scope-separator,
[b-wb70eswqnx] .apphdr-demo-row .scope-separator {
    color: #6B7280;
    margin: 0 4px;
}

[b-wb70eswqnx] .apphdr-imp-row .scope-segment,
[b-wb70eswqnx] .apphdr-demo-row .scope-segment {
    color: #C7CCD3;
    padding: 0;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-wb70eswqnx] .apphdr-imp-row .scope-segment--all,
[b-wb70eswqnx] .apphdr-demo-row .scope-segment--all {
    color: #9CA3AF;
}

[b-wb70eswqnx] .apphdr-imp-row .scope-segment--filled,
[b-wb70eswqnx] .apphdr-demo-row .scope-segment--filled {
    color: #FFE3D1;
    font-weight: 600;
}

[b-wb70eswqnx] .apphdr-imp-row .scope-segment:focus-visible,
[b-wb70eswqnx] .apphdr-demo-row .scope-segment:focus-visible {
    outline: 2px solid #DD5100;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Centered search pill */
.apphdr-search[b-wb70eswqnx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 480px;
    height: 34px;
    padding: 0 12px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    color: #C7CCD3;
    font-size: 13px;
    cursor: pointer;
    transition: background-color 120ms ease, border-color 120ms ease;
}

.apphdr-search:hover[b-wb70eswqnx] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
}

.apphdr-search:focus-visible[b-wb70eswqnx] {
    outline: 2px solid #DD5100;
    outline-offset: 2px;
}

.apphdr-search__placeholder[b-wb70eswqnx] {
    flex: 1;
    text-align: left;
    color: #9CA3AF;
}

.apphdr-search__kbd[b-wb70eswqnx] {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 6px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 4px;
    color: #C7CCD3;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.05em;
}

/* +New button */
.apphdr-newbtn[b-wb70eswqnx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 12px 0 10px;
    background: #DD5100;
    border: 1px solid #DD5100;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 120ms ease, border-color 120ms ease;
}

.apphdr-newbtn:hover[b-wb70eswqnx] {
    background: #C44900;
    border-color: #C44900;
}

.apphdr-newbtn:focus-visible[b-wb70eswqnx] {
    outline: 2px solid #FFFFFF;
    outline-offset: 2px;
}

/* Generic icon button (bell, etc) */
.apphdr-iconbtn[b-wb70eswqnx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #C7CCD3;
    cursor: pointer;
    transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}

.apphdr-iconbtn:hover[b-wb70eswqnx] {
    background: rgba(255, 255, 255, 0.08);
    color: #FFFFFF;
    border-color: rgba(255, 255, 255, 0.12);
}

.apphdr-iconbtn:focus-visible[b-wb70eswqnx] {
    outline: 2px solid #DD5100;
    outline-offset: 2px;
}

/* Avatar button + menu */
.apphdr-avatar-wrap[b-wb70eswqnx] {
    position: relative;
}

.apphdr-avatar-btn[b-wb70eswqnx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    transition: border-color 120ms ease, background-color 120ms ease;
}

.apphdr-avatar-btn:hover[b-wb70eswqnx] {
    border-color: rgba(255, 255, 255, 0.2);
}

.apphdr-avatar-btn:focus-visible[b-wb70eswqnx] {
    outline: 2px solid #DD5100;
    outline-offset: 2px;
}

.apphdr-avatar-btn__circle[b-wb70eswqnx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

/* BU-207: transparent click-away backdrop for the avatar / account menu.
   Fixed full-viewport layer at z-index 1099 — one below .apphdr-avatar-menu
   (1100) — so an outside click (or a re-click on the avatar trigger) is
   caught and closes the menu. */
.apphdr-menu-backdrop[b-wb70eswqnx] {
    position: fixed;
    inset: 0;
    z-index: 1099;
    background: transparent;
}

.apphdr-avatar-menu[b-wb70eswqnx] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 240px;
    padding: 6px;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.18);
    z-index: 1100;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.apphdr-avatar-menu__head[b-wb70eswqnx] {
    padding: 8px 10px 10px;
    border-bottom: 1px solid #F3F4F6;
    margin-bottom: 4px;
}

.apphdr-avatar-menu__name[b-wb70eswqnx] {
    font-size: 13px;
    font-weight: 600;
    color: #111827;
    line-height: 1.3;
}

.apphdr-avatar-menu__email[b-wb70eswqnx] {
    font-size: 11px;
    color: #6B7280;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.apphdr-avatar-menu__tier[b-wb70eswqnx] {
    font-size: 10px;
    color: #6B7280;
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.apphdr-avatar-menu__tier strong[b-wb70eswqnx] {
    color: #DD5100;
    font-weight: 700;
}

.apphdr-avatar-menu__item[b-wb70eswqnx] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    color: #1F2937;
    font-size: 13px;
    text-decoration: none;
    border: none;
    background: transparent;
    border-radius: 6px;
    cursor: pointer;
    text-align: left;
    width: 100%;
    transition: background-color 100ms ease, color 100ms ease;
}

.apphdr-avatar-menu__item:hover[b-wb70eswqnx] {
    background: #F3F4F6;
    color: #111827;
    text-decoration: none;
}

.apphdr-avatar-menu__item svg[b-wb70eswqnx] {
    flex-shrink: 0;
    color: #6B7280;
}

.apphdr-avatar-menu__item:hover svg[b-wb70eswqnx] {
    color: #1F2937;
}

.apphdr-avatar-menu__item--danger[b-wb70eswqnx] {
    color: #B91C1C;
}

.apphdr-avatar-menu__item--danger:hover[b-wb70eswqnx] {
    background: #FEF2F2;
    color: #991B1B;
}

.apphdr-avatar-menu__item--danger svg[b-wb70eswqnx] {
    color: #B91C1C;
}

.apphdr-avatar-menu__item--danger:hover svg[b-wb70eswqnx] {
    color: #991B1B;
}

.apphdr-avatar-menu__divider[b-wb70eswqnx] {
    height: 1px;
    background: #F3F4F6;
    margin: 4px 0;
}

/* Mobile collapse: hide text on the workspace switcher and search placeholder */
@media (max-width: 767px) {
    .apphdr-row1[b-wb70eswqnx] {
        padding: 0 12px;
        gap: 8px;
    }

    .apphdr-tenant__name[b-wb70eswqnx] {
        max-width: 100px;
    }

    .apphdr-search__kbd[b-wb70eswqnx] {
        display: none;
    }

    .apphdr-newbtn span[b-wb70eswqnx] {
        display: none;
    }

    .apphdr-newbtn[b-wb70eswqnx] {
        padding: 0 9px;
    }
}
/* /Layout/AppHeaderRow2.razor.rz.scp.css */
/* AppHeaderRow2: primary navigation row for the dark top bar. */

.apphdr-row2[b-myez4mdg1l] {
    /* Sticky directly under .apphdr-row1 (52px). The two rows pin together
       during scroll. .apphdr-row3 (breadcrumbs) scrolls away with content. */
    position: sticky;
    top: 52px;
    display: flex;
    align-items: stretch;
    height: 44px;
    background: #0F1115;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 0 12px;
    z-index: 999;
}

.apphdr-row2__tabs[b-myez4mdg1l] {
    display: flex;
    align-items: stretch;
    gap: 0;
    flex: 1 1 auto;
    min-width: 0;
    /* No overflow:hidden here — it clips the absolutely-positioned dropdown
       menus (Library / Analytics / Admin) which open at top:45px below the
       44px tab strip. flex shrinking + min-width:0 already prevent horizontal
       blowout, and the @media (max-width: 1023px) rule below collapses the
       whole strip to display:none on narrow viewports.
       BU-266 (F-052): bumped from 991px → 1023px so the ☰ More overflow
       appears at the exact "below desktop" boundary the IA cleanup
       targets (≥1024px desktop hides it; everything narrower shows it). */
}

.apphdr-row2__more[b-myez4mdg1l] {
    /* BU-266 (F-052): More overflow is hidden on viewports ≥1024px because
       the post-IA top row (≤7 tabs even for Admins) fits comfortably at
       that width. On narrower viewports the media query below restores
       it as the superset fallback for collapsed tabs. */
    display: none;
    margin-left: auto;
    position: relative;
}

@media (max-width: 1023px) {
    .apphdr-row2__tabs[b-myez4mdg1l] {
        display: none;
    }

    .apphdr-row2__more[b-myez4mdg1l] {
        display: flex;
        align-items: stretch;
    }
}

.apphdr-row2__dropdown[b-myez4mdg1l] {
    position: relative;
    display: inline-flex;
    align-items: stretch;
}

.apphdr-row2__tab[b-myez4mdg1l] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 44px;
    padding: 0 14px;
    background: transparent;
    border: none;
    color: #C7CCD3;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    transition: color 120ms ease, background-color 120ms ease;
}

.apphdr-row2__tab:hover[b-myez4mdg1l] {
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.04);
    text-decoration: none;
}

.apphdr-row2__tab:focus-visible[b-myez4mdg1l] {
    outline: 2px solid #DD5100;
    outline-offset: -2px;
}

.apphdr-row2__tab--active[b-myez4mdg1l] {
    color: #FFFFFF;
}

.apphdr-row2__tab--active[b-myez4mdg1l]::after {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 0;
    height: 3px;
    background: #DD5100;
    border-radius: 2px 2px 0 0;
}

.apphdr-row2__tab--accent[b-myez4mdg1l] {
    color: #FF7A33;
    font-weight: 600;
}

.apphdr-row2__tab--accent:hover[b-myez4mdg1l] {
    color: #FFFFFF;
    background: rgba(221, 81, 0, 0.16);
}

.apphdr-row2__tab--accent.apphdr-row2__tab--active[b-myez4mdg1l] {
    color: #FFFFFF;
}

.apphdr-row2__tab--locked[b-myez4mdg1l] {
    color: #6B7280;
    cursor: not-allowed;
}

.apphdr-row2__tab--locked:hover[b-myez4mdg1l] {
    color: #6B7280;
    background: transparent;
}

.apphdr-row2__badge[b-myez4mdg1l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    background: #DC2626;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 700;
    border-radius: 8px;
    line-height: 1;
    margin-left: 2px;
}

.apphdr-row2__badge--inline[b-myez4mdg1l] {
    margin-left: 6px;
}

.apphdr-row2__chev[b-myez4mdg1l],
.apphdr-row2__lock[b-myez4mdg1l],
.apphdr-row2__more-icon[b-myez4mdg1l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
    flex-shrink: 0;
}

/* BU-207: transparent click-away backdrop for the primary-nav dropdowns.
   Fixed full-viewport layer at z-index 1099 — one below .apphdr-row2__menu
   (1100) — so an outside click (or a re-click on the open dropdown's
   trigger) closes the menu. */
.apphdr-row2__menu-backdrop[b-myez4mdg1l] {
    position: fixed;
    inset: 0;
    z-index: 1099;
    background: transparent;
}

.apphdr-row2__menu[b-myez4mdg1l] {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    min-width: 200px;
    padding: 6px;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.18);
    z-index: 1100;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.apphdr-row2__menu--wide[b-myez4mdg1l] {
    min-width: 240px;
}

.apphdr-row2__menu-item[b-myez4mdg1l] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    color: #1F2937;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 100ms ease, color 100ms ease;
}

.apphdr-row2__menu-item:hover[b-myez4mdg1l] {
    background: #F3F4F6;
    color: #111827;
    text-decoration: none;
}

.apphdr-row2__menu-item:focus-visible[b-myez4mdg1l] {
    outline: 2px solid #DD5100;
    outline-offset: 2px;
}

.apphdr-row2__menu-item--accent[b-myez4mdg1l] {
    color: #DD5100;
    font-weight: 600;
}

.apphdr-row2__menu-item--accent:hover[b-myez4mdg1l] {
    background: #FFF1E6;
    color: #B23E00;
}

.apphdr-row2__menu-item--locked[b-myez4mdg1l] {
    color: #9CA3AF;
    cursor: not-allowed;
}

.apphdr-row2__menu-item--locked:hover[b-myez4mdg1l] {
    background: transparent;
    color: #9CA3AF;
}

.apphdr-row2__menu-item--locked svg[b-myez4mdg1l] {
    color: #9CA3AF;
}

.apphdr-row2__menu-section[b-myez4mdg1l] {
    padding: 8px 12px 4px;
    font-size: 10px;
    font-weight: 700;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.apphdr-row2__menu-divider[b-myez4mdg1l] {
    height: 1px;
    background: #F3F4F6;
    margin: 4px 0;
}

@media (max-width: 1199px) {
    .apphdr-row2__tab[b-myez4mdg1l] {
        padding: 0 10px;
    }
}

@media (max-width: 767px) {
    .apphdr-row2[b-myez4mdg1l] {
        padding: 0 8px;
    }
}
/* /Layout/AppHeaderRow3.razor.rz.scp.css */
/* AppHeaderRow3: contextual strip with breadcrumbs and entity sub-tabs. */

.apphdr-row3[b-qpvjuiz2e6] {
    display: flex;
    flex-direction: column;
    background: #15181E;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    padding: 0 16px;
}

.apphdr-row3__crumbs[b-qpvjuiz2e6] {
    display: flex;
    align-items: center;
    height: 36px;
    overflow: hidden;
}

.apphdr-row3__crumbs-list[b-qpvjuiz2e6] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.apphdr-row3__crumb[b-qpvjuiz2e6] {
    display: inline-flex;
    align-items: center;
    color: #9CA3AF;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.apphdr-row3__crumb a[b-qpvjuiz2e6] {
    color: #9CA3AF;
    text-decoration: none;
    padding: 4px 6px;
    border-radius: 4px;
    transition: color 120ms ease, background-color 120ms ease;
}

.apphdr-row3__crumb a:hover[b-qpvjuiz2e6] {
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.04);
    text-decoration: none;
}

.apphdr-row3__crumb a:focus-visible[b-qpvjuiz2e6] {
    outline: 2px solid #DD5100;
    outline-offset: -1px;
}

.apphdr-row3__crumb--current span[b-qpvjuiz2e6] {
    color: #FFFFFF;
    font-weight: 600;
    padding: 4px 6px;
}

.apphdr-row3__sep[b-qpvjuiz2e6] {
    color: #4B5563;
    margin: 0 2px;
    font-size: 13px;
    line-height: 1;
}

.apphdr-row3__subtabs[b-qpvjuiz2e6] {
    display: flex;
    align-items: stretch;
    height: 36px;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    gap: 0;
    overflow-x: auto;
}

.apphdr-row3__subtab[b-qpvjuiz2e6] {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    color: #C7CCD3;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: color 120ms ease, background-color 120ms ease;
}

.apphdr-row3__subtab:hover[b-qpvjuiz2e6] {
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.04);
    text-decoration: none;
}

.apphdr-row3__subtab:focus-visible[b-qpvjuiz2e6] {
    outline: 2px solid #DD5100;
    outline-offset: -2px;
}

.apphdr-row3__subtab--active[b-qpvjuiz2e6] {
    color: #FFFFFF;
}

.apphdr-row3__subtab--active[b-qpvjuiz2e6]::after {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 0;
    height: 3px;
    background: #DD5100;
    border-radius: 2px 2px 0 0;
}

@media (max-width: 767px) {
    .apphdr-row3[b-qpvjuiz2e6] {
        padding: 0 8px;
    }

    .apphdr-row3__crumbs[b-qpvjuiz2e6] {
        height: 32px;
    }

    .apphdr-row3__subtabs[b-qpvjuiz2e6] {
        height: 32px;
    }
}
/* /Layout/ImpersonationBanner.razor.rz.scp.css */
.imp-banner[b-we4zhl0bpz] {
    width: 100%;
    background: #DC2626;
    color: #fff;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    z-index: 50;
}

.imp-banner__icon[b-we4zhl0bpz] {
    font-size: 1.2rem;
    line-height: 1;
}

.imp-banner__text[b-we4zhl0bpz] {
    flex: 1;
    line-height: 1.4;
}

.imp-banner__role[b-we4zhl0bpz],
.imp-banner__tenant[b-we4zhl0bpz],
.imp-banner__scope[b-we4zhl0bpz] {
    font-weight: 600;
}

.imp-banner__real strong[b-we4zhl0bpz] {
    font-weight: 600;
}

.imp-banner__exit[b-we4zhl0bpz] {
    margin-left: auto;
    padding: 4px 12px;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    flex-shrink: 0;
}

.imp-banner__exit:hover[b-we4zhl0bpz] {
    background: rgba(0, 0, 0, 0.4);
}

.imp-banner__exit:focus-visible[b-we4zhl0bpz] {
    outline: 2px solid #fff;
    outline-offset: 2px;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-50kfulyq84] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-50kfulyq84] {
    flex: 1;
}

.sidebar[b-50kfulyq84] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-50kfulyq84] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-50kfulyq84]  a, .top-row[b-50kfulyq84]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-50kfulyq84]  a:hover, .top-row[b-50kfulyq84]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-50kfulyq84]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-50kfulyq84] {
        justify-content: space-between;
    }

    .top-row[b-50kfulyq84]  a, .top-row[b-50kfulyq84]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-50kfulyq84] {
        flex-direction: row;
    }

    .sidebar[b-50kfulyq84] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-50kfulyq84] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-50kfulyq84]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-50kfulyq84], article[b-50kfulyq84] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/WorkspaceSwitcherPanel.razor.rz.scp.css */
.wssw-backdrop[b-j4fo1jv25l] {
    position: fixed;
    inset: 0;
    z-index: 1090;
    background: transparent;
}

.wssw-panel[b-j4fo1jv25l] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 8px;
    min-width: 320px;
    max-width: 380px;
    max-height: 480px;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.2);
    z-index: 1100;
    display: flex;
    flex-direction: column;
}

.wssw-panel__head[b-j4fo1jv25l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-bottom: 1px solid #F3F4F6;
}

.wssw-panel__title[b-j4fo1jv25l] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6B7280;
}

.wssw-panel__close[b-j4fo1jv25l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 4px;
    color: #6B7280;
    cursor: pointer;
    transition: background-color 100ms ease, color 100ms ease;
}

.wssw-panel__close:hover[b-j4fo1jv25l] {
    background: #F3F4F6;
    color: #1F2937;
}

.wssw-panel__close:focus-visible[b-j4fo1jv25l] {
    outline: 2px solid #DD5100;
    outline-offset: 1px;
}

.wssw-panel__empty[b-j4fo1jv25l] {
    padding: 18px 14px;
    text-align: center;
    font-size: 12px;
    color: #6B7280;
}

.wssw-panel__empty--error[b-j4fo1jv25l] {
    color: #B91C1C;
}

.wssw-list[b-j4fo1jv25l] {
    list-style: none;
    margin: 0;
    padding: 6px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.wssw-row[b-j4fo1jv25l] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #1F2937;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
    transition: background-color 100ms ease, border-color 100ms ease;
}

.wssw-row:hover:not(:disabled)[b-j4fo1jv25l] {
    background: #F9FAFB;
    border-color: #E5E7EB;
}

.wssw-row:focus-visible[b-j4fo1jv25l] {
    outline: 2px solid #DD5100;
    outline-offset: 1px;
}

.wssw-row:disabled[b-j4fo1jv25l] {
    cursor: default;
}

.wssw-row--current[b-j4fo1jv25l] {
    background: #FFF7F0;
    border-color: #FFE3D1;
}

.wssw-row--current:hover[b-j4fo1jv25l] {
    background: #FFF7F0;
}

.wssw-row__avatar[b-j4fo1jv25l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    background: linear-gradient(135deg, #DD5100 0%, #B23E00 100%);
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

/* BU-191: globe-icon avatar for the pinned "All workspaces" row. Neutral
   background so it reads as a mode toggle rather than a specific workspace. */
.wssw-row__avatar--all[b-j4fo1jv25l] {
    background: #E5E7EB;
    color: #4B5563;
}

.wssw-row--all .wssw-row__name[b-j4fo1jv25l] {
    font-weight: 700;
}

.wssw-list__divider[b-j4fo1jv25l] {
    height: 1px;
    margin: 6px 14px;
    background: #E5E7EB;
    list-style: none;
}

.wssw-row__main[b-j4fo1jv25l] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.wssw-row__name[b-j4fo1jv25l] {
    font-weight: 600;
    color: #111827;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2;
}

.wssw-row__meta[b-j4fo1jv25l] {
    font-size: 11px;
    color: #6B7280;
    margin-top: 2px;
}

.wssw-row__check[b-j4fo1jv25l] {
    color: #DD5100;
    flex-shrink: 0;
}

.wssw-rolepip[b-j4fo1jv25l] {
    display: inline-flex;
    align-items: center;
    height: 18px;
    padding: 0 6px;
    border-radius: 9px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    flex-shrink: 0;
}

.wssw-rolepip--owner[b-j4fo1jv25l] {
    background: #DD5100;
    color: #FFFFFF;
}

.wssw-rolepip--manager[b-j4fo1jv25l] {
    background: #1E40AF;
    color: #FFFFFF;
}

.wssw-rolepip--member[b-j4fo1jv25l] {
    background: #E5E7EB;
    color: #1F2937;
}

.wssw-rolepip--viewer[b-j4fo1jv25l] {
    background: #F3F4F6;
    color: #6B7280;
}

.wssw-rolepip--neutral[b-j4fo1jv25l] {
    background: #E5E7EB;
    color: #1F2937;
}

/* BU-261 (F-052): "Manage all workspaces…" footer link.
   Visually separated from the workspace list above by a divider; the
   only entry into /workspaces now that the Workspaces top tab is gone. */
.wssw-panel__footer[b-j4fo1jv25l] {
    border-top: 1px solid #F3F4F6;
    padding: 8px 12px;
    background: #FAFAFA;
}

.wssw-manage-link[b-j4fo1jv25l] {
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding: 6px 8px;
    border-radius: 6px;
    color: #DD5100;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 100ms ease;
}

.wssw-manage-link:hover[b-j4fo1jv25l] {
    background: #FFF7F0;
    text-decoration: none;
}

.wssw-manage-link:focus-visible[b-j4fo1jv25l] {
    outline: 2px solid #DD5100;
    outline-offset: 1px;
}
/* /Pages/Admin/ImpersonatePage.razor.rz.scp.css */
/* BU-194: branding pass on /admin/impersonate.
   Visual language aligned with WorkspaceSwitcherPanel popover (.wssw-*) and
   the BU-190 header chip: orange-gradient avatars, scope-row-style filter
   chrome, JARGAN-orange action accents, white-card modal. Replaces BU-193's
   "Bootstrap table on white" look with a row-based list that reads as a
   natural sibling of the workspace switcher. */

.imp-page[b-1shwc8un0c] {
    max-width: 960px;
    margin: 0 auto;
    padding: 24px 20px 48px;
    color: #111827;
}

.imp-page__head[b-1shwc8un0c] {
    margin-bottom: 20px;
}

.imp-page__title[b-1shwc8un0c] {
    font-size: 22px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 6px;
    letter-spacing: -0.01em;
}

.imp-page__subtitle[b-1shwc8un0c] {
    color: #6B7280;
    font-size: 13px;
    margin: 0;
    max-width: 640px;
    line-height: 1.5;
}

.imp-page__loading[b-1shwc8un0c] {
    color: #6B7280;
    font-size: 13px;
    padding: 14px 16px;
}

.imp-page__forbidden[b-1shwc8un0c],
.imp-empty[b-1shwc8un0c],
.imp-error[b-1shwc8un0c] {
    padding: 14px 16px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 1.4;
}

.imp-page__forbidden[b-1shwc8un0c] {
    background: #FEF3C7;
    color: #92400E;
    border: 1px solid #FCD34D;
}

.imp-empty[b-1shwc8un0c] {
    background: #F9FAFB;
    color: #6B7280;
    border: 1px solid #E5E7EB;
    text-align: center;
}

.imp-error[b-1shwc8un0c] {
    background: #FEE2E2;
    color: #991B1B;
    border: 1px solid #FCA5A5;
    margin-bottom: 12px;
}

/* Filter row — scope-row-style micro-label above slate-bordered control.
   Mirrors WorkspaceSwitcherPanel header typography. */

.imp-filters[b-1shwc8un0c] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
    margin-bottom: 16px;
}

.imp-filter[b-1shwc8un0c] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 200px;
    flex: 0 1 auto;
}

.imp-filter__label[b-1shwc8un0c] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6B7280;
}

.imp-filter__input[b-1shwc8un0c],
.imp-filter__select[b-1shwc8un0c] {
    height: 34px;
    padding: 0 10px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background: #FFFFFF;
    color: #111827;
    font-size: 13px;
    transition: border-color 100ms ease, box-shadow 100ms ease;
}

.imp-filter__input:focus[b-1shwc8un0c],
.imp-filter__select:focus[b-1shwc8un0c] {
    outline: none;
    border-color: #DD5100;
    box-shadow: 0 0 0 3px rgba(221, 81, 0, 0.15);
}

.imp-filter__input[b-1shwc8un0c]::placeholder {
    color: #9CA3AF;
}

/* User list — row-based, mirrors WorkspaceSwitcherPanel rows. */

.imp-list[b-1shwc8un0c] {
    list-style: none;
    margin: 0;
    padding: 6px;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.imp-row[b-1shwc8un0c] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #111827;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
    transition: background-color 100ms ease, border-color 100ms ease;
}

.imp-row:hover:not(:disabled)[b-1shwc8un0c] {
    background: #F9FAFB;
    border-color: #E5E7EB;
}

.imp-row:focus-visible[b-1shwc8un0c] {
    outline: 2px solid #DD5100;
    outline-offset: 1px;
}

.imp-row__avatar[b-1shwc8un0c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: linear-gradient(135deg, #DD5100 0%, #B23E00 100%);
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

.imp-row__main[b-1shwc8un0c] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.imp-row__name[b-1shwc8un0c] {
    font-weight: 600;
    color: #111827;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2;
}

.imp-row__meta[b-1shwc8un0c] {
    font-size: 11px;
    color: #6B7280;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.imp-row__action[b-1shwc8un0c] {
    /* Scope-segment-style action affordance — orange text, not a button color. */
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #DD5100;
    flex-shrink: 0;
    padding-left: 6px;
    transition: color 100ms ease;
}

.imp-row:hover .imp-row__action[b-1shwc8un0c] {
    color: #B23E00;
}

/* Role pip — palette mirrors .wssw-rolepip--*. */

.imp-rolepip[b-1shwc8un0c] {
    display: inline-flex;
    align-items: center;
    height: 18px;
    padding: 0 6px;
    border-radius: 9px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    flex-shrink: 0;
}

.imp-rolepip--owner[b-1shwc8un0c] {
    background: #DD5100;
    color: #FFFFFF;
}

.imp-rolepip--manager[b-1shwc8un0c] {
    background: #1E40AF;
    color: #FFFFFF;
}

.imp-rolepip--member[b-1shwc8un0c] {
    background: #E5E7EB;
    color: #1F2937;
}

.imp-rolepip--viewer[b-1shwc8un0c] {
    background: #F3F4F6;
    color: #6B7280;
}

.imp-rolepip--neutral[b-1shwc8un0c] {
    background: #E5E7EB;
    color: #1F2937;
}

/* Confirmation modal — white card popover matching WorkspaceSwitcherPanel. */

.imp-modal-backdrop[b-1shwc8un0c] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.4);
    z-index: 1040;
}

.imp-modal[b-1shwc8un0c] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 480px;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.2);
    padding: 20px;
    z-index: 1050;
}

.imp-modal__head[b-1shwc8un0c] {
    margin-bottom: 12px;
}

.imp-modal__title[b-1shwc8un0c] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6B7280;
}

.imp-modal__body[b-1shwc8un0c] {
    color: #1F2937;
    font-size: 13px;
    line-height: 1.5;
    margin: 0 0 14px;
}

.imp-modal__body strong[b-1shwc8un0c] {
    color: #111827;
    font-weight: 700;
}

.imp-modal__scope[b-1shwc8un0c] {
    margin-bottom: 16px;
}

.imp-modal__actions[b-1shwc8un0c] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

/* Action buttons — JARGAN-orange accent + slate-outline ghost. */

.imp-btn[b-1shwc8un0c] {
    height: 34px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    border: 1px solid transparent;
    transition: background-color 100ms ease, border-color 100ms ease, color 100ms ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.imp-btn:disabled[b-1shwc8un0c] {
    cursor: not-allowed;
    opacity: 0.6;
}

.imp-btn--ghost[b-1shwc8un0c] {
    background: transparent;
    border-color: #E5E7EB;
    color: #374151;
}

.imp-btn--ghost:hover:not(:disabled)[b-1shwc8un0c] {
    background: #F9FAFB;
    border-color: #D1D5DB;
}

.imp-btn--accent[b-1shwc8un0c] {
    background: #DD5100;
    color: #FFFFFF;
    border-color: #DD5100;
}

.imp-btn--accent:hover:not(:disabled)[b-1shwc8un0c] {
    background: #B23E00;
    border-color: #B23E00;
}

.imp-btn:focus-visible[b-1shwc8un0c] {
    outline: 2px solid #DD5100;
    outline-offset: 2px;
}

.imp-spinner[b-1shwc8un0c] {
    width: 12px;
    height: 12px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: imp-spin-b-1shwc8un0c 0.6s linear infinite;
}

@keyframes imp-spin-b-1shwc8un0c {
    to { transform: rotate(360deg); }
}
/* /Pages/Admin/ImpersonationAuditPage.razor.rz.scp.css */
.imp-audit-table[b-08njl1sslv] {
    width: 100%;
    border-collapse: collapse;
    color: #fff;
}

.imp-audit-table th[b-08njl1sslv] {
    text-align: left;
    font-weight: 600;
    padding: 8px 12px;
    color: #c7ccd3;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.imp-audit-table td[b-08njl1sslv] {
    padding: 8px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    vertical-align: top;
}

.imp-audit-action-badge[b-08njl1sslv] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.08);
    color: #c7ccd3;
}

.imp-audit-action-badge--start[b-08njl1sslv] {
    background: rgba(34, 197, 94, 0.2);
    color: #4ade80;
}

.imp-audit-action-badge--exit[b-08njl1sslv] {
    background: rgba(99, 102, 241, 0.2);
    color: #818cf8;
}

.imp-audit-action-badge--write[b-08njl1sslv] {
    background: rgba(245, 158, 11, 0.2);
    color: #fbbf24;
}

.imp-audit-filters[b-08njl1sslv] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
    align-items: flex-end;
}
/* /Pages/DesignTools/DesignTools.razor.rz.scp.css */
.design-tools-container[b-pv2wjvwjbv] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.design-tools-header[b-pv2wjvwjbv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--border-color, #e5e5e5);
}

.design-tools-header h1[b-pv2wjvwjbv] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
}

/* Theme Selector Section */
.theme-selector-section[b-pv2wjvwjbv] {
    margin-bottom: 3rem;
}

.theme-selector-section h2[b-pv2wjvwjbv] {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.theme-card-grid[b-pv2wjvwjbv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.theme-card[b-pv2wjvwjbv] {
    padding: 1.5rem;
    border: 2px solid var(--border-color, #e5e5e5);
    border-radius: var(--radius-lg, 12px);
    background: var(--glass-panel-bg, rgba(255, 255, 255, 0.8));
    backdrop-filter: blur(10px);
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.theme-card:hover[b-pv2wjvwjbv] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border-color: var(--accent-primary, #2563eb);
}

.theme-card.active[b-pv2wjvwjbv] {
    border-color: #28a745;
    border-width: 3px;
    background: var(--glass-card-bg-hover, rgba(255, 255, 255, 0.95));
}

.theme-card.previewing[b-pv2wjvwjbv] {
    border-color: #ff6b35;
    border-width: 3px;
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.05), rgba(247, 147, 30, 0.05));
    box-shadow: 0 8px 24px rgba(255, 107, 53, 0.2);
}

.theme-card h3[b-pv2wjvwjbv] {
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.theme-description[b-pv2wjvwjbv] {
    font-size: 0.875rem;
    color: var(--text-secondary, #6b6b6b);
    margin-bottom: 1rem;
    min-height: 2.5rem;
}

.color-swatches[b-pv2wjvwjbv] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.swatch[b-pv2wjvwjbv] {
    width: 48px;
    height: 48px;
    border-radius: var(--radius-sm, 4px);
    border: 1px solid rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
}

.theme-card .badge[b-pv2wjvwjbv] {
    font-size: 0.875rem;
    padding: 0.35rem 0.75rem;
}

/* Preview Sections */
.preview-sections[b-pv2wjvwjbv] {
    margin-top: 3rem;
}

.preview-sections > h2[b-pv2wjvwjbv] {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.preview-section[b-pv2wjvwjbv] {
    margin-bottom: 1.5rem;
    border: 1px solid var(--border-color, #e5e5e5);
    border-radius: var(--radius-md, 8px);
    background: var(--glass-panel-bg, rgba(255, 255, 255, 0.8));
    overflow: hidden;
}

.preview-section summary[b-pv2wjvwjbv] {
    padding: 1rem 1.5rem;
    font-size: 1.125rem;
    font-weight: 600;
    cursor: pointer;
    background: var(--glass-card-bg, rgba(255, 255, 255, 0.5));
    border-bottom: 1px solid var(--border-color, #e5e5e5);
    user-select: none;
    transition: background 0.2s ease;
}

.preview-section summary:hover[b-pv2wjvwjbv] {
    background: var(--glass-card-bg-hover, rgba(255, 255, 255, 0.7));
}

.preview-section[open] summary[b-pv2wjvwjbv] {
    border-bottom: 1px solid var(--border-color, #e5e5e5);
}

.preview-content[b-pv2wjvwjbv] {
    padding: 1.5rem;
}

/* Typography Preview */
.preview-section h1[b-pv2wjvwjbv],
.preview-section h2[b-pv2wjvwjbv],
.preview-section h3[b-pv2wjvwjbv] {
    margin-bottom: 0.75rem;
}

/* Buttons Preview */
.preview-section .btn[b-pv2wjvwjbv] {
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
}

/* Pattern Color Preview */
.pattern-color-preview[b-pv2wjvwjbv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.pattern-swatch[b-pv2wjvwjbv] {
    aspect-ratio: 1;
    border-radius: var(--radius-sm, 4px);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Particle Config List */
.particle-config-list[b-pv2wjvwjbv] {
    list-style: none;
    padding: 0;
    margin: 1rem 0 0 0;
}

.particle-config-list li[b-pv2wjvwjbv] {
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border-color, #e5e5e5);
}

.particle-config-list li:last-child[b-pv2wjvwjbv] {
    border-bottom: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .design-tools-container[b-pv2wjvwjbv] {
        padding: 1rem;
    }

    .theme-card-grid[b-pv2wjvwjbv] {
        grid-template-columns: 1fr;
    }

    .design-tools-header[b-pv2wjvwjbv] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
}
/* /Pages/DesignTools/SocialPreview.razor.rz.scp.css */
.social-preview-container[b-qolhkgt7du] {
    max-width: 960px;
    margin: 0 auto;
    padding: 24px;
}

.social-preview-header[b-qolhkgt7du] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 32px;
    gap: 16px;
    flex-wrap: wrap;
}

.social-preview-header h1[b-qolhkgt7du] {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 4px 0;
}

.header-controls[b-qolhkgt7du] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.version-selector[b-qolhkgt7du] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.version-selector label[b-qolhkgt7du] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-muted, #888);
    white-space: nowrap;
}

.version-selector select[b-qolhkgt7du] {
    font-size: 13px;
    padding: 4px 8px;
    border-radius: 6px;
    border: 1px solid var(--border-color, #ddd);
    background: var(--bg-surface, #fff);
    color: var(--text-primary, #333);
}

.preview-grid[b-qolhkgt7du] {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.preview-group h2[b-qolhkgt7du] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-muted, #999);
    margin-bottom: 12px;
}

/* iMessage */
.imessage-bubble[b-qolhkgt7du] {
    background: #e9e9eb;
    border-radius: 14px;
    max-width: 300px;
    overflow: hidden;
}

.og-card[b-qolhkgt7du] {
    overflow: hidden;
    background: #fff;
}

.og-card img[b-qolhkgt7du] {
    width: 100%;
    display: block;
}

.og-card-text[b-qolhkgt7du] {
    padding: 8px 10px;
}

.imessage-bubble .og-domain[b-qolhkgt7du] {
    font-size: 10px;
    color: #8e8e93;
    letter-spacing: 0.02em;
}

.imessage-bubble .og-title[b-qolhkgt7du] {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin-top: 1px;
    line-height: 1.3;
}

.imessage-bubble .og-desc[b-qolhkgt7du] {
    font-size: 12px;
    color: #8e8e93;
    margin-top: 2px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Slack */
.slack-message[b-qolhkgt7du] {
    background: #fff;
    border-radius: 8px;
    padding: 16px;
    max-width: 540px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.slack-sender[b-qolhkgt7du] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.slack-avatar[b-qolhkgt7du] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: #DD5100;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}

.slack-name[b-qolhkgt7du] { font-weight: 700; font-size: 15px; color: #1d1c1d; }
.slack-time[b-qolhkgt7du] { font-size: 12px; color: #999; margin-left: 4px; }

.slack-text[b-qolhkgt7du] {
    font-size: 15px;
    color: #1d1c1d;
    margin-bottom: 8px;
    line-height: 1.5;
}

.slack-text a[b-qolhkgt7du] { color: #1264a3; text-decoration: none; }

.slack-unfurl[b-qolhkgt7du] {
    border-left: 4px solid #DD5100;
    padding-left: 12px;
}

.slack-unfurl img[b-qolhkgt7du] {
    width: 100%;
    max-width: 400px;
    border-radius: 4px;
    display: block;
    margin-bottom: 8px;
}

.slack-unfurl .og-domain[b-qolhkgt7du] { font-size: 12px; color: #999; font-weight: 600; }
.slack-unfurl .og-title[b-qolhkgt7du] { font-size: 15px; font-weight: 700; color: #1264a3; margin-top: 2px; }
.slack-unfurl .og-desc[b-qolhkgt7du] { font-size: 14px; color: #555; margin-top: 4px; line-height: 1.4; }

/* Twitter / X */
.twitter-card[b-qolhkgt7du] {
    max-width: 504px;
    border: 1px solid #e1e8ed;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.twitter-card img[b-qolhkgt7du] {
    width: 100%;
    display: block;
    border-bottom: 1px solid #e1e8ed;
}

.twitter-card .og-card-text[b-qolhkgt7du] { padding: 12px 14px; }
.twitter-card .og-domain[b-qolhkgt7du] { font-size: 13px; color: #8899a6; }
.twitter-card .og-title[b-qolhkgt7du] { font-size: 15px; font-weight: 700; color: #0f1419; margin-top: 2px; line-height: 1.3; }
.twitter-card .og-desc[b-qolhkgt7du] {
    font-size: 14px;
    color: #536471;
    margin-top: 2px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* LinkedIn */
.linkedin-card[b-qolhkgt7du] {
    max-width: 504px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    overflow: hidden;
    background: #fff;
}

.linkedin-card img[b-qolhkgt7du] { width: 100%; display: block; }
.linkedin-card-text[b-qolhkgt7du] { padding: 12px 16px; background: #f3f2ef; }
.linkedin-card-text .og-title[b-qolhkgt7du] { font-size: 14px; font-weight: 600; color: rgba(0,0,0,0.9); line-height: 1.3; }
.linkedin-card-text .og-domain[b-qolhkgt7du] { font-size: 12px; color: rgba(0,0,0,0.6); margin-top: 4px; }

/* Facebook */
.facebook-card[b-qolhkgt7du] {
    max-width: 504px;
    border: 1px solid #dadde1;
    overflow: hidden;
    background: #fff;
}

.facebook-card img[b-qolhkgt7du] { width: 100%; display: block; }
.facebook-card-text[b-qolhkgt7du] { padding: 10px 12px; background: #f2f3f5; border-top: 1px solid #dadde1; }
.facebook-card-text .og-domain[b-qolhkgt7du] { font-size: 12px; color: #606770; text-transform: uppercase; }
.facebook-card-text .og-title[b-qolhkgt7du] { font-size: 16px; font-weight: 600; color: #1d2129; margin-top: 4px; line-height: 1.3; }
.facebook-card-text .og-desc[b-qolhkgt7du] {
    font-size: 14px;
    color: #606770;
    margin-top: 4px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Meta reference */
.meta-reference[b-qolhkgt7du] {
    margin-top: 48px;
    padding-top: 24px;
    border-top: 1px solid var(--border-color, #e0e0e0);
}

.meta-reference h2[b-qolhkgt7du] {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--text-primary, #333);
}

.meta-reference pre[b-qolhkgt7du] {
    background: var(--bg-surface, #f5f5f5);
    border-radius: 8px;
    padding: 16px;
    font-size: 13px;
    line-height: 1.6;
    overflow-x: auto;
}
/* /Pages/Inbox/InboxPage.razor.rz.scp.css */
.inbox-page[b-670b47k8bj] {
    background: #1a1d23;
    color: #fff;
    min-height: 100%;
    padding: 1.5rem 2rem 4rem;
}

.inbox-header h1[b-670b47k8bj] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #fff;
    margin: 0 0 1.25rem;
}

.inbox-tabs[b-670b47k8bj] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 1px solid #2a2f37;
    margin-bottom: 1rem;
    overflow-x: auto;
}

.inbox-tab[b-670b47k8bj] {
    background: transparent;
    border: 0;
    color: #c7ccd3;
    font-size: 0.95rem;
    font-weight: 500;
    padding: 0.6rem 0.9rem;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    white-space: nowrap;
}

.inbox-tab:hover[b-670b47k8bj] {
    color: #fff;
}

.inbox-tab.is-active[b-670b47k8bj] {
    color: #DD5100;
    border-bottom-color: #DD5100;
}

.inbox-list[b-670b47k8bj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.inbox-row[b-670b47k8bj] {
    display: grid;
    grid-template-columns: 24px 1fr auto;
    align-items: center;
    gap: 0.85rem;
    background: #21252d;
    border: 1px solid #2a2f37;
    border-radius: 6px;
    padding: 0.75rem 1rem;
}

.inbox-row-icon[b-670b47k8bj] {
    color: #c7ccd3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.inbox-row-icon-review[b-670b47k8bj] { color: #DD5100; }
.inbox-row-icon-plan[b-670b47k8bj] { color: #66b0ff; }
.inbox-row-icon-media[b-670b47k8bj] { color: #b388ff; }
.inbox-row-icon-engagement[b-670b47k8bj] { color: #ffba6b; }
.inbox-row-icon-voice[b-670b47k8bj] { color: #80deea; }
.inbox-row-icon-mention[b-670b47k8bj] { color: #f8bbd0; }

.inbox-row-body[b-670b47k8bj] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.inbox-row-title[b-670b47k8bj] {
    color: #fff;
    font-weight: 500;
    font-size: 0.95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox-row-meta[b-670b47k8bj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
    color: #c7ccd3;
    font-size: 0.8rem;
}

.inbox-chip[b-670b47k8bj] {
    display: inline-flex;
    align-items: center;
    background: rgba(221, 81, 0, 0.12);
    color: #DD5100;
    border-radius: 999px;
    padding: 0.1rem 0.55rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.inbox-age[b-670b47k8bj] {
    color: #c7ccd3;
}

.inbox-row-actions[b-670b47k8bj] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    position: relative;
}

.inbox-action-primary[b-670b47k8bj] {
    background: #DD5100;
    color: #fff;
    border: 0;
    border-radius: 4px;
    padding: 0.45rem 0.9rem;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
}

.inbox-action-primary:hover[b-670b47k8bj] {
    background: #c84800;
}

.inbox-action-primary.is-disabled[b-670b47k8bj],
.inbox-action-primary[disabled][b-670b47k8bj] {
    background: #3a3f47;
    color: #DC2626;
    cursor: not-allowed;
}

.inbox-action-more[b-670b47k8bj] {
    background: transparent;
    border: 1px solid #2a2f37;
    color: #c7ccd3;
    border-radius: 4px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.inbox-action-more:hover[b-670b47k8bj] {
    color: #fff;
    border-color: #3a3f47;
}

.inbox-action-secondary[b-670b47k8bj] {
    position: relative;
}

.inbox-action-menu[b-670b47k8bj] {
    list-style: none;
    margin: 0;
    padding: 0.25rem 0;
    background: #21252d;
    border: 1px solid #2a2f37;
    border-radius: 6px;
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    min-width: 180px;
    z-index: 20;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45);
}

.inbox-action-menu li button[b-670b47k8bj] {
    background: transparent;
    border: 0;
    width: 100%;
    text-align: left;
    color: #c7ccd3;
    padding: 0.5rem 0.85rem;
    font-size: 0.85rem;
    cursor: pointer;
}

.inbox-action-menu li button:hover[b-670b47k8bj] {
    background: #2a2f37;
    color: #fff;
}

.inbox-loading[b-670b47k8bj],
.inbox-empty[b-670b47k8bj] {
    color: #c7ccd3;
    background: #21252d;
    border: 1px dashed #2a2f37;
    border-radius: 6px;
    padding: 2rem;
    text-align: center;
}

.inbox-load-more[b-670b47k8bj] {
    align-self: center;
    margin-top: 1rem;
    background: transparent;
    color: #c7ccd3;
    border: 1px solid #2a2f37;
    border-radius: 4px;
    padding: 0.55rem 1.25rem;
    font-size: 0.85rem;
    cursor: pointer;
}

.inbox-load-more:hover:not([disabled])[b-670b47k8bj] {
    color: #fff;
    border-color: #3a3f47;
}
/* /Pages/Preferences/PreferencesLayout.razor.rz.scp.css */
.preferences-shell[b-imrmy1xwqh] {
    display: flex;
    gap: 1.5rem;
    min-height: calc(100vh - 200px);
    padding: 1rem;
}

.preferences-nav[b-imrmy1xwqh] {
    flex: 0 0 240px;
    border-right: 1px solid #e5e5e5;
    padding-right: 1rem;
}

.preferences-nav nav[b-imrmy1xwqh] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

[b-imrmy1xwqh] .preferences-nav-link {
    display: block;
    padding: 0.5rem 0.75rem;
    color: #333;
    text-decoration: none;
    border-left: 3px solid transparent;
    border-radius: 4px;
    font-size: 0.95rem;
}

[b-imrmy1xwqh] .preferences-nav-link:hover {
    background: #f5f5f5;
    color: #000;
}

[b-imrmy1xwqh] .preferences-nav-link.active {
    border-left-color: #DD5100;
    font-weight: 600;
    color: #000;
    background: #fafafa;
}

.preferences-content[b-imrmy1xwqh] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0.5rem 1rem;
}
/* /Pages/Workspace/WorkspaceDetail.razor.rz.scp.css */
/* BU-232: Pending Invites rework — drop Bootstrap table aesthetic; render
   as a list of branded cards matching the SP-453 landing card +
   renderInviteError visual vocabulary. Blazor scoped CSS auto-loads via
   Jargan.Client.styles.css; selectors get an auto-generated [b-XXXX]
   attribute scope and only apply inside WorkspaceDetail.razor. */

/* --- Section wrapper --- */
.pi-section[b-up2nctryq9] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pi-section__head[b-up2nctryq9] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 0 2px;
}

.pi-section__title[b-up2nctryq9] {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6B7280;
}

.pi-section__count[b-up2nctryq9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 18px;
    padding: 0 6px;
    border-radius: 999px;
    background: #F3F4F6;
    color: #6B7280;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

/* --- Loading state --- */
.pi-loading[b-up2nctryq9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 2px;
    color: #9CA3AF;
    font-size: 13px;
}

/* --- Empty state (branded) --- */
.pi-empty[b-up2nctryq9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 32px 24px;
    background: #FFFFFF;
    border: 1px dashed #E5E7EB;
    border-radius: 12px;
    text-align: center;
}

.pi-empty__mark[b-up2nctryq9] {
    width: 56px;
    height: 56px;
    margin-bottom: 10px;
    opacity: 0.92;
}

.pi-empty__title[b-up2nctryq9] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #1F2937;
}

.pi-empty__body[b-up2nctryq9] {
    margin: 4px 0 0;
    font-size: 13px;
    color: #9CA3AF;
    max-width: 380px;
    line-height: 1.45;
}

/* --- List + Row --- */
.pi-list[b-up2nctryq9] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pi-row[b-up2nctryq9] {
    display: grid;
    grid-template-columns: 8px 1fr auto auto;
    align-items: center;
    column-gap: 16px;
    padding: 14px 16px 14px 12px;
    background: #FFFFFF;
    border: 1px solid #ECEDEF;
    border-radius: 10px;
    transition: border-color 160ms ease-out, box-shadow 160ms ease-out, transform 160ms ease-out, opacity 240ms ease-out;
    animation: piRowFadeIn-b-up2nctryq9 280ms ease-out both;
}

.pi-row:hover[b-up2nctryq9] {
    border-color: #D1D5DB;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
}

@keyframes piRowFadeIn-b-up2nctryq9 {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.pi-row--leaving[b-up2nctryq9] {
    opacity: 0;
    transform: translateY(-6px) scale(0.985);
    pointer-events: none;
}

.pi-row--is-expired[b-up2nctryq9] {
    background: #FAFAFA;
}

/* --- Leading status dot --- */
.pi-row__dot[b-up2nctryq9] {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #9CA3AF;
}

.pi-row--is-active .pi-row__dot[b-up2nctryq9] {
    background: #3B6D11;
    box-shadow: 0 0 0 3px rgba(59, 109, 17, 0.10);
}

.pi-row--is-expiring .pi-row__dot[b-up2nctryq9] {
    background: #B45309;
    box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.12);
}

.pi-row--is-expired .pi-row__dot[b-up2nctryq9] {
    background: #9CA3AF;
}

/* --- Primary cluster: email + role chip --- */
.pi-row__primary[b-up2nctryq9] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.pi-row__email[b-up2nctryq9] {
    font-size: 14px;
    font-weight: 500;
    color: #1F2937;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pi-row--is-expired .pi-row__email[b-up2nctryq9] {
    color: #9CA3AF;
}

.pi-row__role[b-up2nctryq9] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(221, 81, 0, 0.08);
    color: #B84300;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    flex-shrink: 0;
}

.pi-row--is-expired .pi-row__role[b-up2nctryq9] {
    background: #F3F4F6;
    color: #9CA3AF;
}

/* --- Meta cluster: sent date + expiry --- */
.pi-row__meta[b-up2nctryq9] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #6B7280;
    white-space: nowrap;
}

.pi-row__sep[b-up2nctryq9] {
    color: #D1D5DB;
}

.pi-row__expiry--expiring[b-up2nctryq9] {
    color: #B45309;
    font-weight: 500;
}

.pi-row__expiry--expired[b-up2nctryq9] {
    color: #9CA3AF;
    font-style: italic;
}

/* --- Actions cluster: pill chips --- */
.pi-row__actions[b-up2nctryq9] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.pi-chip[b-up2nctryq9] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 28px;
    padding: 0 11px;
    border: 1px solid #E5E7EB;
    border-radius: 999px;
    background: #FFFFFF;
    color: #4B5563;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    transition: border-color 140ms ease-out, color 140ms ease-out, background-color 140ms ease-out, transform 140ms ease-out;
}

.pi-chip:hover:not(:disabled)[b-up2nctryq9] {
    border-color: #DD5100;
    color: #DD5100;
    background: rgba(221, 81, 0, 0.04);
}

.pi-chip:focus-visible[b-up2nctryq9] {
    outline: 2px solid rgba(221, 81, 0, 0.45);
    outline-offset: 2px;
}

.pi-chip:disabled[b-up2nctryq9] {
    opacity: 0.45;
    cursor: not-allowed;
}

.pi-chip--danger:hover:not(:disabled)[b-up2nctryq9] {
    border-color: #B91C1C;
    color: #B91C1C;
    background: rgba(185, 28, 28, 0.04);
}

.pi-chip--copied[b-up2nctryq9] {
    border-color: #3B6D11;
    color: #3B6D11;
    background: rgba(59, 109, 17, 0.06);
}

.pi-chip__label[b-up2nctryq9] {
    line-height: 1;
}

/* Animation: copy-pulse halo (BA-020 preserved through rework) */
.pi-copy-pulse[b-up2nctryq9] {
    animation: piCopyPulse-b-up2nctryq9 900ms ease-out;
}

@keyframes piCopyPulse-b-up2nctryq9 {
    0%   { box-shadow: 0 0 0 0 rgba(221, 81, 0, 0.55); }
    60%  { box-shadow: 0 0 0 10px rgba(221, 81, 0, 0); }
    100% { box-shadow: 0 0 0 0 rgba(221, 81, 0, 0); }
}

/* --- Compact responsive layout below 720px --- */
@media (max-width: 720px) {
    .pi-row[b-up2nctryq9] {
        grid-template-columns: 8px 1fr;
        grid-template-rows: auto auto auto;
        row-gap: 6px;
    }
    .pi-row__meta[b-up2nctryq9] {
        grid-column: 2;
    }
    .pi-row__actions[b-up2nctryq9] {
        grid-column: 1 / -1;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
}

/* --- Reduced motion --- */
@media (prefers-reduced-motion: reduce) {
    .pi-row[b-up2nctryq9],
    .pi-row--leaving[b-up2nctryq9],
    .pi-chip[b-up2nctryq9],
    .pi-copy-pulse[b-up2nctryq9] {
        animation: none !important;
        transition: none !important;
    }
}
/* /Shared/Pager.razor.rz.scp.css */
/* Pagination Style */
.pagination .btn[b-nf6vshtv30] {
    background-color: darkgray;
}

.pagination span.btn[b-nf6vshtv30] {
    background-color: #000;
    color: #fff;
}

.pagination li[b-nf6vshtv30] {
    padding: 5px;
}
/* /Shared/PreviewBanner.razor.rz.scp.css */
.preview-banner[b-kl61wnlwzl] {
    position: fixed;
    top: 56px; /* Below navbar (navbar height) */
    left: 0;
    right: 0;
    z-index: 1000;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    color: #fff;
    padding: 0.75rem 1rem;
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
    animation: slideDown-b-kl61wnlwzl 0.3s ease-out;
}

@keyframes slideDown-b-kl61wnlwzl {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.preview-banner-container[b-kl61wnlwzl] {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.preview-banner-content[b-kl61wnlwzl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.preview-icon[b-kl61wnlwzl] {
    font-size: 1.5rem;
    line-height: 1;
}

.preview-text[b-kl61wnlwzl] {
    font-size: 0.95rem;
    font-weight: 500;
}

.preview-text strong[b-kl61wnlwzl] {
    font-weight: 700;
}

.preview-actions[b-kl61wnlwzl] {
    display: flex;
    gap: 0.5rem;
}

.preview-actions .btn[b-kl61wnlwzl] {
    font-size: 0.875rem;
    padding: 0.375rem 1rem;
    font-weight: 600;
    border: none;
}

.preview-actions .btn-success[b-kl61wnlwzl] {
    background: #fff;
    color: #ff6b35;
}

.preview-actions .btn-success:hover[b-kl61wnlwzl] {
    background: #f0f0f0;
    color: #e55a25;
}

.preview-actions .btn-secondary[b-kl61wnlwzl] {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.preview-actions .btn-secondary:hover[b-kl61wnlwzl] {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.6);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .preview-banner-container[b-kl61wnlwzl] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .preview-actions[b-kl61wnlwzl] {
        width: 100%;
    }

    .preview-actions .btn[b-kl61wnlwzl] {
        flex: 1;
    }
}