:root{--xz-k:"76de69de5951bca0"}

  :root{
    /* ---- Construction Estimator Pro design system ---- */
    --navy:#203040; --navy-2:#2b3f52; --navy-3:#324a60;
    --steel:#2F5D8C; --steel-light:#4d7fae;
    --gold:#D4A33B; --gold-light:#f3e0b3; --gold-dark:#a97f27;
    --bg:#F7F8FA; --card:#ffffff; --border:#e3e7ec; --border-soft:#edf0f3;
    --text:#333333; --text-mute:#6b7684; --text-faint:#98a2ad;
    --ok:#2e7d4f; --ok-bg:#e9f6ee; --danger:#c0392b; --danger-bg:#fdecea;
    --warn:#8a6215; --warn-bg:#fdf3dd;
    --radius:12px; --radius-sm:8px;
    --shadow:0 4px 18px rgba(20,30,40,.08);
    --shadow-sm:0 1px 3px rgba(20,30,40,.06);
    --shadow-lift:0 8px 24px rgba(20,30,40,.14);
    --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    --sidebar-w:288px; --header-h:68px;
    /* Palette tokens: accent RGB triplets for translucent tints,
       table-header text, and an 8-colour series for charts / stat accents. */
    --gold-rgb:212,163,59; --steel-rgb:47,93,140; --th-text:#e9edf1; --h4:inherit; --ink:var(--navy);
    --c1:#2F5D8C; --c2:#D4A33B; --c3:#3a7a53; --c4:#7a3d5a; --c5:#4a8c8c; --c6:#4d7fae; --c7:#a97f27; --c8:#98a2ad;
  }
  [data-theme="dark"]{
    --navy:#111827; --navy-2:#1f2937; --navy-3:#27303f;
    --bg:#0d1420; --card:#1a2332; --border:#2c3646; --border-soft:#232d3c;
    --text:#e6e9ed; --text-mute:#9aa5b1; --text-faint:#6b7684;
    --ok-bg:#123324; --danger-bg:#3a1c19; --warn:#e0b34c; --warn-bg:#3a2f12;
    --ink:#f3f6fb; /* headings & key numbers: the navy ink would vanish on dark cards */
  }
  /* ===================== COLOUR PALETTES =====================
     data-palette on <html> picks the colour set; data-theme="dark" picks
     Night, no data-theme = Day. "classic" = the original Construction
     Estimator colours (no overrides). Default: midnight + Night. */
  /* ---- Midnight Dashboard (navy dashboard, sky / purple / gold / pink / teal) ---- */
  [data-palette="midnight"][data-theme="dark"]{
    --navy:#141c2c; --navy-2:#1a2438; --navy-3:#24314b;
    --steel:#3d9bd6; --steel-light:#6cc6f0; --steel-rgb:61,155,214;
    --gold:#f5c445; --gold-light:#4a3f1c; --gold-dark:#e0a91f; --gold-rgb:245,196,69;
    --bg:#1b2436; --card:#222d43; --border:#33415c; --border-soft:#2b3852;
    --text:#e8edf6; --text-mute:#a3b1c9; --text-faint:#7182a0; --th-text:#6cc6f0; --h4:#6cc6f0;
    --c1:#5ab4e6; --c2:#9b7bf0; --c3:#f5c445; --c4:#ff5c8d; --c5:#33c9a0; --c6:#4f7cf7; --c7:#ff9f43; --c8:#8fa3c2;
  }
  [data-palette="midnight"]:not([data-theme="dark"]){
    --navy:#1c2640; --navy-2:#24305a; --navy-3:#2f3d6e;
    --steel:#2d5bd7; --steel-light:#5b82ea; --steel-rgb:45,91,215;
    --gold:#f2b705; --gold-light:#fff1c2; --gold-dark:#c99500; --gold-rgb:242,183,5;
    --bg:#eef1fb; --card:#ffffff; --border:#dbe1f2; --border-soft:#e8ecf7;
    --text:#1d2433; --text-mute:#5d6886; --text-faint:#8d97b2; --th-text:#9fd8f7; --h4:#2d5bd7;
    --c1:#2d8fd0; --c2:#7b5ce0; --c3:#e8a800; --c4:#e8457a; --c5:#1fa883; --c6:#2d5bd7; --c7:#f08a24; --c8:#8c99b5;
  }
  /* ---- Dark Rainbow (near-black, full rainbow accents) ---- */
  [data-palette="rainbow"][data-theme="dark"]{
    --navy:#0d0d13; --navy-2:#15151f; --navy-3:#20202d;
    --steel:#8b5cf6; --steel-light:#a78bfa; --steel-rgb:139,92,246;
    --gold:#facc15; --gold-light:#4a3e0b; --gold-dark:#eab308; --gold-rgb:250,204,21;
    --bg:#121219; --card:#1b1b26; --border:#2d2d3d; --border-soft:#242432;
    --text:#ededf4; --text-mute:#a7a7bd; --text-faint:#73738c; --th-text:#f472b6; --h4:#c084fc;
    --c1:#f87171; --c2:#fb923c; --c3:#facc15; --c4:#4ade80; --c5:#60a5fa; --c6:#818cf8; --c7:#c084fc; --c8:#f472b6;
  }
  [data-palette="rainbow"]:not([data-theme="dark"]){
    --navy:#1f1b2e; --navy-2:#2a2540; --navy-3:#383152;
    --steel:#7c3aed; --steel-light:#9f67ff; --steel-rgb:124,58,237;
    --gold:#f59e0b; --gold-light:#fdecc8; --gold-dark:#c77d05; --gold-rgb:245,158,11;
    --bg:#fbf8f3; --card:#ffffff; --border:#ebe5da; --border-soft:#f3eee6;
    --text:#26222f; --text-mute:#6a6478; --text-faint:#9a94a8; --th-text:#fbcfe8; --h4:#7c3aed;
    --c1:#ef4444; --c2:#f97316; --c3:#eab308; --c4:#22c55e; --c5:#3b82f6; --c6:#6366f1; --c7:#a855f7; --c8:#ec4899;
  }
  /* ---- Lavender (soft pastel planner style) ---- */
  [data-palette="lavender"][data-theme="dark"]{
    --navy:#120f22; --navy-2:#1a1630; --navy-3:#262042;
    --steel:#a78bfa; --steel-light:#c4b5fd; --steel-rgb:167,139,250;
    --gold:#f9a8d4; --gold-light:#4a2340; --gold-dark:#f472b6; --gold-rgb:249,168,212;
    --bg:#17142a; --card:#211d39; --border:#352f55; --border-soft:#2a2547;
    --text:#ece9fb; --text-mute:#b0a9d3; --text-faint:#7d76a3; --th-text:#f9a8d4; --h4:#c4b5fd;
    --c1:#a78bfa; --c2:#f9a8d4; --c3:#7dd3fc; --c4:#fcd34d; --c5:#86efac; --c6:#fda4af; --c7:#c4b5fd; --c8:#a5b4fc;
  }
  [data-palette="lavender"]:not([data-theme="dark"]){
    --navy:#3b2f63; --navy-2:#4a3c7a; --navy-3:#5a4a8f;
    --steel:#7c5cff; --steel-light:#9d85ff; --steel-rgb:124,92,255;
    --gold:#ec7fa9; --gold-light:#fde2ee; --gold-dark:#d45a8a; --gold-rgb:236,127,169;
    --bg:#f5f2ff; --card:#ffffff; --border:#e6e0fb; --border-soft:#efebfd;
    --text:#2a2440; --text-mute:#6c6491; --text-faint:#9c95bb; --th-text:#f3eaff; --h4:#7c5cff;
    --c1:#7c5cff; --c2:#ec7fa9; --c3:#38bdf8; --c4:#f6b93b; --c5:#34c38f; --c6:#f47c7c; --c7:#a78bfa; --c8:#94a3b8;
  }
  /* ---- Emerald (deep green with gold) ---- */
  [data-palette="emerald"][data-theme="dark"]{
    --navy:#0b1511; --navy-2:#11201a; --navy-3:#1a2e25;
    --steel:#2fb985; --steel-light:#5ad3a4; --steel-rgb:47,185,133;
    --gold:#fbbf24; --gold-light:#44360f; --gold-dark:#e0a50f; --gold-rgb:251,191,36;
    --bg:#0f1a16; --card:#17251f; --border:#28392f; --border-soft:#1f2f27;
    --text:#e6f2ec; --text-mute:#9fbcae; --text-faint:#6c8a7c; --th-text:#5ad3a4; --h4:#5ad3a4;
    --c1:#34d399; --c2:#fbbf24; --c3:#38bdf8; --c4:#f87171; --c5:#a3e635; --c6:#2dd4bf; --c7:#fb923c; --c8:#94a3b8;
  }
  [data-palette="emerald"]:not([data-theme="dark"]){
    --navy:#183a2f; --navy-2:#1f4a3c; --navy-3:#285a49;
    --steel:#1f7a5a; --steel-light:#2f9a73; --steel-rgb:31,122,90;
    --gold:#d4a33b; --gold-light:#f6e7c3; --gold-dark:#a97f27; --gold-rgb:212,163,59;
    --bg:#f3f7f4; --card:#ffffff; --border:#dfe8e2; --border-soft:#eaf0ec;
    --text:#1f2a25; --text-mute:#5f7168; --text-faint:#91a299; --th-text:#e3f3eb; --h4:#1f7a5a;
    --c1:#1f7a5a; --c2:#d4a33b; --c3:#2b7bb9; --c4:#c2410c; --c5:#65a30d; --c6:#0d9488; --c7:#b45309; --c8:#8a9a91;
  }
  /* ===================== SLEEK STYLE =====================
     data-style="sleek": flat panels, hairlines, pill tabs, one accent colour.
     data-sleek picks the theme (background + accent + font), Day / Night via data-theme. */
  html[data-style="sleek"][data-sleek="gold"][data-theme="dark"]{
    --font:'Inter','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    --navy:#0c0c0e; --navy-2:#0c0c0e; --navy-3:#141417; --bg:#0c0c0e; --card:#141417; --border:#232328; --border-soft:#232328;
    --text:#ececf0; --text-mute:#8a8a95; --text-faint:#5c5c66; --ink:#ececf0; --th-text:#8a8a95; --h4:#ececf0;
    --steel:#f5c445; --steel-light:#f5c445; --steel-rgb:245,196,69; --gold:#f5c445; --gold-dark:#f6cd61; --gold-rgb:245,196,69;
    --gold-light:#3d341f; --on-acc:#17130a; --input-bg:#212124;
    --c1:#f5c445; --c2:#8a8a95; --c3:#907530; --c4:#b6b6ba; --c5:#55555c; --c6:#584925; --c7:#5c5c66; --c8:#6a6a6e;
    --shadow:none; --shadow-sm:none; --shadow-lift:0 16px 40px rgba(0,0,0,.45);
  }
  html[data-style="sleek"][data-sleek="gold"]:not([data-theme="dark"]){
    --font:'Inter','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    --navy:#f6f5f0; --navy-2:#f6f5f0; --navy-3:#ffffff; --bg:#f6f5f0; --card:#ffffff; --border:#e7e5dd; --border-soft:#e7e5dd;
    --text:#18181b; --text-mute:#6b6b73; --text-faint:#a1a1a8; --ink:#18181b; --th-text:#6b6b73; --h4:#18181b;
    --steel:#c99a06; --steel-light:#c99a06; --steel-rgb:201,154,6; --gold:#c99a06; --gold-dark:#ab8305; --gold-rgb:201,154,6;
    --gold-light:#f5edd2; --on-acc:#ffffff; --input-bg:#f1f1f1;
    --c1:#c99a06; --c2:#6b6b73; --c3:#e1c776; --c4:#525254; --c5:#aeaeb2; --c6:#efe1b4; --c7:#a1a1a8; --c8:#a3a3a4;
    --shadow:none; --shadow-sm:none; --shadow-lift:0 16px 40px rgba(0,0,0,.10);
  }
  html[data-style="sleek"][data-sleek="sky"][data-theme="dark"]{
    --font:'Manrope','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    --navy:#0d1015; --navy-2:#0d1015; --navy-3:#151a21; --bg:#0d1015; --card:#151a21; --border:#242b35; --border-soft:#242b35;
    --text:#e8edf3; --text-mute:#8592a3; --text-faint:#5a6575; --ink:#e8edf3; --th-text:#8592a3; --h4:#e8edf3;
    --steel:#5ab4e6; --steel-light:#5ab4e6; --steel-rgb:90,180,230; --gold:#5ab4e6; --gold-dark:#73bfea; --gold-rgb:90,180,230;
    --gold-light:#213644; --on-acc:#06131c; --input-bg:#22272e;
    --c1:#5ab4e6; --c2:#8592a3; --c3:#3b6f8d; --c4:#b3b8be; --c5:#535c68; --c6:#2a485c; --c7:#5a6575; --c8:#696e75;
    --shadow:none; --shadow-sm:none; --shadow-lift:0 16px 40px rgba(0,0,0,.45);
  }
  html[data-style="sleek"][data-sleek="sky"]:not([data-theme="dark"]){
    --font:'Manrope','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    --navy:#f3f6f9; --navy-2:#f3f6f9; --navy-3:#ffffff; --bg:#f3f6f9; --card:#ffffff; --border:#e1e7ee; --border-soft:#e1e7ee;
    --text:#141a22; --text-mute:#66727f; --text-faint:#9aa5b1; --ink:#141a22; --th-text:#66727f; --h4:#141a22;
    --steel:#1f7fc2; --steel-light:#1f7fc2; --steel-rgb:31,127,194; --gold:#1f7fc2; --gold-dark:#1a6ca5; --gold-rgb:31,127,194;
    --gold-light:#d7e8f4; --on-acc:#ffffff; --input-bg:#f1f1f2;
    --c1:#1f7fc2; --c2:#66727f; --c3:#84b9dd; --c4:#4f5359; --c5:#abb1b9; --c6:#bcd9ed; --c7:#9aa5b1; --c8:#a1a3a7;
    --shadow:none; --shadow-sm:none; --shadow-lift:0 16px 40px rgba(0,0,0,.10);
  }
  html[data-style="sleek"][data-sleek="copper"][data-theme="dark"]{
    --font:'DM Sans','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    --navy:#13100e; --navy-2:#13100e; --navy-3:#1c1714; --bg:#13100e; --card:#1c1714; --border:#2e2621; --border-soft:#2e2621;
    --text:#f0e9e3; --text-mute:#a39184; --text-faint:#6e6157; --ink:#f0e9e3; --th-text:#a39184; --h4:#f0e9e3;
    --steel:#e08a4f; --steel-light:#e08a4f; --steel-rgb:224,138,79; --gold:#e08a4f; --gold-dark:#e59c69; --gold-rgb:224,138,79;
    --gold-light:#3f2c1f; --on-acc:#1a0f07; --input-bg:#292420;
    --c1:#e08a4f; --c2:#a39184; --c3:#885634; --c4:#bbb4af; --c5:#665a52; --c6:#573a26; --c7:#6e6157; --c8:#716b67;
    --shadow:none; --shadow-sm:none; --shadow-lift:0 16px 40px rgba(0,0,0,.45);
  }
  html[data-style="sleek"][data-sleek="copper"]:not([data-theme="dark"]){
    --font:'DM Sans','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    --navy:#f8f4ef; --navy-2:#f8f4ef; --navy-3:#ffffff; --bg:#f8f4ef; --card:#ffffff; --border:#ebe2d8; --border-soft:#ebe2d8;
    --text:#261c15; --text-mute:#7d6b5d; --text-faint:#ad9d90; --ink:#261c15; --th-text:#7d6b5d; --h4:#261c15;
    --steel:#b8612a; --steel-light:#b8612a; --steel-rgb:184,97,42; --gold:#b8612a; --gold-dark:#9c5224; --gold-rgb:184,97,42;
    --gold-light:#f2e3d9; --on-acc:#ffffff; --input-bg:#f2f1f1;
    --c1:#b8612a; --c2:#7d6b5d; --c3:#d8a88a; --c4:#5c5550; --c5:#b8aea6; --c6:#ead0bf; --c7:#ad9d90; --c8:#a8a4a1;
    --shadow:none; --shadow-sm:none; --shadow-lift:0 16px 40px rgba(0,0,0,.10);
  }
  html[data-style="sleek"][data-sleek="mint"][data-theme="dark"]{
    --font:'Outfit','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    --navy:#0b100e; --navy-2:#0b100e; --navy-3:#121916; --bg:#0b100e; --card:#121916; --border:#1f2a25; --border-soft:#1f2a25;
    --text:#e6f1ec; --text-mute:#87a096; --text-faint:#566b62; --ink:#e6f1ec; --th-text:#87a096; --h4:#e6f1ec;
    --steel:#4ade9c; --steel-light:#4ade9c; --steel-rgb:74,222,156; --gold:#4ade9c; --gold-dark:#65e3ab; --gold-rgb:74,222,156;
    --gold-light:#1c3c2e; --on-acc:#04140c; --input-bg:#1f2623;
    --c1:#4ade9c; --c2:#87a096; --c3:#318560; --c4:#b1bbb6; --c5:#52635c; --c6:#23543e; --c7:#566b62; --c8:#676f6c;
    --shadow:none; --shadow-sm:none; --shadow-lift:0 16px 40px rgba(0,0,0,.45);
  }
  html[data-style="sleek"][data-sleek="mint"]:not([data-theme="dark"]){
    --font:'Outfit','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    --navy:#f2f7f4; --navy-2:#f2f7f4; --navy-3:#ffffff; --bg:#f2f7f4; --card:#ffffff; --border:#dde9e2; --border-soft:#dde9e2;
    --text:#13201a; --text-mute:#5f7469; --text-faint:#93a69c; --ink:#13201a; --th-text:#5f7469; --h4:#13201a;
    --steel:#15925c; --steel-light:#15925c; --steel-rgb:21,146,92; --gold:#15925c; --gold-dark:#127c4e; --gold-rgb:21,146,92;
    --gold-light:#d5ebe2; --on-acc:#ffffff; --input-bg:#f1f2f1;
    --c1:#15925c; --c2:#5f7469; --c3:#7ec3a5; --c4:#4e5853; --c5:#a7b3ac; --c6:#b9dece; --c7:#93a69c; --c8:#a1a6a3;
    --shadow:none; --shadow-sm:none; --shadow-lift:0 16px 40px rgba(0,0,0,.10);
  }
  html[data-style="sleek"][data-sleek="rose"][data-theme="dark"]{
    --font:'Poppins','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    --navy:#110c12; --navy-2:#110c12; --navy-3:#1a131c; --bg:#110c12; --card:#1a131c; --border:#2c2230; --border-soft:#2c2230;
    --text:#f3eaf4; --text-mute:#a48fa8; --text-faint:#6c5a70; --ink:#f3eaf4; --th-text:#a48fa8; --h4:#f3eaf4;
    --steel:#f472b6; --steel-light:#f472b6; --steel-rgb:244,114,182; --gold:#f472b6; --gold-dark:#f687c1; --gold-rgb:244,114,182;
    --gold-light:#412438; --on-acc:#1f0715; --input-bg:#272029;
    --c1:#f472b6; --c2:#a48fa8; --c3:#924771; --c4:#bdb4be; --c5:#665769; --c6:#5b304a; --c7:#6c5a70; --c8:#716972;
    --shadow:none; --shadow-sm:none; --shadow-lift:0 16px 40px rgba(0,0,0,.45);
  }
  html[data-style="sleek"][data-sleek="rose"]:not([data-theme="dark"]){
    --font:'Poppins','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    --navy:#fbf5f8; --navy-2:#fbf5f8; --navy-3:#ffffff; --bg:#fbf5f8; --card:#ffffff; --border:#efe1e9; --border-soft:#efe1e9;
    --text:#24151e; --text-mute:#806a78; --text-faint:#b29fab; --ink:#24151e; --th-text:#806a78; --h4:#24151e;
    --steel:#d6407f; --steel-light:#d6407f; --steel-rgb:214,64,127; --gold:#d6407f; --gold-dark:#b6366c; --gold-rgb:214,64,127;
    --gold-light:#f8dde8; --on-acc:#ffffff; --input-bg:#f2f1f2;
    --c1:#d6407f; --c2:#806a78; --c3:#e896b9; --c4:#5b5056; --c5:#b9adb5; --c6:#f3c6d9; --c7:#b29fab; --c8:#a7a1a5;
    --shadow:none; --shadow-sm:none; --shadow-lift:0 16px 40px rgba(0,0,0,.10);
  }
  html[data-style="sleek"][data-sleek="violet"][data-theme="dark"]{
    --font:'Space Grotesk','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    --navy:#0d0c15; --navy-2:#0d0c15; --navy-3:#15141f; --bg:#0d0c15; --card:#15141f; --border:#252336; --border-soft:#252336;
    --text:#ecebf7; --text-mute:#8f8ca8; --text-faint:#5d5a78; --ink:#ecebf7; --th-text:#8f8ca8; --h4:#ecebf7;
    --steel:#8b7cf6; --steel-light:#8b7cf6; --steel-rgb:139,124,246; --gold:#8b7cf6; --gold-dark:#9c90f7; --gold-rgb:139,124,246;
    --gold-light:#2a2746; --on-acc:#ffffff; --input-bg:#22212c;
    --c1:#8b7cf6; --c2:#8f8ca8; --c3:#564d95; --c4:#b6b5c1; --c5:#58566a; --c6:#383360; --c7:#5d5a78; --c8:#6b6a75;
    --shadow:none; --shadow-sm:none; --shadow-lift:0 16px 40px rgba(0,0,0,.45);
  }
  html[data-style="sleek"][data-sleek="violet"]:not([data-theme="dark"]){
    --font:'Space Grotesk','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    --navy:#f5f4fb; --navy-2:#f5f4fb; --navy-3:#ffffff; --bg:#f5f4fb; --card:#ffffff; --border:#e4e1f3; --border-soft:#e4e1f3;
    --text:#17152a; --text-mute:#6c6889; --text-faint:#9e9ab8; --ink:#17152a; --th-text:#6c6889; --h4:#17152a;
    --steel:#6a55e8; --steel-light:#6a55e8; --steel-rgb:106,85,232; --gold:#6a55e8; --gold-dark:#5a48c5; --gold-rgb:106,85,232;
    --gold-light:#e4e0fb; --on-acc:#ffffff; --input-bg:#f1f1f2;
    --c1:#6a55e8; --c2:#6c6889; --c3:#ada2f2; --c4:#51505f; --c5:#aeacbe; --c6:#d2ccf8; --c7:#9e9ab8; --c8:#a2a1aa;
    --shadow:none; --shadow-sm:none; --shadow-lift:0 16px 40px rgba(0,0,0,.10);
  }
  /* structure */
  [data-style="sleek"] body{font-family:var(--font);}
  [data-style="sleek"] header.app-header{background:var(--bg);border-bottom:1px solid var(--border);color:var(--text);}
  [data-style="sleek"] .brand h1{color:var(--text);} [data-style="sleek"] .brand .sub, [data-style="sleek"] .autosave-indicator{color:var(--text-mute);}
  [data-style="sleek"] .brand h1 .version-tag{background:rgba(var(--gold-rgb),.14);color:var(--gold);}
  [data-style="sleek"] .brand .logo-badge{background:var(--gold);box-shadow:none;}
  [data-style="sleek"] .app-header .btn.ghost{border:1px solid var(--border);color:var(--text-mute);background:var(--card);border-radius:999px;}
  [data-style="sleek"] .app-header .btn.ghost:hover{border-color:var(--gold);color:var(--text);background:var(--card);}
  [data-style="sleek"] nav.sidebar{background:var(--bg);border-right:1px solid var(--border);}
  [data-style="sleek"] nav.sidebar .side-label, [data-style="sleek"] nav.sidebar .side-label.section-label{color:var(--text-faint);border-top-color:var(--border);text-transform:none;letter-spacing:0;font-size:11.5px;font-weight:500;}
  [data-style="sleek"] nav.sidebar button{color:var(--text-mute);border-radius:10px;}
  [data-style="sleek"] nav.sidebar button:hover{background:rgba(var(--gold-rgb),.07);color:var(--text);}
  [data-style="sleek"] nav.sidebar button.active{background:rgba(var(--gold-rgb),.12);color:var(--text);box-shadow:inset 3px 0 0 var(--gold);font-weight:500;}
  [data-style="sleek"] .card{background:transparent;border:none;box-shadow:none;padding:4px 0;}
  [data-style="sleek"] .card h2{font-size:24px;font-weight:600;letter-spacing:-.02em;}
  [data-style="sleek"] .card h2 > svg.ic{color:var(--gold);}
  [data-style="sleek"] .card h3, [data-style="sleek"] .card h4, [data-style="sleek"] .section-block h4, [data-style="sleek"] .section-block .sb-header h4{color:var(--text);text-transform:none;letter-spacing:-.005em;font-weight:600;font-size:14.5px;border-bottom-color:var(--border);}
  [data-style="sleek"] label{text-transform:none;letter-spacing:0;font-weight:500;font-size:12px;}
  [data-style="sleek"] input[type=text],[data-style="sleek"] input[type=number],[data-style="sleek"] input[type=date],[data-style="sleek"] select,[data-style="sleek"] textarea{background:var(--input-bg);border-color:transparent;border-radius:10px;}
  [data-style="sleek"] input[type=text]:focus,[data-style="sleek"] input[type=number]:focus,[data-style="sleek"] input[type=date]:focus,[data-style="sleek"] select:focus,[data-style="sleek"] textarea:focus{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold);}
  [data-style="sleek"] table input{background:transparent;} [data-style="sleek"] table input:focus{background:var(--input-bg);border-color:var(--gold);box-shadow:none;}
  [data-style="sleek"] input[type=checkbox], [data-style="sleek"] input[type=radio]{accent-color:var(--gold);}
  [data-style="sleek"] button.btn{background:var(--gold);color:var(--on-acc);border-radius:999px;box-shadow:none;}
  [data-style="sleek"] button.btn:hover{background:var(--gold-dark);color:var(--on-acc);box-shadow:none;}
  [data-style="sleek"] button.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text);}
  [data-style="sleek"] button.btn.ghost:hover{border-color:var(--gold);background:transparent;}
  [data-style="sleek"] button.btn.accent{background:var(--gold);color:var(--on-acc);}
  [data-style="sleek"] .table-wrap{border:1px solid var(--border);border-radius:14px;background:var(--card);}
  [data-style="sleek"] table thead th{background:var(--card);color:var(--text-mute);text-transform:none;letter-spacing:0;font-weight:500;font-size:12px;border-bottom:1px solid var(--border);}
  [data-style="sleek"] table tbody td{border-bottom-color:var(--border);}
  [data-style="sleek"] table tbody tr:nth-child(even){background:transparent;}
  [data-style="sleek"] table tbody tr:hover td{background:rgba(var(--gold-rgb),.05);}
  [data-style="sleek"] .section-block{background:var(--card);border:1px solid var(--border);border-radius:14px;}
  [data-style="sleek"] .stat-card, [data-style="sleek"] .kpi-card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:none !important;}
  [data-style="sleek"] .stat-card .stat-label, [data-style="sleek"] .kpi-label{text-transform:none;letter-spacing:0;font-weight:500;font-size:12.5px;color:var(--text-mute);}
  [data-style="sleek"] .stat-card .stat-value, [data-style="sleek"] .kpi-value{font-weight:600;letter-spacing:-.02em;color:var(--text);}
  [data-style="sleek"] .stat-card.grand, [data-style="sleek"] .kpi-card.hero{background:var(--card);border:1px solid rgba(var(--gold-rgb),.45);}
  [data-style="sleek"] .stat-card.grand .stat-label, [data-style="sleek"] .kpi-card.hero .kpi-label, [data-style="sleek"] .stat-card.grand .stat-sub, [data-style="sleek"] .kpi-card.hero .kpi-sub{color:var(--text-mute);}
  [data-style="sleek"] .stat-card.grand .stat-value, [data-style="sleek"] .kpi-card.hero .kpi-value{color:var(--gold);font-weight:600;}
  [data-style="sleek"] .subtabs{gap:4px;border:1px solid var(--border);background:var(--card);border-radius:12px;padding:5px;}
  [data-style="sleek"] .subtabs button{border:none;margin:0;border-radius:8px;padding:8px 12px;font-weight:500;min-height:38px;}
  /* boxed panels: keep the text off the border */
  [data-style="sleek"] .section-block:not(:has(> .sb-header)){padding:18px 20px;}
  [data-style="sleek"] .section-block > .sb-header{background:transparent;}
  [data-style="sleek"] .subtabs button.active{background:var(--gold);color:var(--on-acc);border:none;}
  [data-style="sleek"] .subtabs button:hover:not(.active){color:var(--text);}
  [data-style="sleek"] .floor-tabs .floor-tab{border-radius:999px;}
  [data-style="sleek"] .floor-tabs .floor-tab.active{background:var(--gold);color:var(--on-acc);border-color:var(--gold);}
  [data-style="sleek"] .note, [data-style="sleek"] .alert-item.warn{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--gold);color:var(--text);}
  [data-style="sleek"] .tag, [data-style="sleek"] .badge-stub{background:rgba(var(--gold-rgb),.14);color:var(--gold);}
  [data-style="sleek"] .palette-pop{border-radius:16px;}
  /* ---- palette-driven accents (all palettes, both modes) ---- */
  .card h4{color:var(--h4);}
  .card h2 > svg.ic{color:var(--c1);}
  .stats-grid > .stat-card:not(.grand){box-shadow:inset 0 3px 0 var(--c1), var(--shadow-sm);}
  .stats-grid > .stat-card:not(.grand):nth-child(4n+2){box-shadow:inset 0 3px 0 var(--c2), var(--shadow-sm);}
  .stats-grid > .stat-card:not(.grand):nth-child(4n+3){box-shadow:inset 0 3px 0 var(--c3), var(--shadow-sm);}
  .stats-grid > .stat-card:not(.grand):nth-child(4n+4){box-shadow:inset 0 3px 0 var(--c4), var(--shadow-sm);}
  .kpi-card:not(.hero){box-shadow:inset 0 3px 0 var(--c1), var(--shadow-sm);}
  .kpi-card:not(.hero):nth-child(4n+2){box-shadow:inset 0 3px 0 var(--c2), var(--shadow-sm);}
  .kpi-card:not(.hero):nth-child(4n+3){box-shadow:inset 0 3px 0 var(--c3), var(--shadow-sm);}
  .kpi-card:not(.hero):nth-child(4n+4){box-shadow:inset 0 3px 0 var(--c4), var(--shadow-sm);}
  [data-theme="dark"] .note{background:rgba(var(--gold-rgb),.10);border-color:rgba(var(--gold-rgb),.35);color:var(--text);}
  [data-theme="dark"] .tag, [data-theme="dark"] .radio-pill:has(input:checked), [data-theme="dark"] .alert-item.warn{color:var(--text);}
  /* palette picker */
  .palette-pop{position:absolute;right:16px;top:calc(var(--header-h) - 4px);z-index:80;width:320px;max-width:calc(100vw - 32px);background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lift);padding:14px;}
  .palette-pop h5{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-mute);}
  .palette-opt{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:1px solid var(--border-soft);border-radius:10px;background:none;color:var(--text);cursor:pointer;margin-bottom:6px;text-align:left;font:inherit;font-size:13px;}
  .palette-opt:hover{border-color:var(--steel);}
  .palette-opt.active{border-color:var(--gold);box-shadow:0 0 0 2px rgba(var(--gold-rgb),.25);}
  .palette-opt .sw{display:flex;gap:3px;margin-left:auto;}
  .palette-opt .sw i{width:13px;height:13px;border-radius:50%;display:block;border:1px solid rgba(0,0,0,.15);}
  .mode-seg{display:flex;gap:6px;margin-bottom:12px;}
  .mode-seg button{flex:1;padding:8px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;}
  .mode-seg button.active{background:var(--steel);border-color:var(--steel);color:#fff;}
  *{box-sizing:border-box;}
  html{-webkit-font-smoothing:antialiased;}
  body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.55;transition:background .2s ease,color .2s ease;}
  h1,h2,h3,h4{font-family:var(--font);letter-spacing:-.01em;}
  ::selection{background:var(--gold-light);color:#2a1f0a;}

  /* ---------- app shell ---------- */
  .app-shell{display:flex;flex-direction:column;min-height:100vh;}
  .app-body{display:flex;flex:1;min-height:0;}

  /* ---------- header ---------- */
  header.app-header{
    height:var(--header-h);background:linear-gradient(90deg,var(--navy),var(--navy-2) 65%);color:#fff;
    padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;
    border-bottom:3px solid var(--gold);flex-shrink:0;position:sticky;top:0;z-index:50;
  }
  .brand{display:flex;align-items:center;gap:13px;min-width:0;}
  .brand .logo-badge{
    width:40px;height:40px;border-radius:10px;flex-shrink:0;
    background:linear-gradient(135deg,var(--steel),var(--navy-3));
    display:flex;align-items:center;justify-content:center;font-size:19px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  }
  .brand-text{min-width:0;}
  .brand h1{font-size:17px;margin:0;font-weight:700;letter-spacing:.1px;white-space:nowrap;display:flex;align-items:center;gap:8px;}
  .brand h1 .version-tag{font-size:10px;font-weight:700;background:rgba(255,255,255,.1);color:#cdd8e3;padding:2px 7px;border-radius:20px;letter-spacing:.3px;}
  .brand .sub{font-size:11.5px;color:#aebbc9;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .header-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:thin;}
  .autosave-indicator{font-size:11px;color:#a9b8c7;display:flex;align-items:center;gap:6px;white-space:nowrap;padding-right:4px;}
  .autosave-indicator .dot{width:6px;height:6px;border-radius:50%;background:#57c37c;box-shadow:0 0 0 3px rgba(87,195,124,.18);}
  .toolbar-group{display:flex;align-items:center;gap:6px;}
  .status-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:20px;white-space:nowrap;}
  .status-badge.draft{background:#5a6b7a;color:#fff;}
  .status-badge.reviewed{background:var(--steel);color:#fff;}
  .status-badge.final{background:#3a7a53;color:#fff;}
  .status-badge.approved{background:var(--gold);color:#2a1f0a;}

  /* ---------- sidebar ---------- */
  nav.sidebar{
    width:var(--sidebar-w);flex-shrink:0;background:linear-gradient(180deg,var(--navy),var(--navy-2));
    padding:14px 10px;display:flex;flex-direction:column;gap:0px;position:sticky;top:var(--header-h);
    height:calc(100vh - var(--header-h));overflow-y:auto;
  }
  nav.sidebar .side-label{font-size:9.5px;text-transform:uppercase;letter-spacing:.7px;color:#7c8ba0;padding:8px 12px 3px;font-weight:700;}
  nav.sidebar .side-label.sub-label{padding:9px 12px 3px 22px;}
  nav.sidebar .side-label.section-label{color:var(--gold);font-size:10px;padding:9px 12px 3px;margin-top:3px;border-top:1px solid rgba(255,255,255,.08);}
  nav.sidebar .side-label.section-label:first-child{border-top:none;margin-top:0;padding-top:2px;}
  nav.sidebar button.indent{padding-left:27px;}
  nav.sidebar button{
    display:flex;align-items:center;gap:10px;background:none;border:none;color:#c7d2dd;
    padding:7px 13px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;text-align:left;
    transition:background .15s ease,color .15s ease;font-family:var(--font);width:100%;line-height:1.3;
  }
  nav.sidebar button .ic{width:16px;height:16px;flex-shrink:0;opacity:.8;}
  nav.sidebar button span.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  nav.sidebar button:hover{background:rgba(255,255,255,.07);color:#fff;}
  nav.sidebar button.active{background:rgba(var(--gold-rgb),.16);color:#fff;box-shadow:inset 3px 0 0 var(--gold);font-weight:600;}
  nav.sidebar button.active .ic{opacity:1;}

  /* ---------- main ---------- */
  main{flex:1;padding:32px 40px 90px;max-width:1760px;margin:0 auto;width:100%;min-width:0;}

  /* ---------- cards & sections ---------- */
  .card{
    background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
    padding:26px 28px;margin-bottom:22px;box-shadow:var(--shadow-sm);
    animation:fadeIn .25s ease;
  }
  @keyframes fadeIn{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}
  .card h2{font-size:19px;margin:0 0 6px;color:var(--ink);font-weight:700;display:flex;align-items:center;gap:9px;}
  .ic{width:20px;height:20px;flex-shrink:0;}
  .card h2 .ic{width:20px;height:20px;}
  .card h3{font-size:14px;margin:22px 0 10px;color:var(--steel);border-bottom:1px solid var(--border-soft);padding-bottom:8px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;}
  .card-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:6px;}
  .muted{color:var(--text-mute);font-size:12.5px;line-height:1.6;}
  .grid{display:grid;gap:16px;}
  .grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));}
  .grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));}
  label{font-size:11.5px;color:var(--text-mute);display:block;margin-bottom:5px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1.35;min-height:2.7em;}
  input[type=text],input[type=number],input[type=date],select,textarea{
    width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);
    font-size:13.5px;background:var(--card);color:var(--text);font-family:var(--font);
    transition:border-color .15s,box-shadow .15s;
  }
  input[type=text]:focus,input[type=number]:focus,input[type=date]:focus,select:focus,textarea:focus{
    outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(var(--gold-rgb),.14);
  }
  input[type=date]{line-height:1.4;}
  input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65;}
  [data-theme="dark"] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);}
  textarea{resize:vertical;min-height:56px;}
  .field{margin-bottom:14px;}
  .field .stat-value-inline{font-size:15px;font-weight:700;color:var(--ink);}

  /* ---------- buttons ---------- */
  button.btn{
    display:inline-flex;align-items:center;gap:7px;background:var(--steel);color:#fff;border:none;
    padding:10px 17px;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);
    box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease,background .15s ease;
  }
  button.btn:hover{background:var(--navy-3);transform:translateY(-1px);box-shadow:var(--shadow);}
  button.btn:active{transform:translateY(0);}
  button.btn.accent{background:var(--gold);color:#2a1f0a;}
  button.btn.accent:hover{background:var(--gold-dark);color:#fff;}
  button.btn.danger{background:var(--danger);}
  button.btn.danger:hover{background:#a5321f;}
  button.btn.ghost{background:none;border:1px solid var(--border);color:var(--text);box-shadow:none;}
  button.btn.ghost:hover{background:var(--bg);border-color:var(--text-faint);}
  button.btn.small{padding:6px 12px;font-size:12px;border-radius:7px;}
  .app-header .btn.ghost{border-color:rgba(255,255,255,.28);color:#fff;}
  .app-header .btn.ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);}
  .icon-btn{width:34px;height:34px;padding:0;justify-content:center;border-radius:9px;}
  .icon-btn svg{width:16px;height:16px;}

  /* ---------- tables ---------- */
  /* overflow-x:auto (not the old plain "hidden") so that if a data-dense row
     of narrow numeric columns ever needs more room than the card is wide,
     the table scrolls horizontally instead of silently clipping the
     right-hand columns off-screen. */
  .table-wrap{border:1px solid var(--border);border-radius:10px;overflow-x:auto;overflow-y:hidden;background:var(--card);}
  .table-wrap.scroll{max-height:560px;overflow-y:auto;overflow-x:auto;}
  tr.row-active td{background:var(--bg-soft,rgba(0,0,0,.03));}
  table{width:100%;border-collapse:collapse;font-size:13px;}
  table thead th{
    position:sticky;top:0;background:var(--navy);color:var(--th-text);text-align:left;
    padding:11px 13px;font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;
    white-space:nowrap;z-index:2;border-bottom:none;
  }
  table thead th.right{text-align:right;}
  table tbody td{padding:9px 10px;border-bottom:1px solid var(--border-soft);vertical-align:middle;font-variant-numeric:tabular-nums;}
  table tbody tr:nth-child(even){background:rgba(var(--steel-rgb),.025);}
  table tbody tr:hover td{background:rgba(var(--gold-rgb),.07);}
  table tbody tr:last-child td{border-bottom:none;}
  table input{border:1px solid transparent;background:transparent;padding:6px 7px;border-radius:5px;width:100%;font-size:13.5px;}
  table input:focus{border:1px solid var(--gold);background:var(--card);box-shadow:0 0 0 3px rgba(var(--gold-rgb),.14);}
  /* Narrow "Qty"/multiplier-style number columns (60-80px width hints) were
     clipping their own digits: the number spinner arrows plus the cell's
     padding left almost no room for the value itself. A floor on the
     input's own width fixes every such column app-wide — the table's
     automatic column sizing grows the cell to fit, and .table-wrap above
     will scroll horizontally in the rare case a whole row of them can't
     fit the card. */
  table input[type=number]{min-width:60px;}
  /* name / description columns: wide enough to read the full name */
  table td:first-child > input[type=text]{min-width:180px;}
  /* Compact table variant -- Room Layout's main rooms table has many
     columns; tighter padding/font and a lower number-input floor let it
     fit within the card width without horizontal scrolling on a typical
     desktop viewport, while the expanded per-room editor below still
     shows every secondary field at full size. */
  table.compact{font-size:11.5px;}
  table.compact thead th{padding:7px 6px;font-size:9px;}
  table.compact tbody td{padding:5px 6px;}
  table.compact input, table.compact select{font-size:11.5px;padding:4px 5px;}
  table.compact input[type=number]{min-width:40px;}
  .right{text-align:right;font-variant-numeric:tabular-nums;}
  .center{text-align:center;}
  .num-mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";}

  /* ---------- misc components ---------- */
  .row-actions{white-space:nowrap;}
  .tag{display:inline-block;background:var(--gold-light);color:#6b4f14;padding:2px 9px;border-radius:20px;font-size:10.5px;font-weight:600;margin-left:6px;}
  .radio-row{display:flex;gap:8px;flex-wrap:wrap;}
  .radio-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:20px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;background:var(--card);transition:all .15s ease;}
  .radio-pill input{width:auto;margin:0;}
  .radio-pill:has(input:checked){background:var(--gold-light);border-color:var(--gold);color:#6b4f14;}
  .totals-strip{display:flex;gap:26px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-soft);}
  .totals-strip div{font-size:11.5px;color:var(--text-mute);font-weight:600;text-transform:uppercase;letter-spacing:.3px;}
  .totals-strip b{display:block;font-size:16px;color:var(--ink);font-weight:700;text-transform:none;letter-spacing:0;margin-top:3px;font-variant-numeric:tabular-nums;}
  /* Sub-tab menus: an even grid. App.fitSubtabs() picks the column count so
     every row holds the same number of equal-width tabs (e.g. 10 tabs -> 5 + 5,
     not 4 + 4 + 2) and full labels fit without abbreviation. */
  .subtabs{display:grid;grid-template-columns:repeat(var(--tab-cols,5),minmax(0,1fr));grid-auto-rows:1fr;gap:2px 4px;margin-bottom:18px;border-bottom:2px solid var(--border-soft);}
  .subtabs button{padding:10px 12px;font-size:12.5px;font-weight:600;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;background:transparent;cursor:pointer;color:var(--text-mute);transition:all .15s ease;font-family:var(--font);
    display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.25;min-height:40px;white-space:normal;}
  .subtabs button:hover{color:var(--steel);}
  .subtabs button.active{color:var(--ink);border-bottom-color:var(--gold);}
  .floor-tabs{display:flex;gap:4px;margin-bottom:0;flex-wrap:wrap;align-items:flex-end;border-bottom:2px solid var(--navy);}
  .floor-tabs .floor-tab{padding:9px 16px;font-size:12.5px;font-weight:700;border:1px solid var(--border);border-bottom:none;background:var(--bg);cursor:pointer;color:var(--text-mute);border-radius:8px 8px 0 0;transition:all .15s ease;font-family:var(--font);display:flex;align-items:center;gap:8px;}
  .floor-tabs .floor-tab:hover{color:var(--steel);}
  .floor-tabs .floor-tab.active{background:var(--navy);color:#fff;border-color:var(--navy);}
  .floor-tabs .floor-tab .floor-remove{opacity:.55;font-weight:400;font-size:13px;line-height:1;padding:0 2px;}
  .floor-tabs .floor-tab .floor-remove:hover{opacity:1;color:var(--gold);}
  .floor-tabs .floor-add{border-radius:8px 8px 0 0;border:1px dashed var(--border);border-bottom:none;background:transparent;color:var(--text-mute);padding:9px 16px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:var(--font);}
  .floor-tabs .floor-add:hover{border-color:var(--gold);color:var(--gold);}
  .floor-panel{border:1px solid var(--navy);border-top:none;border-radius:0 0 10px 10px;padding:18px;margin-bottom:18px;background:var(--card);}
  .toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px;}
  .search{flex:1;min-width:200px;}
  .note{background:#fdf6e8;border:1px solid var(--gold-light);padding:12px 15px;border-radius:var(--radius-sm);font-size:12.5px;color:#6b4f14;margin:12px 0;display:flex;gap:9px;align-items:flex-start;line-height:1.55;}
  .badge-stub{background:var(--border-soft);color:var(--text-mute);border-radius:20px;padding:2px 8px;font-size:10.5px;font-weight:600;}
  .section-block{border-radius:10px;margin-bottom:16px;overflow:hidden;background:var(--card);}
  .section-block .sb-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--bg);cursor:pointer;user-select:none;border-bottom:1px solid var(--border);}
  .section-block .sb-header:hover{background:var(--border-soft);}
  .section-block .sb-header h4{margin:0;font-size:12.5px;color:var(--ink);font-weight:700;text-transform:uppercase;letter-spacing:.4px;display:flex;align-items:center;gap:8px;}
  .section-block .sb-body{padding:18px;}
  .section-block.collapsed .sb-body{display:none;}
  .section-block .chevron{transition:transform .18s ease;width:14px;height:14px;flex-shrink:0;color:var(--text-mute);}
  .section-block.collapsed .chevron{transform:rotate(-90deg);}
  .section-block h4{margin:0 0 10px;font-size:12.5px;color:var(--ink);font-weight:700;text-transform:uppercase;letter-spacing:.4px;}

  /* dashboard stat cards */
  .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(155px,100%),1fr));gap:14px;margin:16px 0 6px;}
  .stat-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px 18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;}
  .stat-card .stat-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-mute);font-weight:700;margin-bottom:7px;line-height:1.3;min-height:2.6em;display:flex;align-items:flex-start;}
  .stat-card .stat-value{font-size:19px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1.25;}
  .stat-card .stat-sub{color:var(--text-mute);font-size:11px;margin-top:6px;line-height:1.35;}
  .stat-card.grand{grid-column:1/-1;background:linear-gradient(135deg,var(--navy),var(--steel) 130%);border:none;padding:28px 32px;margin-top:4px;}
  .stat-card.grand .stat-label{color:rgba(255,255,255,.72);font-size:11.5px;min-height:0;}
  .stat-card.grand .stat-value{color:var(--gold);font-size:40px;font-weight:800;letter-spacing:-.01em;}
  .stat-card.grand .stat-sub{color:rgba(255,255,255,.65);font-size:12px;margin-top:6px;}

  /* estimate settings — calculation chain audit trail */
  .chain-breakdown{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:6px 20px;margin-top:10px;}
  .chain-row{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;font-size:14px;}
  .chain-row + .chain-row{border-top:1px solid var(--border-soft);}
  .chain-label{color:var(--text);font-weight:500;}
  .chain-amt{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink);}
  .chain-sub{font-size:11.5px;color:var(--text-mute);margin:-6px 0 2px;}
  .chain-divider{height:1px;}
  .chain-row.grand{padding:16px 0;font-size:19px;}
  .chain-row.grand .chain-label{font-weight:800;color:var(--ink);}
  .chain-row.grand .chain-amt{font-size:24px;font-weight:800;color:var(--gold-dark);}

  /* dashboard */
  .kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:14px;margin:14px 0;}
  .kpi-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px 18px;box-shadow:var(--shadow-sm);cursor:default;}
  .kpi-card.clickable{cursor:pointer;transition:box-shadow .15s ease,transform .15s ease;}
  .kpi-card.clickable:hover{box-shadow:var(--shadow-lift);transform:translateY(-1px);}
  .kpi-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-mute);font-weight:700;margin-bottom:7px;}
  .kpi-value{font-size:20px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;}
  .kpi-sub{font-size:11.5px;color:var(--text-mute);margin-top:4px;}
  .kpi-card.hero{background:linear-gradient(135deg,var(--navy),var(--steel) 130%);border:none;padding:26px 30px;}
  .kpi-card.hero .kpi-label{color:rgba(255,255,255,.72);}
  .kpi-card.hero .kpi-value{color:var(--gold);font-size:34px;font-weight:800;}
  .kpi-card.hero .kpi-sub{color:rgba(255,255,255,.65);}
  .breakdown-bar-row{display:flex;align-items:center;gap:12px;padding:9px 0;cursor:pointer;border-radius:6px;}
  .breakdown-bar-row:hover{background:var(--bg);}
  .breakdown-bar-row .bb-label{flex:0 0 190px;font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .breakdown-bar-row .bb-track{flex:1;height:10px;background:var(--border-soft);border-radius:6px;overflow:hidden;}
  .breakdown-bar-row .bb-fill{height:100%;background:linear-gradient(90deg,var(--steel),var(--gold));border-radius:6px;}
  .breakdown-bar-row .bb-amt{flex:0 0 140px;text-align:right;font-size:13px;font-variant-numeric:tabular-nums;color:var(--text-mute);}
  .donut-chart-card{display:flex;flex-direction:column;min-width:0;}
  .donut-chart-card h3{margin-bottom:2px;}
  .donut-chart-body{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:8px;}
  .donut-svg{flex-shrink:0;}
  .donut-svg circle{transition:opacity .15s ease;}
  .donut-svg circle[style*="cursor:pointer"]:hover{opacity:.8;}
  .donut-center-val{font-size:15px;font-weight:700;fill:var(--ink);font-family:var(--font);}
  [data-theme="dark"] .donut-center-val{fill:var(--text);}
  .donut-center-lbl{font-size:9px;fill:var(--text-faint);font-family:var(--font);text-transform:uppercase;letter-spacing:.5px;}
  .donut-legend{flex:1 1 160px;min-width:140px;display:flex;flex-direction:column;gap:2px;}
  .donut-legend-row{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:6px;flex-wrap:wrap;}
  .donut-legend-row[style*="cursor:pointer"]:hover{background:var(--bg);}
  .donut-swatch{width:11px;height:11px;border-radius:3px;flex-shrink:0;}
  .donut-legend-label{flex:1;min-width:0;font-size:12.5px;font-weight:500;color:var(--text);white-space:normal;word-break:break-word;}
  .donut-legend-amt{flex:0 0 auto;text-align:right;font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--text-mute);white-space:nowrap;}
  .donut-note{margin-top:14px;padding:10px 14px;background:var(--bg);border:1px solid var(--border-soft);border-radius:8px;font-size:12px;line-height:1.55;}
  .donut-note strong{color:var(--text);}
  .alert-list{display:flex;flex-direction:column;gap:8px;margin-top:10px;}
  .alert-item{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border-radius:8px;font-size:13px;border:1px solid var(--border);cursor:pointer;}
  .alert-item:hover{box-shadow:var(--shadow-sm);}
  .alert-item.warn{background:var(--gold-light);border-color:var(--gold);color:#5a4413;}
  .alert-item.danger{background:var(--danger-bg);border-color:var(--danger);color:var(--danger);}
  .alert-item.info{background:var(--bg);border-color:var(--border);color:var(--text-mute);}

  /* Temporary highlight applied to the element a Dashboard alert "jumps to"
     -- a gold pulse that fades out on its own, so the user's eye is drawn
     to the exact field/section the alert was about without leaving a
     permanent visual mark. */

  /* "New (keep values)": fields still holding a value carried over from the previous project */
  .carried-value{background:#fff4c7 !important;border-color:var(--gold) !important;box-shadow:0 0 0 2px rgba(var(--gold-rgb),.28) !important;}
  [data-theme="dark"] .carried-value{background:rgba(var(--gold-rgb),.22) !important;}
  .carry-banner{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;background:#fff4c7;border:1px solid var(--gold);color:#5a4413;border-radius:10px;padding:11px 14px;margin-bottom:14px;font-size:12.5px;line-height:1.5;}
  [data-theme="dark"] .carry-banner{background:rgba(var(--gold-rgb),.16);color:#f1dfaa;}
  .carry-banner .carry-swatch{display:inline-block;width:26px;height:12px;border-radius:3px;background:#fff4c7;border:1px solid var(--gold);vertical-align:middle;margin:0 4px;}
  .alert-flash{animation:alertFlashPulse 2.2s ease-out 1;border-radius:10px;}
  @keyframes alertFlashPulse{
    0%{box-shadow:0 0 0 0 rgba(var(--gold-rgb),.55);background-color:var(--gold-light);}
    70%{box-shadow:0 0 0 14px rgba(var(--gold-rgb),0);}
    100%{box-shadow:0 0 0 0 rgba(var(--gold-rgb),0);background-color:transparent;}
  }
  .roadmap-card{background:var(--bg);border:1px dashed var(--border);border-radius:10px;padding:22px 26px;margin-top:14px;}
  .roadmap-card h4{margin:0 0 8px;color:var(--ink);}
  .roadmap-card ul{margin:8px 0 0;padding-left:20px;}
  .roadmap-card li{margin-bottom:5px;color:var(--text-mute);font-size:13.5px;}
  .roadmap-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--steel);color:#fff;padding:3px 9px;border-radius:20px;margin-bottom:10px;}

  /* project info card */
  .project-info-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:16px 26px;padding:22px 24px;background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-bottom:22px;}
  .project-info-card .pi-item label{display:block;font-size:10px;text-transform:uppercase;color:var(--text-mute);letter-spacing:.4px;margin-bottom:3px;font-weight:700;}
  .project-info-card .pi-item .pi-val{font-weight:600;color:var(--text);font-size:13px;}
  .project-info-card .pi-full{grid-column:1/-1;}
  .doc-title-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px;}
  .doc-title{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.01em;}
  .doc-title .accent-dot{color:var(--gold);}

  /* signature block */
  .signature-block{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:34px;margin-top:46px;padding-top:10px;}
  .signature-block .sig{text-align:center;}
  .signature-block .sig .sig-line{border-top:1.5px solid var(--text);margin:46px 8px 10px;}
  /* ---- Report Center (Reports tab) ---- */
  .report-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:18px;margin-top:18px;}
  .report-card{border:1px solid var(--border);border-radius:12px;padding:18px 20px;background:var(--card);display:flex;flex-direction:column;gap:8px;}
  .report-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;}
  .report-card-icon svg{width:26px;height:26px;color:var(--steel);}
  .report-status-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:3px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0;}
  .report-status-badge.ok{background:var(--ok-bg);color:var(--ok);}
  .report-status-badge.warn{background:var(--warn-bg);color:var(--warn);}
  .report-status-badge.off{background:var(--bg);color:var(--text-mute);border:1px solid var(--border);}
  .report-card h4{margin:0;font-size:15px;color:var(--ink);}
  .report-card-desc{margin:0;font-size:12.5px;}
  .report-card-meta{font-size:12px;color:var(--text-mute);}
  .report-card-includes{margin:0;padding-left:18px;font-size:12px;color:var(--text-mute);display:flex;flex-direction:column;gap:2px;}
  .report-card-note{font-size:11.5px;color:var(--text-mute);background:var(--bg);border:1px solid var(--border-soft);border-radius:7px;padding:7px 10px;margin:2px 0 0;}
  .report-card .btn{margin-top:auto;align-self:flex-start;}
  .report-options-panel{display:flex;flex-direction:column;gap:14px;max-width:560px;}
  .report-option-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;}
  .report-option-check input{width:16px;height:16px;}
  .report-doc{padding-top:4px;}

  .signature-block .sig .sig-name{font-weight:700;font-size:13px;color:var(--ink);}
  .signature-block .sig .sig-role{font-size:11px;color:var(--text-mute);margin-top:2px;text-transform:uppercase;letter-spacing:.3px;}

  /* sticky running total */
  .sticky-total-bar{
    position:sticky;bottom:16px;background:linear-gradient(90deg,var(--navy),var(--navy-3));color:#fff;
    padding:14px 24px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;
    margin-top:22px;box-shadow:var(--shadow-lift);flex-wrap:wrap;gap:10px;
  }
  .sticky-total-bar .label{font-size:11.5px;color:#c7d2dd;text-transform:uppercase;letter-spacing:.5px;font-weight:700;}
  .sticky-total-bar .amt{color:var(--gold);font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;}

  /* empty state */
  .empty-state{text-align:center;padding:54px 20px;color:var(--text-mute);}
  .truss-diagram{background:var(--bg);border:1px solid var(--border-soft);border-radius:10px;padding:10px 14px 6px;margin-bottom:16px;text-align:center;}
  .truss-diagram svg{max-width:340px;width:100%;height:auto;}
  .truss-diagram-caption{font-size:11.5px;color:var(--text-mute);line-height:1.5;margin-top:2px;max-width:520px;margin-left:auto;margin-right:auto;}
  .empty-state .es-icon{width:40px;height:40px;margin:0 auto 14px;opacity:.4;color:var(--steel);}
  .empty-state .es-title{font-weight:700;color:var(--text);font-size:14px;margin-bottom:5px;}

  .toast{
    position:fixed;bottom:22px;right:22px;background:var(--navy);color:#fff;padding:11px 18px;border-radius:9px;
    font-size:13px;font-weight:500;opacity:0;pointer-events:none;transform:translateY(6px);
    transition:opacity .25s ease,transform .25s ease;z-index:999;box-shadow:var(--shadow-lift);
    display:flex;align-items:center;gap:8px;
  }
  .toast.show{opacity:1;transform:translateY(0);}

  /* .grid.cols-2/.cols-4, .project-info-card, .signature-block, .stats-grid,
     and .kpi-grid are all self-responsive (auto-fit/minmax) now, so they
     reflow continuously with the window instead of needing fixed-width
     breakpoints here. Only the sidebar still needs a hard breakpoint,
     since its icon-only collapse is a deliberate look change, not a
     shrink-to-fit reflow. */
  /* ===== Responsive fit (Commercial) =====
     The header compacts in steps instead of squeezing: buttons never wrap,
     the title shortens, the tagline / save text / version tag drop out, and
     below 980px the file actions fold into a "File" menu. */
  header.app-header .btn{white-space:nowrap;flex-shrink:0;}
  .brand{flex:1 1 auto;min-width:0;}
  .brand-text{min-width:0;overflow:hidden;}
  .brand h1{overflow:hidden;text-overflow:ellipsis;}
  .brand h1 .version-tag{flex-shrink:0;}
  .brand h1 .ttl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  /* CEP: full name on wide windows, like Enterprise (markup kept as-is for the release scripts) */
  @media (min-width:1181px){ .brand h1[title="Construction Estimator Pro"]{font-size:0;gap:0;} .brand h1[title="Construction Estimator Pro"]::before{content:"Construction Estimator Pro";font-size:17px;min-width:0;overflow:hidden;text-overflow:ellipsis;} .brand h1[title="Construction Estimator Pro"] .version-tag{margin-left:8px;} }
  .header-actions{flex:0 0 auto;}
  .t-short, .lbl-short, header.app-header .btn.tb-menu{display:none;}
  main .toolbar-group{flex-wrap:wrap;}
  .table-wrap table select{min-width:96px;}
  .table-wrap table select.ce-reference-select{min-width:190px;}
  .file-menu{position:absolute;right:16px;top:calc(var(--header-h) - 4px);z-index:80;min-width:220px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lift);padding:6px;}
  .file-menu button{display:block;width:100%;text-align:left;padding:10px 12px;border:none;background:none;color:var(--text);font:inherit;font-size:13.5px;border-radius:8px;cursor:pointer;}
  .file-menu button:hover{background:rgba(var(--gold-rgb),.12);}
  .file-menu small{color:var(--text-mute);float:right;}
  @media (max-width:1440px){ .brand .sub{display:none;} .lbl-long{display:none;} .lbl-short{display:inline;} }
  @media (max-width:1180px){ .t-long{display:none;} .t-short{display:inline;} .autosave-indicator span:not(.dot){display:none;} }
  @media (max-width:980px){ header.app-header .btn.tb-file{display:none;} header.app-header .btn.tb-menu{display:inline-flex;} }
  @media (max-width:880px){
    nav.sidebar{width:64px;padding:12px 8px;}
    nav.sidebar button span.label{display:none;}
    nav.sidebar .side-label{display:none;}
    nav.sidebar button, nav.sidebar button.indent{padding-left:13px;justify-content:center;}
    main{padding:22px 18px 90px;}
    .card{padding:20px 18px;}
  }
  @media (max-width:640px){
    header.app-header{padding:0 12px;gap:8px;}
    .header-actions{gap:6px;}
    .brand{gap:9px;}
    .brand .logo-badge{width:34px;height:34px;font-size:16px;}
    .brand h1{font-size:15px;}
    .brand h1 .version-tag{display:none;}
    header.app-header .btn.tb-theme{display:none;} /* Day / Night stays in the palette menu */
    nav.sidebar{width:52px;padding:10px 5px;}
    nav.sidebar button, nav.sidebar button.indent{padding:9px 0;}
    main{padding:16px 10px 90px;}
    .card{padding:16px 12px;border-radius:10px;}
    .card h2{font-size:17px;}
    .stat-card .stat-value{font-size:17px;}
    .stat-card.grand .stat-value, .kpi-card.hero .kpi-value{font-size:28px;}
    .kpi-card.hero{grid-column:1/-1 !important;padding:20px 18px;}
    .stat-card.grand{padding:20px 18px;}
    .kpi-grid{grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));}
    .palette-pop, .file-menu{right:8px;}
  }
  @media (min-width:2200px){ main{max-width:2000px;} }

  /* ---------- print ---------- */
  @media print{
    /* Printed output is always a clean white/light document, even when the
       app itself is in Dark Mode -- reset every themeable var back to its
       light value for the duration of printing regardless of data-theme. */
    [data-theme="dark"]{
      --navy:#203040; --navy-2:#2b3f52; --navy-3:#324a60;
      --steel:#2F5D8C; --steel-light:#4d7fae;
      --bg:#F7F8FA; --card:#ffffff; --border:#e3e7ec; --border-soft:#edf0f3;
      --text:#333333; --text-mute:#6b7684; --text-faint:#98a2ad;
      --ok-bg:#e9f6ee; --danger-bg:#fdecea; --warn:#8a6215; --warn-bg:#fdf3dd;
    }
    html[data-palette][data-theme], html[data-palette]:not([data-theme]){
      --navy:#203040; --navy-2:#2b3f52; --navy-3:#324a60;
      --steel:#2F5D8C; --steel-light:#4d7fae; --steel-rgb:47,93,140;
      --gold:#D4A33B; --gold-light:#f3e0b3; --gold-dark:#a97f27; --gold-rgb:212,163,59;
      --bg:#F7F8FA; --card:#ffffff; --border:#e3e7ec; --border-soft:#edf0f3;
      --text:#333333; --text-mute:#6b7684; --text-faint:#98a2ad; --th-text:#111; --h4:inherit; --ink:#203040;
      --ok-bg:#e9f6ee; --danger-bg:#fdecea; --warn:#8a6215; --warn-bg:#fdf3dd;
    }
    html[data-style="sleek"]{
      --navy:#203040 !important; --navy-3:#324a60 !important; --bg:#ffffff !important; --card:#ffffff !important; --border:#d8dce2 !important; --border-soft:#e6e9ed !important;
      --text:#222 !important; --text-mute:#555 !important; --text-faint:#888 !important; --ink:#203040 !important; --th-text:#111 !important; --h4:#203040 !important;
      --gold:#a97f27 !important; --steel:#2F5D8C !important; --input-bg:#fff !important;
    }
    header.app-header, nav.sidebar, .no-print, .sticky-total-bar{display:none!important;}
    body{background:#fff;font-size:11.5px;}
    .app-body{display:block;}
    main{padding:0;max-width:100%;margin:0;}
    .card{border:none;box-shadow:none;padding:0;margin-bottom:16px;animation:none;}
    .table-wrap{border:1px solid #ccc;border-radius:0;}
    .table-wrap.scroll{max-height:none;overflow:visible;}
    table thead th{position:static;background:#e9edf1!important;color:#111!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
    table{border-collapse:collapse;}
    table tr, .section-block, .stat-card, .chain-row, .report-card, .signature-block{page-break-inside:avoid;break-inside:avoid;}
    thead{display:table-header-group;}
    tfoot{display:table-footer-group;}
    h2,h3,h4{page-break-after:avoid;break-after:avoid;}
    .signature-block{page-break-before:auto;}
    .stat-card.grand{background:#203040!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
    .section-block .sb-body{display:block!important;}
    .report-doc{padding:0;}
    .print-footer{display:block;position:fixed;bottom:0;left:0;right:0;font-size:9.5px;color:#888;text-align:center;padding:6px 0;border-top:1px solid #ddd;}
    @page{margin:16mm 14mm;}
  }
  .print-footer{display:none;}

  /* ---- Xyzen brand (TEST, Nov 11): name, badge, "Xyzen Red & White" palette + Sleek theme ---- */
  .brand-row{display:flex;align-items:center;gap:7px;min-width:0;}
  .brand-row .brand-xyzen{font-size:17px;font-weight:800;letter-spacing:.2px;color:#F05A70;white-space:nowrap;}
  .brand .logo-badge.xyzen-badge{background:#232326;padding:0;}
  .brand .logo-badge.xyzen-badge svg{width:100%;height:100%;display:block;}
  [data-style="sleek"] .brand .logo-badge.xyzen-badge{background:#232326;}
  html:not([data-theme="dark"])[data-style="sleek"] .brand-row .brand-xyzen{color:#C8102E;}
  [data-palette="xyzen"]:not([data-theme="dark"]){
    --navy:#2B2B2B; --navy-2:#3A3A3A; --navy-3:#4A4A4A;
    --steel:#C8102E; --steel-light:#E0314D; --steel-rgb:200,16,46;
    --gold:#C8102E; --gold-light:#FDE8EB; --gold-dark:#9E0B23; --gold-rgb:200,16,46;
    --bg:#F4F4F5; --card:#FFFFFF; --border:#E3E3E6; --border-soft:#EDEDEF;
    --text:#1D1D1F; --text-mute:#6B6B70; --text-faint:#9A9AA0; --th-text:#FFFFFF; --h4:#C8102E; --ink:#1D1D1F;
    --c1:#C8102E; --c2:#2B2B2B; --c3:#9E0B23; --c4:#8A8A90; --c5:#C8102E; --c6:#4A4A4A; --c7:#E0314D; --c8:#B5B5BA;
  }
  [data-palette="xyzen"][data-theme="dark"]{
    --navy:#161618; --navy-2:#1F1F22; --navy-3:#2A2A2E;
    --steel:#E0314D; --steel-light:#F05A70; --steel-rgb:224,49,77;
    --gold:#E0314D; --gold-light:#3A1A20; --gold-dark:#C8102E; --gold-rgb:224,49,77;
    --bg:#121214; --card:#1C1C1F; --border:#2E2E33; --border-soft:#26262A;
    --text:#ECECEF; --text-mute:#A1A1A8; --text-faint:#75757C; --th-text:#FFFFFF; --h4:#F05A70; --ink:#FFFFFF;
    --c1:#E0314D; --c2:#ECECEF; --c3:#9E0B23; --c4:#75757C; --c5:#E0314D; --c6:#A1A1A8; --c7:#F05A70; --c8:#4A4A4A;
  }
  [data-palette="xyzen"]:not([data-style="sleek"]) header.app-header{background:var(--navy);border-bottom-color:#C8102E}
  html[data-style="sleek"][data-sleek="xyzen"][data-theme="dark"]{
    --font:'Inter','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    --navy:#121214; --navy-2:#121214; --navy-3:#1c1c1f; --bg:#121214; --card:#1c1c1f; --border:#2e2e33; --border-soft:#2e2e33;
    --text:#ececef; --text-mute:#a1a1a8; --text-faint:#75757c; --ink:#ececef; --th-text:#a1a1a8; --h4:#ececef;
    --steel:#e0314d; --steel-light:#f05a70; --steel-rgb:224,49,77; --gold:#e0314d; --gold-dark:#f05a70; --gold-rgb:224,49,77;
    --gold-light:#3a1a20; --on-acc:#ffffff; --input-bg:#232326;
    --c1:#e0314d; --c2:#a1a1a8; --c3:#9e0b23; --c4:#c4c4c9; --c5:#55555c; --c6:#5c2530; --c7:#75757c; --c8:#6a6a6e;
    --shadow:none; --shadow-sm:none; --shadow-lift:0 16px 40px rgba(0,0,0,.45);
  }
  html[data-style="sleek"][data-sleek="xyzen"]:not([data-theme="dark"]){
    --font:'Inter','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    --navy:#f4f4f5; --navy-2:#f4f4f5; --navy-3:#ffffff; --bg:#f4f4f5; --card:#ffffff; --border:#e3e3e6; --border-soft:#e3e3e6;
    --text:#1d1d1f; --text-mute:#6b6b70; --text-faint:#9a9aa0; --ink:#1d1d1f; --th-text:#6b6b70; --h4:#1d1d1f;
    --steel:#c8102e; --steel-light:#c8102e; --steel-rgb:200,16,46; --gold:#c8102e; --gold-dark:#9e0b23; --gold-rgb:200,16,46;
    --gold-light:#fde8eb; --on-acc:#ffffff; --input-bg:#f1f1f1;
    --c1:#c8102e; --c2:#6b6b70; --c3:#e0314d; --c4:#2b2b2b; --c5:#aeaeb2; --c6:#f5c9d0; --c7:#9a9aa0; --c8:#a3a3a4;
    --shadow:none; --shadow-sm:none; --shadow-lift:0 16px 40px rgba(0,0,0,.10);
  }

    
/* Original tile layout visual styles, moved out of the view. */
:root{--tl-full:#dbe7f3;--tl-cut:#f6d9a8;--tl-sliver:#ef9a9a;--tl-edge:#7b8ba1;--tl-joint:#9aa5b1}
      [data-theme="dark"]{--tl-full:#2b4058;--tl-cut:#7a5a22;--tl-sliver:#8a3434;--tl-edge:#0f172a;--tl-joint:#475569}
      .tl-legend span{display:inline-flex;align-items:center;gap:6px;margin-right:16px;font-size:12.5px}
      .tl-legend i{width:14px;height:14px;border-radius:3px;display:inline-block;border:1px solid var(--tl-edge)}
/* Static declarations extracted from the original view templates. */
.ce-static-0:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:11px;color:var(--text-mute)}
.ce-static-1:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){align-items:center}
.ce-static-2:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:11px;color:var(--text-mute);margin-top:4px}
.ce-static-3:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:auto;min-width:130px}
.ce-static-4:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){grid-column:1/-1}
.ce-static-5:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){flex-shrink:0;margin-top:1px}
.ce-static-6:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){grid-column:span 2}
.ce-static-7:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:12.5px;margin-top:26px}
.ce-static-8:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:-6px}
.ce-static-9:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){grid-column:span 3}
.ce-static-10:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:100px}
.ce-static-11:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:130px}
.ce-static-12:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:140px}
.ce-static-13:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-weight:600}
.ce-static-14:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:12px}
.ce-static-15:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:70px}
.ce-static-16:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:110px}
.ce-static-17:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:auto;min-width:170px}
.ce-static-18:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:none}
.ce-static-19:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){text-align:right}
.ce-static-20:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:6px 0 10px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card)}
.ce-static-21:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
.ce-static-22:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:12.5px}
.ce-static-23:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:90px}
.ce-static-24:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:120px}
.ce-static-25:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:6px 0 0;font-size:11px}
.ce-static-26:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-bottom:14px}
.ce-static-27:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:-10px}
.ce-static-28:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:600;color:var(--text-mute)}
.ce-static-29:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-bottom:16px}
.ce-static-30:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:18px}
.ce-static-31:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:8px}
.ce-static-32:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:10px}
.ce-static-33:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){max-width:200px;margin-top:8px}
.ce-static-34:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:22px}
.ce-static-35:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){max-width:340px}
.ce-static-36:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:14px}
.ce-static-37:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:flex;align-items:center;gap:8px;font-weight:600}
.ce-static-38:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){background:var(--bg-soft,rgba(0,0,0,.02));padding:18px 20px;margin-bottom:18px}
.ce-static-39:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:0}
.ce-static-40:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:flex;gap:28px;flex-wrap:wrap;align-items:flex-start}
.ce-static-41:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){flex-shrink:0}
.ce-static-42:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){flex:1;min-width:260px}
.ce-static-43:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:0 0 10px}
.ce-static-44:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:0;color:var(--danger,#b91c1c)}
.ce-static-45:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){color:var(--ink);font-weight:600}
.ce-static-46:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){color:var(--gold-dark);font-weight:600}
.ce-static-47:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:0}
.ce-static-48:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){padding:0 0 8px;font-size:11px;color:var(--text-mute)}
.ce-static-49:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:280px;min-width:280px}
.ce-static-50:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:6px}
.ce-static-51:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:50px;margin-left:4px}
.ce-static-52:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:inline-flex;align-items:center;gap:4px;margin-right:14px;font-size:12px}
.ce-static-53:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:240px;min-width:240px}
.ce-static-54:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:80px}
.ce-static-55:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){padding:6px 12px 14px}
.ce-static-56:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){color:var(--gold-dark)}
.ce-static-57:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){color:var(--danger)}
.ce-static-58:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){padding:20px 28px;background:var(--bg-soft,rgba(0,0,0,.015))}
.ce-static-59:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:-8px;margin-bottom:14px}
.ce-static-60:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:150px}
.ce-static-61:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:170px}
.ce-static-62:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:115px}
.ce-static-63:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){white-space:nowrap}
.ce-static-64:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){cursor:move}
.ce-static-65:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:16px}
.ce-static-66:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){overflow-x:auto;text-align:center}
.ce-static-67:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){max-width:100%;background:var(--card);border:1px solid var(--border);border-radius:8px;display:block;margin:0 auto}
.ce-static-68:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){cursor:crosshair}
.ce-static-69:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:-4px}
.ce-static-70:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:10px;padding:10px 12px;background:var(--bg-soft,rgba(0,0,0,.02));border-radius:6px}
.ce-static-71:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:0 0 8px;font-size:12px}
.ce-static-72:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:12px;display:flex;gap:8px;align-items:center}
.ce-static-73:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){background:var(--bg-soft,rgba(0,0,0,.02))}
.ce-static-74:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){min-width:80px}
.ce-static-75:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){min-width:150px}
.ce-static-76:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){min-width:170px}
.ce-static-77:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){grid-column:1/3}
.ce-static-78:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:12px;margin-top:10px}
.ce-static-79:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:12px}
.ce-static-80:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:flex;flex-wrap:wrap;gap:10px}
.ce-static-81:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){padding-top:8px}
.ce-static-82:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.ce-static-83:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.ce-static-84:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:12px;margin-top:4px}
.ce-static-85:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-weight:400;font-size:11px}
.ce-static-86:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:11px;margin-top:4px}
.ce-static-87:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:4px;width:150px}
.ce-static-88:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:10px;margin-top:2px}
.ce-static-89:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:100px;margin-top:4px}
.ce-static-90:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){min-width:140px}
.ce-static-91:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:60px}
.ce-static-92:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:12px;padding:10px 12px;background:var(--bg-soft,rgba(0,0,0,.02));border-radius:6px}
.ce-static-93:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){align-items:end}
.ce-static-94:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:6px 0 0;padding-left:18px;font-size:12px}
.ce-static-95:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:4px}
.ce-static-96:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:11px;margin-top:10px}
.ce-static-97:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:20px}
.ce-static-98:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:11px;margin-top:6px}
.ce-static-99:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.ce-static-100:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){max-width:220px;font-weight:600}
.ce-static-101:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-left:auto}
.ce-static-102:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){max-width:360px}
.ce-static-103:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:16px;border:1px solid var(--border);border-radius:8px;padding:10px}
.ce-static-104:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:200px}
.ce-static-105:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:14px;border:1px solid var(--border);border-radius:8px;padding:10px}
.ce-static-106:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){align-self:end}
.ce-static-107:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:11px}
.ce-static-108:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){color:#15803d}
.ce-static-109:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){color:#b45309}
.ce-static-110:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){min-width:90px}
.ce-static-111:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){min-width:120px}
.ce-static-112:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:55px}
.ce-static-113:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){min-width:280px;min-width:280px}
.ce-static-114:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:220px}
.ce-static-115:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){min-width:160px}
.ce-static-116:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:10px;border:1px solid var(--border);border-radius:8px;padding:10px}
.ce-static-117:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:65px}
.ce-static-118:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:190px}
.ce-static-119:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:50px}
.ce-static-120:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){min-width:300px;min-width:300px}
.ce-static-121:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){color:#b45309;font-size:12px;margin-top:10px}
.ce-static-122:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:14px;padding:10px 12px;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px}
.ce-static-123:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:14px;padding:10px 12px;background:#fff7ed;border:1px solid #fdba74;border-radius:6px}
.ce-static-124:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:11px;margin-top:14px}
.ce-static-125:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:12px;text-align:right}
.ce-static-126:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:inline-flex;align-items:center;gap:4px;margin:0 12px 6px 0;font-size:12px}
.ce-static-127:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:11px;margin-bottom:4px}
.ce-static-128:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:14px}
.ce-static-129:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:12px;margin-top:-6px}
.ce-static-130:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:-4px 0 0;font-size:12px}
.ce-static-131:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-top:14px;background:var(--card)}
.ce-static-132:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.ce-static-133:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:0;font-size:13px;color:var(--ink);text-transform:uppercase;letter-spacing:.4px}
.ce-static-134:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-left:0}
.ce-static-135:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:6px 0 12px;font-size:12px}
.ce-static-136:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:12px 0 6px;font-size:12px}
.ce-static-137:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){color:var(--danger,#b91c1c)}
.ce-static-138:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:100%}
.ce-static-139:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:flex;flex-wrap:wrap;gap:8px 14px}
.ce-static-140:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){padding:8px 0;font-weight:600}
.ce-static-141:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:inline-flex;align-items:center;gap:4px;margin:0 14px 6px 0;font-size:13px}
.ce-static-142:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:12px;margin-bottom:6px}
.ce-static-143:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-weight:400;color:var(--text);white-space:nowrap;font-size:13.54px;padding:9.93px 14.44px}
.ce-static-144:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-weight:400;padding:9.93px 14.44px}
.ce-static-145:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:68px;text-align:right;font-weight:400;color:var(--text);font-size:13.54px;padding:6.32px 7.22px}
.ce-static-146:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:auto;display:inline-block;max-width:100%}
.ce-static-147:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:auto;table-layout:auto;font-size:13.54px}
.ce-static-148:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-weight:600;font-size:11.3px;padding:10.83px 14.44px}
.ce-static-149:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:12px;margin:0}
.ce-static-150:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:12px;text-align:center}
.ce-static-151:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.ce-static-152:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:auto;flex:0 0 auto}
.ce-static-153:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:150px;flex:0 0 auto}
.ce-static-154:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){flex:0 0 auto}
.ce-static-155:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){flex:0 0 auto;margin-left:8px}
.ce-static-156:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:6px;font-size:11px;text-align:center}
.ce-static-157:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:-6px;font-size:12px}
.ce-static-158:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:2px;font-size:12px}
.ce-static-159:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:4px;padding:10px 12px;background:var(--bg-soft,rgba(0,0,0,.02));border-radius:6px}
.ce-static-160:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:0 0 10px;font-size:12px}
.ce-static-161:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){overflow-x:auto;text-align:center;margin-top:8px}
.ce-static-162:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:6px;font-size:12px}
.ce-static-163:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-bottom:10px}
.ce-static-164:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:16px 0 8px}
.ce-static-165:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:9px;color:var(--danger,#b91c1c)}
.ce-static-166:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:100%;text-align:right}
.ce-static-167:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){table-layout:fixed;width:100%}
.ce-static-168:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:24%}
.ce-static-169:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:10%}
.ce-static-170:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:6%}
.ce-static-171:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:8%}
.ce-static-172:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:7%}
.ce-static-173:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:13%}
.ce-static-174:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:16px;align-items:end}
.ce-static-175:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){max-width:760px;display:block;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:8px}
.ce-static-176:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){padding:9px 0;font-weight:600}
.ce-static-177:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-weight:400}
.ce-static-178:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:12px;display:block}
.ce-static-179:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:160px}
.ce-static-180:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:12px 0 8px;text-align:center}
.ce-static-181:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){background:var(--tl-full)}
.ce-static-182:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){background:var(--tl-cut)}
.ce-static-183:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){background:var(--tl-sliver)}
.ce-static-184:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:11.5px;margin-top:6px;text-align:center}
.ce-static-185:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:10px 0}
.ce-static-186:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-left:10px;font-size:12px}
.ce-static-187:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:26px}
.ce-static-188:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:11.5px}
.ce-static-189:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:flex;justify-content:space-between;align-items:center}
.ce-static-190:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-weight:600;max-width:280px}
.ce-static-191:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){max-width:220px;margin-top:8px}
.ce-static-192:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){opacity:.5}
.ce-static-193:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:80px;margin-top:4px}
.ce-static-194:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){padding-left:24px;background:var(--bg-mute,rgba(0,0,0,.02))}
.ce-static-195:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:260px;min-width:260px}
.ce-static-196:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:11px;margin-top:2px}
.ce-static-197:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){max-width:320px;margin-top:6px}
.ce-static-198:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:11px;font-weight:400}
.ce-static-199:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:block;padding-top:8px}
.ce-static-200:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:12px;margin-top:8px}
.ce-static-201:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:11.5px;margin-top:6px}
.ce-static-202:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){max-width:100%;height:auto;display:block;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:8px;user-select:none;touch-action:none}
.ce-static-203:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:10px;border-color:var(--warn)}
.ce-static-204:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.ce-static-205:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){flex:1}
.ce-static-206:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){overflow-x:auto}
.ce-static-207:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){grid-column:1/-1;margin-top:4px;color:var(--danger)}
.ce-static-208:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:8px 0 0}
.ce-static-209:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-weight:400;color:var(--text-mute)}
.ce-static-210:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){background:var(--warn-bg);grid-column:1/-1}
.ce-static-211:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:auto}
.ce-static-212:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:6px 0 10px}
.ce-static-213:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:2px 0 6px}
.ce-static-214:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){color:var(--ok)}
.ce-static-215:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-top:4px;color:var(--danger)}
.ce-static-216:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:360px;min-width:360px}
.ce-static-217:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-size:11.5px;margin:6px 0}
.ce-static-218:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-bottom:8px}
.ce-static-219:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin-bottom:16px;border-left:4px solid var(--gold)}
.ce-static-220:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){font-weight:700}
.ce-static-221:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){margin:0 0 4px}
.ce-static-222:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){cursor:pointer}
.ce-static-223:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:4px;}
.ce-static-224:not(#ce-specificity-a):not(#ce-specificity-b):not(#ce-specificity-c){width:auto;padding:6px 10px;font-size:12px;border-radius:7px;}

/* Non-calculation deployment and accessibility repairs. */
[hidden]{display:none!important}
.scope-warning{font-size:12px;margin-bottom:16px}
.unavailable-module .note{margin-top:16px}
.module-missing-mark{margin-left:auto;font-size:11px;opacity:.65}
.storage-error{color:var(--danger)}
.recovery-warning .btn{margin-left:8px}
button:disabled{cursor:not-allowed;opacity:.55}
button:focus-visible,main:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#mainTabs button{position:relative}
.brand-text{min-width:0}
@media(max-width:640px){
  header.app-header{gap:6px}
  .brand{min-width:0;flex:1 1 auto}
  .brand-row .brand-xyzen{font-size:13px}
  .header-actions{min-width:0;max-width:62vw;flex:0 1 auto}
  .header-actions .toolbar-group{flex-wrap:nowrap}
  #mainContent .scope-warning{font-size:11px}
}
@media print{
  .scope-warning{display:block!important;color:#111;background:#fff;border:1px solid #777;font-size:10px;break-inside:avoid}
}