/* SHAOKE/Meridian v4. Design-only source from the verified Grok handover. */
@media screen {

/* Grok tokens.css */
/* ==========================================================================
   gani TMS house style · v4 tokens  ("Meridian Pro fixed" · SHAOKE navy)
   Meridian Pro visual language (navy shell, ruled 48px tables, filter chips,
   Light/Dark). Shell/brand base = SHAOKE logo navy #242c48.
   Accent = clear blue #2f5bd3 (AA on white & under white text); dark link/focus
   #7aa2ff. Red = Missing/error only (#c8321e family) — never used as brand.
   CHANGELOG: burgundy #a32d42 was dropped (Gani: "hoeft niet bordeaux");
   v4 recolour uses navy + blue accent instead.
   Self-hosted Public Sans + JetBrains Mono. No CDN.
   Components consume ROLE tokens only. Dark mode swaps roles.
   Theme: OS preference; <html data-theme="light|dark"> forces one.
   ========================================================================== */

@font-face {
  font-family: "Public Sans";
  src: url("/vendor/grok-public-sans-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/vendor/grok-inter-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/vendor/grok-jetbrains-mono-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 800; font-style: normal; font-display: swap;
}

:root {
  color-scheme: light;

  /* ---- Raw scales ------------------------------------------------------- */
  /* Navy (SHAOKE logo #242c48) — shell / identity */
  --navy-50:  #eef0f5;
  --navy-100: #d9dde8;
  --navy-200: #b4bcd1;
  --navy-300: #8a95b0;
  --navy-400: #5c6a8a;
  --navy-500: #3a4666;
  --navy-600: #2c3654;
  --navy-700: #242c48;  /* SHAOKE logo navy — shell */
  --navy-800: #1a2138;
  --navy-900: #12182a;
  --navy-950: #0c101c;

  /* Accent blue — primary actions / links / selection / focus (NOT danger) */
  --accent-50:  #eef2fb;
  --accent-100: #dce6fa;
  --accent-200: #b8caf5;
  --accent-300: #7aa2ff;  /* accent text on dark surfaces */
  --accent-400: #5b84e8;
  --accent-500: #2f5bd3;  /* ACCENT (light) — 5.90:1 vs white */
  --accent-600: #274db3;  /* hover */
  --accent-700: #1f3f96;  /* pressed */
  --accent-900: #152a5c;

  /* Neutral — Meridian cool slate */
  --gray-0:   #ffffff;
  --gray-25:  #fbfbfc;
  --gray-50:  #edf0f4;
  --gray-75:  #f1f4f8;
  --gray-100: #e4e8ee;
  --gray-150: #d9dee6;
  --gray-200: #c1c8d3;
  --gray-300: #a9b6c8;
  --gray-400: #858d99;
  --gray-500: #536071;
  --gray-600: #344054;
  --gray-700: #242c48;
  --gray-800: #1a2138;
  --gray-850: #12182a;
  --gray-900: #101828;
  --gray-950: #0b1220;

  /* Status hues (never accent/navy as Missing) */
  --red-50:#feeceb;  --red-500:#c8321e;  --red-600:#a92a18;  --red-700:#8c2213;  --red-300:#ff7d63;
  --green-50:#e5f6ec; --green-600:#0f6b3a; --green-700:#0c5730; --green-300:#5fca93;
  --amber-50:#fef3c7; --amber-200:#f6d365; --amber-700:#78350f; --amber-300:#f2c25b;
  --blue-50:#eaf1fd;  --blue-600:#1e4ca1;  --blue-700:#184d88;  --blue-300:#7fb0ee;

  /* ---- Typography ------------------------------------------------------- */
  --font-sans: "Public Sans", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;
  --font-features: "tnum", "ss01";

  --text-xs:  12px;
  --text-sm:  13px;
  --text-md:  14px;
  --text-lg:  16px;
  --text-xl:  20px;
  --text-2xl: 24px;
  --m-text-caption:  12px;
  --m-text-footnote: 13px;
  --m-text-subhead:  15px;
  --m-text-body:     17px;
  --m-text-title:    20px;
  --m-text-large:    32px;

  --leading-tight: 1.25;
  --leading-base:  1.45;
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold: 600;
  --tracking-tight: -0.011em;
  --tracking-title: -0.02em;
  --tracking-caps:  0.04em;

  /* ---- Space (4px grid) ------------------------------------------------- */
  --space-0_5: 2px;
  --space-1: 4px;
  --space-1_5: 6px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  /* ---- Density ---------------------------------------------------------- */
  --row-h-compact: 36px;
  --row-h:         48px;
  --row-h-relaxed: 52px;
  --control-h-sm:  28px;
  --control-h:     32px;
  --control-h-lg:  36px;
  --touch-target:  44px;
  --header-h:      48px;
  --tabbar-h:      40px;
  --statusbar-h:   24px;
  --sidebar-w:     232px;
  --sidebar-w-collapsed: 52px;
  --inspector-w:   minmax(560px, 1fr);
  --icon-sm: 14px;  --icon: 16px;  --icon-lg: 20px;  --icon-touch: 24px;
  --icon-stroke: 1.5px;

  /* ---- Shape ------------------------------------------------------------ */
  --radius-xs: 3px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-m-group: 12px;
  --radius-m-sheet: 14px;

  --bp-mobile: 767.98px;

  --motion-fast: 120ms;
  --motion-base: 180ms;
  --ease-out: cubic-bezier(.2,.8,.2,1);

  --z-base: 0;
  --z-sticky: 20;
  --z-header: 40;
  --z-dropdown: 50;
  --z-modal: 60;
  --z-toast: 70;

  /* ---- Roles: light ----------------------------------------------------- */
  --bg-app:        var(--gray-50);
  --bg-panel:      var(--gray-0);
  --bg-subtle:     #f1f4f8;
  --bg-muted:      #f5f7fa;
  --bg-hover:      rgba(16, 24, 40, .045);
  --bg-active:     rgba(16, 24, 40, .08);
  --bg-selected:   var(--accent-50);
  --bg-selected-hover: var(--accent-100);
  --bg-inverse:    var(--gray-900);
  --bg-overlay:    rgba(16, 24, 40, .45);

  /* SHAOKE navy shell */
  --sidebar-bg:     var(--navy-700);
  --sidebar-bg-hover: rgba(255,255,255,.07);
  --sidebar-bg-active: rgba(255,255,255,.10);
  --sidebar-text:   #d0d8e4;
  --sidebar-text-muted: #a9b6c8;
  --sidebar-text-active: #ffffff;
  --sidebar-border: rgba(255,255,255,.10);
  --sidebar-indicator: var(--accent-400);

  --text:           var(--gray-900);
  --text-secondary: var(--gray-600);
  --text-tertiary:  var(--gray-500);
  --text-disabled:  var(--gray-400);
  --text-inverse:   #ffffff;
  --text-link:      var(--accent-500);

  --border-subtle:  #e4e8ee;
  --border:         #d9dee6;
  --border-strong:  #c1c8d3;
  --border-control: #858d99;
  --elev-0: none;
  --elev-1: 0 0 0 1px var(--border);
  --elev-2: 0 0 0 1px var(--border), 0 4px 12px rgba(16,24,40,.08);
  --elev-3: 0 0 0 1px var(--border), 0 16px 48px rgba(16,24,40,.18);

  --brand:          var(--accent-500);
  --brand-hover:    var(--accent-600);
  --brand-pressed:  var(--accent-700);
  --brand-text:     var(--accent-500);
  --brand-subtle:   var(--accent-50);
  --on-brand:       #ffffff;
  --focus:          var(--accent-500);
  --focus-ring:     0 0 0 2px var(--bg-panel), 0 0 0 4px var(--focus);
  --focus-ring-inset: inset 0 0 0 2px var(--focus);

  --status-danger-text:  #b42318;  --status-danger-bg:  var(--red-50);   --status-danger-border:  #f9c9c5;  --status-danger-solid:  var(--red-500);  --status-danger-solid-hover: var(--red-600);
  --status-success-text: var(--green-600); --status-success-bg: var(--green-50); --status-success-border: #b4e2c6;
  --status-warning-text: var(--amber-700); --status-warning-bg: var(--amber-50); --status-warning-border: var(--amber-200);
  --status-info-text:    var(--blue-600);  --status-info-bg:    var(--blue-50);  --status-info-border:    #c5d6f6;
  --status-neutral-text: #475467;  --status-neutral-bg: #eef1f5;  --status-neutral-border: #d5dbe3;
  --status-online: #1e9e5a;

  --chip-bg: var(--accent-50);
  --chip-text: var(--accent-700);
  --chip-border: var(--accent-200);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg-app:        #0b1220;
  --bg-panel:      #111a2b;
  --bg-subtle:     #0f1726;
  --bg-muted:      #162036;
  --bg-hover:      rgba(255,255,255,.045);
  --bg-active:     rgba(255,255,255,.08);
  --bg-selected:   #152a5c;
  --bg-selected-hover: #1a3470;
  --bg-inverse:    #e4e9f2;
  --bg-overlay:    rgba(2,6,15,.72);

  --sidebar-bg:     var(--navy-950);
  --sidebar-border: rgba(255,255,255,.08);
  --sidebar-text:   #c9d3e3;
  --sidebar-text-muted: #98a6bb;
  --sidebar-text-active: #ffffff;
  --sidebar-indicator: var(--accent-300);

  --text:           #e4e9f2;
  --text-secondary: #c3ccda;
  --text-tertiary:  #9aa8bc;
  --text-disabled:  #6b7c98;
  --text-inverse:   #111a2b;
  --text-link:      var(--accent-300);

  --border-subtle:  #1e2a40;
  --border:         #24324a;
  --border-strong:  #34445f;
  --border-control: #6b7c98;
  --elev-1: 0 0 0 1px var(--border);
  --elev-2: 0 0 0 1px var(--border-strong), 0 6px 16px rgba(0,0,0,.45);
  --elev-3: 0 0 0 1px var(--border-strong), 0 20px 56px rgba(0,0,0,.6);

  /* Solid buttons keep #2f5bd3-family (white text AA); links/focus use #7aa2ff */
  --brand:          #3d6ae0;
  --brand-hover:    #5080f0;
  --brand-pressed:  #2f5bd3;
  --brand-text:     var(--accent-300);
  --brand-subtle:   #152a5c;
  --focus:          var(--accent-300);

  --status-danger-text:  var(--red-300); --status-danger-bg:  #3a1518; --status-danger-border:  #7f2a30;
  --status-success-text: var(--green-300); --status-success-bg: #0f2d24; --status-success-border: #1f6b52;
  --status-warning-text: var(--amber-300); --status-warning-bg: #2b230f; --status-warning-border: #6b5414;
  --status-info-text:    var(--blue-300);  --status-info-bg:    #132544; --status-info-border:    #2c4a7a;
  --status-neutral-text: #c3ccda;          --status-neutral-bg: #1a2538; --status-neutral-border: #34445f;
  --status-online: #3fbf7a;

  --chip-bg: #152a5c;
  --chip-text: var(--accent-300);
  --chip-border: #3a5080;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg-app:        #0b1220;
    --bg-panel:      #111a2b;
    --bg-subtle:     #0f1726;
    --bg-muted:      #162036;
    --bg-hover:      rgba(255,255,255,.045);
    --bg-active:     rgba(255,255,255,.08);
    --bg-selected:   #152a5c;
    --bg-selected-hover: #1a3470;
    --bg-inverse:    #e4e9f2;
    --bg-overlay:    rgba(2,6,15,.72);
    --sidebar-bg:     var(--navy-950);
    --sidebar-border: rgba(255,255,255,.08);
    --sidebar-text:   #c9d3e3;
    --sidebar-text-muted: #98a6bb;
    --sidebar-text-active: #ffffff;
    --sidebar-indicator: var(--accent-300);
    --text:           #e4e9f2;
    --text-secondary: #c3ccda;
    --text-tertiary:  #9aa8bc;
    --text-disabled:  #6b7c98;
    --text-inverse:   #111a2b;
    --text-link:      var(--accent-300);
    --border-subtle:  #1e2a40;
    --border:         #24324a;
    --border-strong:  #34445f;
    --border-control: #6b7c98;
    --elev-1: 0 0 0 1px var(--border);
    --elev-2: 0 0 0 1px var(--border-strong), 0 6px 16px rgba(0,0,0,.45);
    --elev-3: 0 0 0 1px var(--border-strong), 0 20px 56px rgba(0,0,0,.6);
    --brand:          #3d6ae0;
    --brand-hover:    #5080f0;
    --brand-pressed:  #2f5bd3;
    --brand-text:     var(--accent-300);
    --brand-subtle:   #152a5c;
    --focus:          var(--accent-300);
    --status-danger-text:  var(--red-300); --status-danger-bg:  #3a1518; --status-danger-border:  #7f2a30;
    --status-success-text: var(--green-300); --status-success-bg: #0f2d24; --status-success-border: #1f6b52;
    --status-warning-text: var(--amber-300); --status-warning-bg: #2b230f; --status-warning-border: #6b5414;
    --status-info-text:    var(--blue-300);  --status-info-bg:    #132544; --status-info-border:    #2c4a7a;
    --status-neutral-text: #c9d3e3;          --status-neutral-bg: #1a2538; --status-neutral-border: #34445f;
    --status-online: #3fbf7a;
    --chip-bg: #152a5c;
    --chip-text: var(--accent-300);
    --chip-border: #3a5080;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root { --motion-fast: 0ms; --motion-base: 0ms; }
}


/* Grok icons.css */
/* generated by _build/icons.cjs from lucide-static; do not edit */
:root{--i-menu:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-menu%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M4%205h16%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2012h16%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2019h16%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-arrow-left:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-arrow-left%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m12%2019-7-7%207-7%22%20%2F%3E%20%3Cpath%20d%3D%22M19%2012H5%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-pencil:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-pencil%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M21.174%206.812a1%201%200%200%200-3.986-3.987L3.842%2016.174a2%202%200%200%200-.5.83l-1.321%204.352a.5.5%200%200%200%20.623.622l4.353-1.32a2%202%200%200%200%20.83-.497z%22%20%2F%3E%20%3Cpath%20d%3D%22m15%205%204%204%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-chevron-down:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-chevron-down%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m6%209%206%206%206-6%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-chevron-right:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-chevron-right%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-grip-vertical:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-grip-vertical%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%2212%22%20r%3D%221%22%20%2F%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%225%22%20r%3D%221%22%20%2F%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%2219%22%20r%3D%221%22%20%2F%3E%20%3Ccircle%20cx%3D%2215%22%20cy%3D%2212%22%20r%3D%221%22%20%2F%3E%20%3Ccircle%20cx%3D%2215%22%20cy%3D%225%22%20r%3D%221%22%20%2F%3E%20%3Ccircle%20cx%3D%2215%22%20cy%3D%2219%22%20r%3D%221%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-calendar-days:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-calendar-days%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M8%202v3%22%20%2F%3E%20%3Cpath%20d%3D%22M16%202v3%22%20%2F%3E%20%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M3%209h18%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2013h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2013h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2013h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2017h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2017h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017h.01%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-receipt:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-receipt%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2017V7%22%20%2F%3E%20%3Cpath%20d%3D%22M16%208h-6a2%202%200%200%200%200%204h4a2%202%200%200%201%200%204H8%22%20%2F%3E%20%3Cpath%20d%3D%22M4%203a1%201%200%200%201%201-1%201.3%201.3%200%200%201%20.7.2l.933.6a1.3%201.3%200%200%200%201.4%200l.934-.6a1.3%201.3%200%200%201%201.4%200l.933.6a1.3%201.3%200%200%200%201.4%200l.933-.6a1.3%201.3%200%200%201%201.4%200l.934.6a1.3%201.3%200%200%200%201.4%200l.933-.6A1.3%201.3%200%200%201%2019%202a1%201%200%200%201%201%201v18a1%201%200%200%201-1%201%201.3%201.3%200%200%201-.7-.2l-.933-.6a1.3%201.3%200%200%200-1.4%200l-.934.6a1.3%201.3%200%200%201-1.4%200l-.933-.6a1.3%201.3%200%200%200-1.4%200l-.933.6a1.3%201.3%200%200%201-1.4%200l-.934-.6a1.3%201.3%200%200%200-1.4%200l-.933.6a1.3%201.3%200%200%201-.7.2%201%201%200%200%201-1-1z%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-building-2:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-building-2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M10%2012h4%22%20%2F%3E%20%3Cpath%20d%3D%22M10%208h4%22%20%2F%3E%20%3Cpath%20d%3D%22M14%2021v-3a2%202%200%200%200-4%200v3%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2010H4a2%202%200%200%200-2%202v7a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V9a2%202%200%200%200-2-2h-2%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2021V5a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202v16%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-chart-no-axes-column:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-chart-no-axes-column%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M5%2021v-6%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2021V3%22%20%2F%3E%20%3Cpath%20d%3D%22M19%2021V9%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-settings:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-settings%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M9.671%204.136a2.34%202.34%200%200%201%204.659%200%202.34%202.34%200%200%200%203.319%201.915%202.34%202.34%200%200%201%202.33%204.033%202.34%202.34%200%200%200%200%203.831%202.34%202.34%200%200%201-2.33%204.033%202.34%202.34%200%200%200-3.319%201.915%202.34%202.34%200%200%201-4.659%200%202.34%202.34%200%200%200-3.32-1.915%202.34%202.34%200%200%201-2.33-4.033%202.34%202.34%200%200%200%200-3.831A2.34%202.34%200%200%201%206.35%206.051a2.34%202.34%200%200%200%203.319-1.915%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-clock:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-clock%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M12%206v6l4%202%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-activity:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-activity%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M22%2012h-2.48a2%202%200%200%200-1.93%201.46l-2.35%208.36a.25.25%200%200%201-.48%200L9.24%202.18a.25.25%200%200%200-.48%200l-2.35%208.36A2%202%200%200%201%204.49%2012H2%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-x:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-x%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M18%206%206%2018%22%20%2F%3E%20%3Cpath%20d%3D%22m6%206%2012%2012%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-search:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-search%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m21%2021-4.34-4.34%22%20%2F%3E%20%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-check:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-check%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-circle-alert:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-circle-alert%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%228%22%20y2%3D%2212%22%20%2F%3E%20%3Cline%20x1%3D%2212%22%20x2%3D%2212.01%22%20y1%3D%2216%22%20y2%3D%2216%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-lock:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-lock%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2218%22%20height%3D%2211%22%20x%3D%223%22%20y%3D%2211%22%20rx%3D%222%22%20ry%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%2010%200v4%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-bell:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-bell%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M10.268%2021a2%202%200%200%200%203.464%200%22%20%2F%3E%20%3Cpath%20d%3D%22M3.262%2015.326A1%201%200%200%200%204%2017h16a1%201%200%200%200%20.74-1.673C19.41%2013.956%2018%2012.499%2018%208A6%206%200%200%200%206%208c0%204.499-1.411%205.956-2.738%207.326%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-smartphone:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-smartphone%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2214%22%20height%3D%2220%22%20x%3D%225%22%20y%3D%222%22%20rx%3D%222%22%20ry%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2018h.01%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-log-out:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-log-out%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m16%2017%205-5-5-5%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2012H9%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-external-link:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-external-link%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%203h6v6%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2014%2021%203%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-arrow-right:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-arrow-right%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M5%2012h14%22%20%2F%3E%20%3Cpath%20d%3D%22m12%205%207%207-7%207%22%20%2F%3E%20%3C%2Fsvg%3E")}
:root{--i-info:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-info%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2016v-4%22%20%2F%3E%20%3Cpath%20d%3D%22M12%208h.01%22%20%2F%3E%20%3C%2Fsvg%3E")}


/* Grok web.css */
/* ==========================================================================
   gani TMS · v4 visual layer ("Meridian Pro fixed") for the REAL web app
   (0.8.7 · 5a33e68). Loaded AFTER the app stylesheets with tokens.css + icons.css.
   Colour / type / density / borders / radius / glyphs ONLY.
   Never adds, hides, renames or reorders an element, label, column or tab.
   Shell SHAOKE navy #242c48; accent blue #2f5bd3. Red = Missing / error only.
   Meridian Pro DNA: navy shell, ruled ~48px tables, filter chips, Light/Dark,
   Public Sans + JetBrains Mono. Command palette + route map DROPPED (not in
   real DOM). Real nav stays a sidebar — Meridian slate colours (closest CSS-only
   treatment; cannot become a top bar without markup change).
   ========================================================================== */
:root{
  --ink:var(--text)!important;--muted:var(--text-secondary)!important;--surface:var(--bg-panel)!important;--canvas:var(--bg-app)!important;
  --line:var(--border)!important;--red:var(--brand)!important;--danger:var(--status-danger-text)!important;
  --text-main:var(--text)!important;--text-muted:var(--text-secondary)!important;--success:var(--status-success-text)!important;
  --radius:4px!important;--stage:var(--bg-app)!important;--surface-soft:var(--bg-subtle)!important;
  --text-link:var(--text);
}

/* Force house brand on body — app sets legacy --brand on body; :root alone does not win for descendants — force accent here */
html,body{
  --brand: var(--accent-500) !important;
  --brand-hover: var(--accent-600) !important;
  --brand-pressed: var(--accent-700) !important;
  --brand-text: var(--accent-500) !important;
  --brand-subtle: var(--accent-50) !important;
  --on-brand: #ffffff !important;
  --red: var(--accent-500) !important; /* app legacy "brand red" → accent */
  --focus: var(--accent-500) !important;
  --text-link: var(--accent-500) !important;
}
:root[data-theme="dark"] body, html[data-theme="dark"] body, body[data-theme="dark"]{
  --brand: #3d6ae0 !important;
  --brand-hover: #5080f0 !important;
  --brand-pressed: #2f5bd3 !important;
  --brand-text: var(--accent-300) !important;
  --brand-subtle: #152a5c !important;
  --red: #3d6ae0 !important;
  --focus: var(--accent-300) !important;
  --text-link: var(--accent-300) !important;
}
@media (prefers-color-scheme: dark){
  html:not([data-theme="light"]) body{
    --brand: #3d6ae0 !important;
    --brand-hover: #5080f0 !important;
    --brand-pressed: #2f5bd3 !important;
    --brand-text: var(--accent-300) !important;
    --brand-subtle: #152a5c !important;
    --red: #3d6ae0 !important;
    --focus: var(--accent-300) !important;
    --text-link: var(--accent-300) !important;
  }
}

/* NB: the app defines --brand/--border itself; we re-point them to the house tokens above */
html,body{background:var(--bg-app)!important;color:var(--text)!important;font:400 13px/1.45 var(--font-sans)!important;font-feature-settings:"ss01","tnum";letter-spacing:-.006em;-webkit-font-smoothing:antialiased}
body *{font-family:inherit}
code,kbd,samp,.mono,.username-token,.order-reference,.order-number,.order-link{font-feature-settings:"tnum","zero"}
h1,h2,h3,h4{color:var(--text)!important;letter-spacing:-.02em;font-weight:600}
p,small,.heading p{color:var(--text-secondary)!important}
a{color:var(--text)}
::selection{background:var(--accent-200);color:var(--gray-900)}

/* ---------- Controls ---------- */
button{font-family:inherit!important;font-size:13px!important;font-weight:500!important;min-height:32px!important;padding:0 12px!important;border:1px solid var(--border-strong)!important;border-bottom-color:var(--border-control)!important;border-radius:var(--radius-sm)!important;background:var(--bg-panel)!important;color:var(--text)!important;box-shadow:none!important;gap:6px}
button:hover:not(:disabled){background:var(--bg-hover)!important;border-color:var(--border-control)!important}
button:active:not(:disabled){background:var(--bg-active)!important}
button:disabled{opacity:1!important;color:var(--text-disabled)!important;background:var(--bg-muted)!important;border-color:var(--border)!important}
button.primary,.primary{background:var(--brand)!important;border-color:var(--brand)!important;color:var(--on-brand)!important}
button.primary:hover:not(:disabled){background:var(--brand-hover)!important;border-color:var(--brand-hover)!important}
button.primary:disabled{background:var(--bg-muted)!important;border-color:var(--border)!important;color:var(--text-disabled)!important}
button.danger,.danger{color:var(--status-danger-text)!important}
button.compact,.compact{min-height:28px!important;padding:0 8px!important;font-size:12px!important}
button.text-button,.text-button{border-color:transparent!important;background:transparent!important;color:var(--text-secondary)!important}
button.text-button:hover{color:var(--text)!important;background:var(--bg-hover)!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:none!important;box-shadow:var(--focus-ring)!important}
.icon-button{min-width:28px!important;width:28px;padding:0!important}
.ui-icon{width:16px!important;height:16px!important;stroke-width:1.5!important}
input,select,textarea{font:400 13px var(--font-sans)!important;min-height:32px!important;padding:0 10px!important;border:1px solid var(--border-strong)!important;border-bottom-color:var(--border-control)!important;border-radius:var(--radius-sm)!important;background:var(--bg-panel)!important;color:var(--text)!important;box-shadow:none!important}
textarea{padding:6px 8px!important;line-height:1.45}
select{padding-right:22px!important}
input::placeholder,textarea::placeholder{color:var(--text-tertiary)!important;opacity:1}
input:hover,select:hover,textarea:hover{border-color:var(--border-control)!important}
input[type=checkbox],input[type=radio]{accent-color:var(--brand);min-height:0!important;width:14px;height:14px;padding:0!important}
label{color:var(--text-secondary)}
label>span:first-child,.field>span{font-size:12px;font-weight:500;color:var(--text-secondary)}

/* ---------- Sidebar (graphite) ---------- */
.sidebar{background:var(--sidebar-bg)!important;border-right:1px solid var(--sidebar-border)!important;box-shadow:none!important;color:var(--sidebar-text)!important}
.sidebar .brand{height:48px!important;padding:0 14px!important;color:var(--sidebar-text-active)!important;font-size:15px!important;font-weight:600;letter-spacing:-.01em;gap:4px;border-bottom:1px solid var(--sidebar-border)}
.sidebar .brand>span:last-child{color:var(--sidebar-text-muted)!important;font-size:12px;font-weight:500}
.sidebar .brand-mark{width:22px!important;height:22px!important;border-radius:5px!important;background:var(--accent-500)!important;font-size:13px;font-weight:700;margin-right:6px!important}
.sidebar .workspace-label{color:var(--sidebar-text-muted)!important;font-size:11px!important;font-weight:600;letter-spacing:var(--tracking-caps)!important;padding:14px 14px 6px!important;margin:0!important}
.sidebar nav{padding:0 8px}
.nav-section{margin:0 0 2px!important}
.nav-section-toggle,.sidebar button.nav-section-toggle{min-height:36px!important;height:36px;padding:0 8px!important;border:0!important;border-radius:var(--radius-sm)!important;background:transparent!important;color:var(--sidebar-text)!important;font-size:13px!important;font-weight:600!important;gap:8px!important}
.nav-section-toggle:hover{background:var(--sidebar-bg-hover)!important;color:var(--sidebar-text-active)!important}
.current-section>.nav-section-toggle{background:transparent!important;color:var(--sidebar-text-active)!important}
.nav-section-toggle .ui-icon{display:none!important}
.nav-section-toggle::before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:var(--i-ic) center/contain no-repeat;mask:var(--i-ic) center/contain no-repeat;opacity:.85}
.nav-section[data-section=planning]{--i-ic:var(--i-calendar-days)}.nav-section[data-section=finance]{--i-ic:var(--i-receipt)}.nav-section[data-section=relations]{--i-ic:var(--i-building-2)}.nav-section[data-section=reports]{--i-ic:var(--i-chart-no-axes-column)}.nav-section[data-section=administration]{--i-ic:var(--i-settings)}
.nav-label{flex:1;text-align:left}
.nav-chevron{font-size:0!important;width:14px;height:14px;background:currentColor;-webkit-mask:var(--i-chevron-right) center/contain no-repeat;mask:var(--i-chevron-right) center/contain no-repeat;opacity:.6}
.nav-section-toggle[aria-expanded=true] .nav-chevron{-webkit-mask-image:var(--i-chevron-down);mask-image:var(--i-chevron-down)}
.nav-arrange{font-size:0!important;width:22px;min-width:22px!important;min-height:22px!important;height:22px;padding:0!important;border:0!important;background:transparent!important;color:var(--sidebar-text-muted)!important;opacity:0}
.nav-arrange::before{content:"";width:13px;height:13px;background:currentColor;-webkit-mask:var(--i-pencil) center/contain no-repeat;mask:var(--i-pencil) center/contain no-repeat}
.nav-section:hover .nav-arrange,.nav-arrange:focus-visible{opacity:1}
.nav-section-items{margin:1px 0 6px 15px!important;padding-left:8px!important;border-left:1px solid var(--sidebar-border)}
.nav-section-items>.nav-item,.sidebar .nav-item{min-height:32px!important;height:32px;padding:0 8px!important;border:0!important;border-radius:var(--radius-sm)!important;background:transparent!important;color:var(--sidebar-text)!important;font-size:13px!important;font-weight:400!important;box-shadow:none!important;justify-content:flex-start;text-align:left;position:relative}
.sidebar .nav-item:hover{background:var(--sidebar-bg-hover)!important;color:var(--sidebar-text-active)!important}
.sidebar .nav-item.active,.nav-section-items>.nav-item.active,.nav-section[data-section] .nav-item.active{background:var(--sidebar-bg-active)!important;color:var(--sidebar-text-active)!important;font-weight:500!important;box-shadow:none!important}
.sidebar .nav-item.active::before{content:"";position:absolute;left:-9px;top:6px;bottom:6px;width:2px;border-radius:2px;background:var(--sidebar-indicator)}
#nav .queue-count,.sidebar .queue-count{margin-left:auto;font-size:11px!important;font-weight:500;line-height:16px;min-width:18px;height:16px;padding:0 5px;border-radius:8px;background:rgba(255,255,255,.12)!important;color:var(--sidebar-text-active)!important;text-align:center;font-feature-settings:"tnum"}
.sidebar-foot{background:var(--sidebar-bg)!important;border-top:1px solid var(--sidebar-border)!important;padding:10px 14px!important;color:var(--sidebar-text-muted)!important;font-size:11px!important;letter-spacing:var(--tracking-caps)!important}
.sidebar-foot small{font-size:12px!important;color:var(--sidebar-text-muted)!important;letter-spacing:0!important;display:block;margin:2px 0 8px}
.sidebar-foot .local-dot{background:var(--status-online)!important;width:6px;height:6px;border-radius:50%;display:inline-block}
.sidebar-foot .text-button,.sidebar-foot button{color:var(--sidebar-text)!important;background:transparent!important;border:1px solid var(--sidebar-border)!important;min-height:24px!important;font-size:12px!important}
.sidebar-foot button:hover{background:var(--sidebar-bg-hover)!important;color:#fff!important}

/* ---------- Header / command bar ---------- */
.workspace-header,body.design-workspace .shell>.workspace-header{height:48px!important;min-height:48px!important;padding:0 16px!important;gap:12px!important;background:var(--bg-panel)!important;border-bottom:1px solid var(--border)!important;box-shadow:none!important;backdrop-filter:none!important}
.workspace-header .header-navigation{gap:2px!important}
.workspace-header .header-navigation button,body.design-workspace .workspace-header .header-navigation button{height:28px!important;min-height:28px!important;width:28px!important;min-width:28px!important;border:0!important;background:transparent!important;color:var(--text-secondary)!important;font-size:0!important;position:relative}
.workspace-header .header-navigation button:hover{background:var(--bg-hover)!important;color:var(--text)!important}
.sidebar-toggle::before,.global-back::before,.phone-search-toggle::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--i-ic) center/contain no-repeat;mask:var(--i-ic) center/contain no-repeat}
.sidebar-toggle{--i-ic:var(--i-menu)}.global-back{--i-ic:var(--i-arrow-left)}.phone-search-toggle{--i-ic:var(--i-search)}
.header-location{font-size:13px}
.breadcrumb,#breadcrumb{font-size:13px!important;color:var(--text-secondary)!important;font-weight:400!important}
#breadcrumb{color:var(--text)!important;font-weight:500!important}
.global-order-search{max-width:360px}
.global-order-search input{height:28px;border:1px solid var(--border)!important;background:var(--bg-subtle)!important;border-color:var(--border)!important;border-bottom-color:var(--border-strong)!important}
.global-order-results{background:var(--bg-panel)!important;border:0!important;box-shadow:var(--elev-2)!important;border-radius:var(--radius-md)!important}
.entity-switch{border:1px solid var(--border-strong)!important;border-radius:var(--radius-sm)!important;background:var(--bg-panel)!important;box-shadow:none!important;height:28px;padding:0 6px!important;gap:6px}
.entity-code{background:var(--brand-subtle)!important;color:var(--brand-text)!important;border-radius:3px!important;font-size:12px!important;font-weight:600;padding:1px 5px;width:auto!important;height:auto!important}
.entity-caption{display:block;font-size:11px!important;line-height:1;color:var(--text-tertiary)!important}
.entity-control{display:flex;flex-direction:column;gap:0}
.entity-switch select{border:0!important;background:transparent!important;min-height:24px!important;padding:0 18px 0 0!important;font-weight:500}
.account-menu summary{list-style:none}
.account-avatar{width:24px!important;height:24px!important;background:var(--bg-muted)!important;border:1px solid var(--border)!important;color:var(--text-secondary)!important;font-size:11px!important;font-weight:600}
.account-menu-content{background:var(--bg-panel)!important;border:0!important;box-shadow:var(--elev-2)!important;border-radius:var(--radius-md)!important;padding:6px!important}
.account-label{color:var(--text-secondary)!important;font-size:12px}
.release-badge{background:var(--status-neutral-bg)!important;color:var(--status-neutral-text)!important;border:1px solid var(--status-neutral-border)!important;border-radius:var(--radius-xs)!important;font-size:11px!important;padding:1px 6px!important;font-feature-settings:"tnum"}
.prototype-badge{background:var(--status-warning-bg)!important;color:var(--status-warning-text)!important;border:1px solid var(--status-warning-border)!important;border-radius:var(--radius-xs)!important;font-size:11px!important;font-weight:600;letter-spacing:var(--tracking-caps)}

/* ---------- Page heading ---------- */
main{padding:18px 24px 72px!important}
.heading{margin-bottom:12px!important;align-items:flex-start!important}
.heading h1,#title{font-size:16px!important;font-weight:600!important;letter-spacing:-.015em;margin:0}
.heading h1 .title-count,.title-count{font-size:12px!important;font-weight:400;color:var(--text-tertiary)!important}
#subtitle,.heading p{font-size:12px!important;margin:2px 0 0!important}
.data-freshness{font-size:12px!important;color:var(--text-tertiary)!important}
.about-view{border-color:transparent!important;background:transparent!important;color:var(--text-secondary)!important}
.about-view:hover{background:var(--bg-hover)!important}

/* ---------- Surfaces ---------- */
.panel,.workspace-card,.filter-block,.list-workbench,.records-block,.form-block,.callout,.workspace-metric,.role-card,.template-section,.check-row,.table-wrap,.shared-order-controls,.administration-group,.mail-connection,.sales-workspace .panel,.planning-card,.planning-stat,.work-action-context,.invoice-drop-zone{background:var(--bg-panel)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;box-shadow:none!important}
.callout{background:var(--bg-subtle)!important}
.block-kicker,.workspace-label,.label-note{font-size:11px!important;font-weight:600!important;letter-spacing:var(--tracking-caps)!important;color:var(--text-tertiary)!important}
.block-heading h2,.block-heading h3,.workspace-card h2,.workspace-card h3,.panel h2,.panel h3{font-size:14px!important;font-weight:600!important}
.workspace-metric strong,.workspace-metric .value{font-size:20px!important;font-weight:600!important;font-feature-settings:"tnum"}
.workspace-empty,.empty-state,.design-message-empty,.design-filter-empty,.design-rate-empty{color:var(--text-secondary)!important;background:var(--bg-subtle)!important;border:1px dashed var(--border-strong)!important;border-radius:var(--radius-md)!important}

/* ---------- Tables ---------- */
table{border-collapse:collapse;font-size:13px}
th{background:var(--bg-subtle)!important;color:var(--text-secondary)!important;font-size:12px!important;font-weight:650!important;letter-spacing:.01em!important;text-transform:none!important;padding:10px 12px!important;border-bottom:1px solid var(--border-strong)!important;text-align:left;white-space:nowrap}
th .column-sort,.column-sort{border:0!important;background:transparent!important;min-height:0!important;padding:0!important;font:inherit!important;font-weight:500!important;color:inherit!important;gap:4px}
td{padding:12px!important;border-bottom:1px solid var(--border-subtle)!important;color:var(--text);vertical-align:middle;min-height:48px;box-sizing:border-box}
tbody tr:hover td{background:var(--bg-hover)}
tr.selected td,tr[aria-selected=true] td,tr.is-selected td{background:var(--bg-selected)!important}
.table-wrap{overflow:auto}
.order-link,td a.order-link,.sales-order-identity a{color:var(--text)!important;font-weight:600!important;text-decoration:none!important;font-feature-settings:"tnum";font-family:var(--font-mono)!important;font-size:12px!important;border:0!important;background:transparent!important;padding:0!important;min-height:0!important}
.order-link:hover{text-decoration:underline!important;color:var(--brand-text)!important}
.order-reference,.sales-order-labels,.cmr-age{color:var(--text-secondary)!important;font-size:12px!important}
.schedule-cell{font-size:12px}.schedule-cell strong,.schedule-window{font-feature-settings:"tnum"}
.schedule-window{color:var(--text-secondary)!important;font-size:12px!important}
.list-pagination,.table-footer,.order-pagination{color:var(--text-secondary)!important;font-size:12px;border-color:var(--border)!important}
.inline-actions{gap:6px}
.cmr-missing-action,.cmr-operation-upload,.work-row-actions button,.task-primary,.task-more-actions{min-height:24px!important;padding:0 8px!important;font-size:12px!important}

/* ---------- Badges / statuses (real classes, house hues) ---------- */
.badge,.cmr-status,.order-cell-status .badge,.arrangement-badge,.compact-status{display:inline-flex!important;align-items:center;height:20px;padding:0 6px!important;border-radius:var(--radius-xs)!important;font-size:12px!important;font-weight:500!important;line-height:1;border:1px solid var(--status-neutral-border)!important;background:var(--status-neutral-bg)!important;color:var(--status-neutral-text)!important;margin-right:4px}
.badge.green,.cmr-status.received,.cmr-status.approved{background:var(--status-success-bg)!important;color:var(--status-success-text)!important;border-color:var(--status-success-border)!important}
.badge.amber,.cmr-status.partial{background:var(--status-warning-bg)!important;color:var(--status-warning-text)!important;border-color:var(--status-warning-border)!important}
.badge.blue{background:var(--status-info-bg)!important;color:var(--status-info-text)!important;border-color:var(--status-info-border)!important}
.badge.red,.cmr-status.missing{background:var(--status-danger-bg)!important;color:var(--status-danger-text)!important;border-color:var(--status-danger-border)!important}
.badge.attention{background:var(--status-warning-bg)!important;color:var(--status-warning-text)!important}

/* ---------- Tabs, chips, segmented ---------- */
.transport-workspace-views,.work-action-tabs,.sales-tabs,.dossier-tabs{border-bottom:1px solid var(--border)!important;gap:0!important;background:transparent!important}
.transport-workspace-views button,.work-action-tabs button,.sales-tabs button,.dossier-tabs button{border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;color:var(--text-secondary)!important;min-height:32px!important;padding:0 12px!important;margin-bottom:-1px;font-weight:500!important}
.transport-workspace-views button:hover,.work-action-tabs button:hover,.sales-tabs button:hover,.dossier-tabs button:hover{color:var(--text)!important;background:var(--bg-hover)!important}
.transport-workspace-views button.active,.work-action-tabs button.active,.sales-tabs button.active,.dossier-tabs button.active,.transport-workspace-views [aria-pressed=true],.transport-workspace-views [aria-selected=true],.work-action-tabs [aria-selected=true],.sales-tabs [aria-selected=true],.dossier-tabs [aria-selected=true]{color:var(--text)!important;border-bottom-color:var(--brand)!important;background:transparent!important}
.workspace-subnav button,.transport-category-tabs button,.sales-category-tabs button,.filter-chips button,.sales-filter-chips button,.sales-type-context button{min-height:24px!important;height:24px;padding:0 9px!important;border-radius:12px!important;font-size:12px!important;background:var(--bg-panel)!important}
.workspace-subnav button.primary,.workspace-subnav button[aria-current=page],.transport-category-tabs button.active,.sales-category-tabs button.active,.filter-chips button.active,.sales-filter-chips button.active,.transport-category-tabs [aria-selected=true],.sales-category-tabs [aria-selected=true],.transport-category-tabs [aria-pressed=true],.sales-category-tabs [aria-pressed=true],.filter-chips [aria-pressed=true]{background:var(--brand-subtle)!important;border-color:var(--accent-200)!important;color:var(--brand-text)!important}
.workspace-subnav,.transport-category-tabs,.sales-category-tabs,.filter-chips,.sales-filter-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0!important}
.workspace-subnav button{border-color:var(--border-strong)!important}
.workspace-subnav button.primary:hover:not(:disabled){background:var(--accent-100)!important;color:var(--brand-text)!important;border-color:var(--accent-200)!important}
.segmented{background:var(--bg-muted)!important;border-radius:var(--radius-sm)!important;padding:2px!important;gap:0!important}
.segmented button{border:0!important;background:transparent!important;min-height:24px!important;border-radius:3px!important}
.segmented button.active,.segmented [aria-pressed=true],.segmented [aria-selected=true]{background:var(--bg-panel)!important;box-shadow:0 0 0 1px var(--border)!important}
.sales-tabs .badge,.dossier-tabs .badge,.dossier-tabs span{font-size:11px!important;background:var(--bg-muted)!important;color:var(--text-secondary)!important;border:0!important;height:16px;padding:0 5px!important;border-radius:8px!important;margin-left:4px}

/* ---------- Dossier ---------- */
.order-panel{background:var(--bg-app)!important;inset:48px 0 0 var(--side)!important}
.dossier-head{background:var(--bg-panel)!important;border-bottom:1px solid var(--border)!important;box-shadow:none!important}
.dossier-identification h2{font-size:16px!important;font-weight:600!important}
.dossier-identification h2 span{font-size:13px!important;font-weight:400!important;color:var(--text-secondary)!important}
.dossier-footer,.sticky-actions,[class*=sticky]{background:var(--bg-panel)!important;border-top:1px solid var(--border)!important;box-shadow:none!important}

/* ---------- Dialog, toast, menus ---------- */
dialog{border:0!important;border-radius:var(--radius-lg)!important;box-shadow:var(--elev-3)!important;background:var(--bg-panel)!important;color:var(--text)!important}
dialog::backdrop{background:var(--bg-overlay)!important;backdrop-filter:none!important}
dialog .modal-head{padding:12px 16px!important;border-bottom:1px solid var(--border)!important}
dialog .modal-head h2{font-size:16px!important;font-weight:600!important}
dialog .modal-body{padding:12px 16px 16px!important}
dialog form>footer,dialog .modal-actions,dialog menu{background:var(--bg-subtle)!important;border-top:1px solid var(--border)!important}
#toast{background:var(--bg-inverse)!important;color:var(--text-inverse)!important;border:0!important;border-left:0!important;border-radius:var(--radius-md)!important;box-shadow:var(--elev-2)!important;font-size:13px}
#toast button{background:transparent!important;border:0!important;color:inherit!important}
.action-menu-items,#global-actions-menu,.global-work-actions .menu{background:var(--bg-panel)!important;border:0!important;box-shadow:var(--elev-2)!important;border-radius:var(--radius-md)!important}
.global-actions-button{border-radius:var(--radius-sm)!important;box-shadow:var(--elev-2)!important;min-height:28px!important;padding:0 12px!important;background:var(--bg-inverse)!important;color:var(--text-inverse)!important;border-color:var(--bg-inverse)!important}
.global-actions-button:hover:not(:disabled){background:var(--gray-800)!important}
.form-error{color:var(--status-danger-text)!important}

/* ---------- Sign in ---------- */
.auth-screen{background:var(--bg-app)!important}
.login-card{background:var(--bg-panel)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--elev-2)!important;padding:28px!important}
.login-card h2{font-size:20px!important;letter-spacing:-.02em}
.login-card .brand{color:var(--text)!important;height:auto!important;border:0!important;padding:0!important;font-size:18px!important}
.login-card .brand>span:last-child{color:var(--text-secondary)!important}
.login-card .brand-mark{width:24px!important;height:24px!important;border-radius:6px!important;background:var(--accent-500)!important;color:#fff!important}
.login-card input{min-height:32px!important}.login-card button.primary{min-height:32px!important}
.startup-status{background:var(--bg-panel)!important;color:var(--text-secondary)!important}

@media (prefers-reduced-motion:no-preference){button,input,select{transition:background var(--motion-fast),border-color var(--motion-fast)}}

/* ---------- Phone (real breakpoint <=750px): touch targets, inputs 16px ---------- */
@media(max-width:750px){
  main{padding:12px 14px 80px!important}
  .workspace-header,body.design-workspace .shell>.workspace-header{height:48px!important;min-height:48px!important}
  button,input,select{min-height:40px!important}
  button.compact,.compact,.icon-button{min-height:36px!important}
  .workspace-header .header-navigation button,body.design-workspace .workspace-header .header-navigation button{height:40px!important;width:40px!important;min-width:40px!important}
  input,select,textarea{font-size:16px!important}
  .heading h1,#title{font-size:22px!important;letter-spacing:-.025em}
  .entity-switch{height:36px}.entity-switch select{min-height:30px!important;font-size:14px!important}
  .workspace-subnav button,.transport-category-tabs button,.sales-category-tabs button,.filter-chips button{min-height:32px!important;height:32px;font-size:13px!important;border-radius:16px!important}
  .transport-workspace-views button,.dossier-tabs button,.sales-tabs button{min-height:40px!important}
  .sidebar{box-shadow:var(--elev-3)}
  .global-actions-button{min-height:40px!important}
  td,th{padding:8px 10px!important}
  .mobile-records>*{border-radius:var(--radius-m-group)!important}
}

/* ---------- Arrange menu (inline editor inside the sidebar) ---------- */
.nav-inline-editor{background:transparent!important;border:0!important;color:var(--sidebar-text)!important;padding:6px 0!important;box-shadow:none!important}
.nav-inline-editor p,.nav-inline-editor small{color:var(--sidebar-text-muted)!important;font-size:12px!important}
.nav-order-list{list-style:none;margin:6px 0!important;padding:0!important;display:grid;gap:2px}
.nav-order-row{display:flex!important;align-items:center;gap:4px;padding:2px 4px!important;border:1px solid var(--sidebar-border)!important;border-radius:var(--radius-sm)!important;background:var(--sidebar-bg-hover)!important;color:var(--sidebar-text)!important;min-height:28px}
.nav-order-name{flex:1;font-size:12px}
.nav-drag-handle{font-size:0!important;width:14px;height:14px;background:var(--sidebar-text-muted);-webkit-mask:var(--i-grip-vertical) center/contain no-repeat;mask:var(--i-grip-vertical) center/contain no-repeat}
.nav-inline-editor button{min-height:22px!important;padding:0 6px!important;font-size:12px!important;background:transparent!important;color:var(--sidebar-text)!important;border:1px solid var(--sidebar-border)!important}
.nav-inline-editor button.primary{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
.nav-inline-editor button:disabled{opacity:.4;background:transparent!important;color:var(--sidebar-text-muted)!important}
.nav-editor-actions{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}

/* invoice-progress is a column of status lines, not a badge */
.invoice-progress{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;margin:6px 0!important;font-size:12px!important;color:var(--text-secondary)!important}
.invoice-progress .order-link{font-family:var(--font-sans)!important;font-weight:500!important;height:auto!important;min-height:0!important;padding:0!important;color:var(--brand-text)!important}

/* ===== Dark mode: re-point the app's remaining hard-coded light surfaces/text (dark only) ===== */
:root[data-theme="dark"] :is(article.goods-card,article.stop-card,details.actual-details,details.goods-actual,div.block-heading,div.cmr-drop-zone,div.dossier-foot,div.goods-card-head,div.order-route-strip,div.stop-card-top,section.cmr-drop-card,section.cmr-drop-card.received,section.invoice-week-controls,section.order-next-step,section.order-watch-information,section.request-feedback,section.sales-group-list,section.price-summary,div.price-summary,div.price-line,fieldset.price-side,span.automatic-stop-label,span.awb-token,span.operation-label,span.sales-type-label,span.stop-number,div.callout,summary,.sales-order-price){background-color:var(--bg-subtle)!important;border-color:var(--border)!important;color:var(--text)!important}
:root[data-theme="dark"] :is(div.dossier-foot,.dossier-foot){background-color:var(--bg-panel)!important;border-top:1px solid var(--border)!important}
:root[data-theme="dark"] :is(div.callout.green){background-color:var(--status-success-bg)!important;border-color:var(--status-success-border)!important;color:var(--status-success-text)!important}
:root[data-theme="dark"] :is(strong,h3,h4,summary,button.order-link,button.text-button,.stop-location,.sales-order-price){color:var(--text)!important}
:root[data-theme="dark"] :is(label,small,span.field-label,span.party-field-label,span.revision-label,span.route-connector,span.save-note,span.schedule-window,span.summary-hint,span.goods-line-number,span.stop-number,span.design-filter-count,small.sales-row-customer,p.cmr-upload-status,label.single-stop-link,label.wide.goods-description,button.column-sort){color:var(--text-secondary)!important}
:root[data-theme="dark"] :is(button.secondary,a.secondary.button-link){background-color:var(--bg-muted)!important;border-color:var(--border-strong)!important;color:var(--text)!important}
:root[data-theme="dark"] :is(button.secondary,a.secondary.button-link):hover{background-color:var(--bg-active)!important}
:root[data-theme="dark"] span.nav-chevron{color:var(--sidebar-text-muted)!important}
:root[data-theme="dark"] :is(input,select,textarea){background-color:var(--bg-muted)!important;color:var(--text)!important;border-color:var(--border-control)!important}
:root[data-theme="dark"] button.primary{color:var(--on-brand,#fff)!important}

/* ---- contrast floors (found by the rendered-DOM scan) ---- */
.segmented button.primary,.segmented button[aria-pressed=true]{background:var(--bg-panel)!important;color:var(--text)!important;box-shadow:0 0 0 1px var(--border)!important;font-weight:600!important}
.segmented button.primary:hover{background:var(--bg-panel)!important;color:var(--text)!important}
.route-connector,.route-stop-count,.revision-label,.subsection-heading,.subsection-heading span,.order-route-strip>span,.price-summary span,.price-explanation summary,.sales-options summary,.sales-result-caption,.user-stats span,.empty-state strong,summary span{color:var(--text-secondary)!important}
.user-initial{color:var(--text-secondary)!important}
.operation-label.loading,.operation-label.unloading{color:var(--status-info-text)!important}
.sales-result-caption,.sales-result-caption *{color:var(--text-secondary)!important}
.order-route-strip div>span,.order-next-step>span{color:var(--text-secondary)!important}
:root[data-theme="dark"] :is(.workspace-subnav,.transport-category-tabs,.sales-category-tabs,.filter-chips,.sales-filter-chips) button.primary{background-color:var(--bg-selected)!important;color:var(--brand-text)!important;border-color:var(--accent-700)!important}
:root[data-theme="dark"] button small,:root[data-theme="dark"] button .count{color:inherit!important}
:root[data-theme="dark"] button[aria-pressed=true]:not(.segmented button):not(.primary){background-color:var(--bg-selected)!important;color:var(--brand-text)!important;border-color:var(--accent-700)!important}
:root[data-theme="dark"] button[aria-pressed=true] small{color:var(--brand-text)!important}
:root[data-theme="dark"] button small{background-color:var(--bg-active)!important}
.queue-count{display:inline-flex;align-items:center;justify-content:center;font-size:11px!important;font-weight:600;line-height:16px;min-width:18px;height:16px;padding:0 5px;border-radius:8px;background:var(--bg-active)!important;color:var(--text-secondary)!important;font-feature-settings:"tnum"}
button.primary .queue-count,button[aria-pressed=true] .queue-count,.primary>.queue-count{color:var(--brand-text)!important}
#nav .queue-count,.sidebar .queue-count{color:var(--sidebar-text-active)!important;background:rgba(255,255,255,.12)!important}
td .stop-location{color:var(--text-secondary)!important}
.source-notice strong,.source-notice{color:var(--text-secondary)!important}
:root[data-theme="dark"] .source-notice strong{color:var(--text)!important}

/* ===== v4 Meridian Pro fixed — ruled tables, navy shell polish, density ===== */
/* Vertical rules between columns (Meridian Grid DNA); only on data tables */
.table-wrap table th+th,
.table-wrap table td+td,
.list-workbench table th+th,
.list-workbench table td+td,
.records-block table th+th,
.records-block table td+td,
.panel table th+th,
.panel table td+td,
.workspace-card table th+th,
.workspace-card table td+td{
  border-left:1px solid var(--border-subtle)!important;
}
tbody tr:hover td{background:var(--bg-hover)!important}
tr.selected td,tr[aria-selected=true] td,tr.is-selected td{background:var(--bg-selected)!important}
/* Tabular mono IDs / money */
.order-link,td a.order-link,.sales-order-identity a,
.order-reference,.money,.amount,[data-col=amount],.sales-order-price,
td.numeric,th.numeric{font-variant-numeric:tabular-nums}
.order-link,td a.order-link{font-family:var(--font-mono)!important;font-size:12.5px!important;font-weight:600!important;letter-spacing:-.01em}
/* Filter chips as Meridian pills */
.workspace-subnav button,.transport-category-tabs button,.sales-category-tabs button,
.filter-chips button,.sales-filter-chips button,.sales-type-context button{
  border-radius:999px!important;border:1px solid var(--border-strong)!important;
  background:var(--bg-panel)!important;color:var(--text-secondary)!important;
  min-height:28px!important;height:28px;padding:0 12px!important;font-size:12.5px!important;
}
.workspace-subnav button:hover,.transport-category-tabs button:hover,.filter-chips button:hover{
  background:var(--bg-hover)!important;color:var(--text)!important;
}
/* Page tabs second row feel */
.transport-workspace-views,.work-action-tabs,.sales-tabs,.dossier-tabs{
  background:var(--bg-panel)!important;border-bottom:1px solid var(--border)!important;
  padding:0 4px;margin:0 0 12px!important;
}
/* Soft panel elevation like Meridian table-card */
.panel,.workspace-card,.filter-block,.list-workbench,.records-block,.table-wrap{
  box-shadow:0 1px 2px rgba(16,24,40,.05)!important;
}
/* Navy shell: keep sidebar Meridian bar colours (tokens already set) */
.sidebar .brand-mark{background:var(--accent-500)!important;border-radius:6px!important}
.sidebar .nav-item.active::before{background:var(--sidebar-indicator)!important;width:3px!important}
/* Header search Meridian soft field */
.global-order-search input{height:32px!important;background:var(--bg-muted)!important;border-radius:var(--radius-sm)!important}
.entity-switch{height:32px!important}
/* Focus glow (Midnight-style, accent blue) in dark */
:root[data-theme="dark"] button:focus-visible,
:root[data-theme="dark"] a:focus-visible,
:root[data-theme="dark"] input:focus-visible,
:root[data-theme="dark"] select:focus-visible,
:root[data-theme="dark"] textarea:focus-visible{
  box-shadow:0 0 0 3px rgba(122,162,255,.28),0 0 14px 2px rgba(122,162,255,.25)!important;
}
/* Align margins: consistent 24px content gutter already set; tighten heading */
.heading{margin-bottom:14px!important}
.heading h1,#title{font-size:18px!important;font-weight:700!important;letter-spacing:-.015em}


/* Adaptations for the newer combined application; keep its real controls. */
.cq-root,.cq-drawer{--cq-border:var(--border);--cq-muted:var(--text-secondary);--cq-red:var(--brand);--cq-surface:var(--bg-panel)}
.cq-filters,.cq-drawer,.cq-drawer-actions,.cq-facts,.workflow-margin{background:var(--bg-panel)!important;color:var(--text)!important}
.cq-tabs span,.cq-table td:nth-child(4){background:var(--bg-subtle)!important;color:var(--text)!important}
.cq-stat:hover,.cq-stat.selected,.cq-outcome:has(input:checked){border-color:var(--brand)!important;box-shadow:none}
.cq-tabs button.selected{color:var(--text-link)!important;border-bottom-color:var(--brand)!important}
.cq-selected-row,.cq-outcome:has(input:checked){background:var(--bg-selected)!important}
.cq-stat.cq-urgent,.cq-status.red,.cq-decision.negative{background:var(--status-danger-bg)!important;color:var(--status-danger-text)!important}
.cq-stat.cq-urgent strong,.cq-overdue,.cq-impact.negative{color:var(--status-danger-text)!important}
.cq-notice,.cq-status.amber{background:var(--status-warning-bg)!important;color:var(--status-warning-text)!important}
.cq-decision.neutral{background:var(--status-success-bg)!important;color:var(--status-success-text)!important}
.cq-empty h3{color:var(--text)!important}
.workflow-redesign .workflow-actual,.workflow-redesign .workflow-stop-goods,.workflow-redesign .workflow-delivery,.workflow-extras>[data-simple-extra],#workflow-price-totals>div{border-color:var(--border)!important}
.interface-switch{width:165px!important;min-width:165px!important;max-width:170px!important;flex-direction:column!important;align-items:stretch!important;height:auto!important;padding:0 5px!important;gap:0!important;border:0!important;background:transparent!important;font-size:9px!important;line-height:11px!important}
.interface-switch select{font-size:12px!important;width:100%!important;padding:5px!important}
@media(max-width:1550px){
 .workflow-redesign .workflow-stop-times{grid-template-columns:1fr}
 .workflow-redesign .workflow-actual{border-left:0;padding-left:0;border-top:1px solid var(--border);padding-top:16px}
 .workflow-redesign .workflow-actual .actual-grid>label{grid-template-columns:65px minmax(0,1fr)}
}
@media(max-width:750px){
 .shell>header{height:auto!important;min-height:48px!important;flex-wrap:wrap!important}
 .shell>header .header-right{height:auto!important;flex-wrap:wrap!important}
 .interface-switch{max-width:170px!important}
 button,input:not([type=checkbox]):not([type=radio]),select{min-height:44px!important}
 .nav-arrange{opacity:1!important}
}
@media(pointer:coarse){.nav-arrange{opacity:1!important}}
@media(max-width:600px){.workflow-redesign .workflow-actual .actual-grid>label{grid-template-columns:1fr}}
}

.cq-transport-tabs [role=tab]{background:var(--bg-panel)!important;color:var(--text)!important;border-color:var(--border)!important}
.cq-transport-tabs [role=tab][aria-selected=true]{border-color:var(--brand)!important;box-shadow:inset 0 -3px 0 var(--brand);background:var(--bg-subtle)!important}
.cq-transport-tabs strong{background:var(--bg-subtle)!important;color:var(--text)!important}