/* Shared admin component system. Linked after tokens.css + theme.css on every admin page. All values come from tokens (var(--…)) so light/dark + future re-skins are free (per docs/ui-standards.md). Paired with js/admin-nav.js. The nav is a grouped LEFT SIDEBAR (js/admin-nav.js renders it into #adminNav); under ~860px it collapses to a header (☰ + brand + theme) plus a full-height grouped drawer. js/admin-nav.js adds `body.admin-shell`, which is what offsets page content clear of the fixed sidebar / mobile header. */ /* ── Shell ─────────────────────────────────────────────────────────────── */ /* Themed page background — the shared default for admin pages that don't set their own. Without this the stayed browser-white while the token-based cards/header went dark in dark mode (and "black boxes" in light), i.e. not theme-sensitive. Pages with their own inline `body{}` (companies/feeds/pulse) still win via the cascade; this catches admin-home + admin-profiles. */ body { background: var(--bg); color: var(--text); font-family: var(--font-main); } /* ^ font-family belongs on the shell too: admin-home / admin-profiles use the shared shell with no inline