/* ───────────────────────────────────────────────────────────────────────── Global top bar (Phase NAV, ported from SBA's static/css/topbar.css). Loaded by base.html on every page; the bar itself renders only for authenticated users (body.has-topbar). Navy skin reuses DLB's --primary (#1B4F8A, static/style.css :root); the existing variables are read, never redefined. DLB has no dark mode outside POS, so none is added here. z-index layering: top bar 50 (sticky top). Above page sticky elements (they go up to ~11, e.g. table headers) and BELOW every fixed panel / modal scrim (the lowest is 60), so a drill panel's close button or a modal's header is never painted under the bar, and scrims dim the bar like the rest of the page. tests/test_nav_topbar.py pins this ordering. hub dropdowns 950 (inside the bar's stacking context, so they still sit above page content) drawer/overlay 1000+ (outside the bar; below the 10000 View As banner) ────────────────────────────────────────────────────────────────────── */ :root { --tb-navy: var(--primary, #1B4F8A); --tb-navy-hi: #23609f; --tb-accent: #8fc1ff; /* --tb-h: how much of the viewport top the app chrome covers — the sticky bar (52px = .sba-topbar height) plus the 30px View As banner when an owner is impersonating. Page sticky offsets, fixed side panels and "fill the rest of the viewport" heights use it instead of hard-coding the retired 56px per-page header. 0 on pages without the bar (login, public RA form). tests/test_nav_page_chrome.py pins it to the bar. */ --tb-h: 0px; } /* The bar sits in normal flow (sticky), so content needs no offset. */ body.has-topbar { margin-left: 0; --tb-h: 52px; } /* View As: base.html adds .tb-viewing-as with the fixed 30px banner; the bar then sticks under the banner instead of sliding beneath it. */ body.has-topbar.tb-viewing-as { --tb-h: 82px; } body.tb-viewing-as .sba-topbar { top: 30px; } /* ── Page toolbar ───────────────────────────────────────────────────────── The one shared pattern for a page's own controls / breadcrumb that used to sit in its per-page