/* Kimio.ControlCentre — the Super Admin control centre (ADMIN1 #1006). This ports the design system from the ADR's console mock (docs/design/ui/mockups/control-centre-mock.html): a utilitarian, ERD-mirroring operations tool — a left rail, a top bar with an environment chip, chip-styled tables, and a card-grid drill-in. Theme-aware (light/dark) off shared tokens, so the viewer's OS/theme toggle both work. Why this is a GLOBAL stylesheet rather than colocated per-component (.razor.css), per the Blazor CSS-isolation rule's "global styles require explicit justification": • It is a single, cohesive DESIGN SYSTEM — the tokens (:root), resets, and reused primitives (.btn, .chip, .card, tables, .field, .notice, .kv, .rolechip) are shared VERBATIM by every page (Users, UserDetail, Tariffs, SignIn). CSS isolation would fragment one primitive into a per-component copy (or force ::deep), which is worse for a design system than one shared sheet. • The rail's "soon" items are built programmatically (MainLayout.SoonItem via RenderTreeBuilder), so the Razor compiler never stamps them with a component scope attribute — scoped .razor.css selectors would silently fail to match them. The shell must therefore be styled globally to render correctly. Component-private, non-shared styling would still be colocated; nothing here qualifies. */ :root { --ground: #f6f7f9; --panel: #ffffff; --panel-2: #f0f2f5; --ink: #1b2430; --ink-2: #59636e; --ink-3: #8a929c; --line: #e2e6eb; --line-2: #cfd5dd; --accent: #3b5bdb; --accent-soft: #e8ecfb; --good: #2f9e44; --good-soft: #e6f4ea; --warn: #e8830c; --warn-soft: #fbefdc; --crit: #e03131; --crit-soft: #fbe4e4; --inert: #868e96; --inert-soft: #eceef1; --kimio-orange-soft: #FFF3EC; /* TEXT weights of the two chip colours. The fill tokens above are tuned to be soft, so the matching full-strength colour on top of them lands near 3:1 — under the 4.5:1 WCAG 1.4.3 asks of the 12px 600-weight chip text. These are the same hues carried to a legible weight, per theme, so the chip keeps its colour language and only its text darkens. */ --kimio-orange-ink: #A32E05; --warn-ink: #7A5A0F; --mono: ui-monospace, "Cascadia Code", "SF Mono", Consolas, "Liberation Mono", monospace; --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --radius: 5px; --shadow: 0 1px 2px rgba(20, 30, 45, 0.06), 0 1px 1px rgba(20, 30, 45, 0.04); /* Tell the browser the page's theme so NATIVE controls (the date picker's calendar indicator, the status