/* Original CFW implementation; inspired by Tabler's public dashboard patterns.
   No Bootstrap dependency. Shared modern component rules live in app.css. */
:root{
 --nav:#182433;--nav-text:#f1f5f9;--nav-muted:#b9c6d5;--nav-active:#25364b;--nav-line:#34455b;
 --accent:#1765b2;--accent-soft:#eaf3fc;--on-accent:#fff;--bg:#f1f4f8;--surface:#fff;
 --text:#182433;--muted:#526173;--line:#dce2e9;--hover:#f6f9fc;--selected:#e4f0fc;--table-head:#f6f8fb;
 --radius:6px;--control-radius:6px;--small-radius:6px;--panel-radius:6px;
 --shadow:0 1px 2px #18243308;--nav-width:232px;--page-width:1560px;--page-padding:28px 32px;
 --cell-padding:12px 20px;--panel-padding:20px;--heading-size:28px;--space:20px;
 --frame-margin:0;--frame-radius:0;--frame-border:0;--frame-bg:#f1f4f8;--header-bg:#fff;
 --sidebar-border:1px solid #182433;--sidebar-pad:24px 14px;
 --menu-selected-bg:#25364b;--menu-selected-text:#fff;--menu-selected-shadow:inset 3px 0 #58a6ed;
 --level-bg:#111c2a;--level-border:#34455b;--level-selected-bg:#304760;--level-selected-text:#fff;
 --level-selected-shadow:none;--tab-bg:transparent;--tab-radius:0;--tab-border:0;
 --tab-padding:0;--tab-gap:20px;--tab-item-padding:12px 4px;--tab-active-bg:transparent;--tab-active-shadow:none;
 --tab-active-border:#1765b2;--row-action-bg:#fff;--row-action-border:#dce2e9;
 --toolbar-padding:16px 20px;--list-row-padding:14px 20px;--title-weight:650;--control-shadow:0 1px 2px #18243308;
 --control-line:#8792a2;
 color-scheme:light;
}