/* /Layout/MainLayout.razor.rz.scp.css */
/*
 * Blazor CSS Isolation — MainLayout
 *
 * MudAppBar has been replaced with a plain <header class="top-row">.
 * All ::deep .mud-appbar overrides removed — no longer needed.
 * Layout shell rules live in app.css: .faia-shell, .faia-sidebar, .faia-main.
 */

/* ── Sidebar hidden state — width collapse (not display:none) ─────────
   display:none skips transitions and breaks the flex layout.
   width:0 + overflow:hidden collapses the sidebar smoothly while keeping
   it in the flex flow so .faia-main shifts without jumping.
──────────────────────────────────────────────────────────────────────── */
.faia-sidebar-hidden[b-dvnoaheoks] {
    width: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    border-right: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* ── Header brand classes (white header) ─────────────────────────────── */

/* "FAIA" accent — brand navy on white */
.faia-brand-accent[b-dvnoaheoks] {
    color: #4361ee;
    font-weight: 800;
}

/* "Live" label — grouped inside .header-brand-group, no extra margin needed */
.faia-live-label[b-dvnoaheoks] {
    color: #4361ee;
    font-size: 11px;
}

/* Profile avatar trigger + dropdown styles live in app.css (global) to avoid
   Blazor CSS-isolation scoping issues with conditionally-rendered children. */