/* Grok v7 A/B/C role tokens, independently verified source package.
 * Functional DOM adapter reuses the existing tested TMS appearance layer.
 * No sample HTML, example counts, navigation handlers or business data are imported. */
@media screen {
@font-face{font-family:"Public Sans";src:url("/vendor/grok-public-sans-latin-wght-normal.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Inter";src:url("/vendor/grok-inter-latin-wght-normal.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/vendor/grok-jetbrains-mono-latin-wght-normal.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
html[data-tms-interface^="grok-a"],html[data-tms-interface^="grok-a"] body{
  --bg:#0e1219; --surf:#141a24; --surf2:#1a2230; --surf3:#222b3c;
  --navy:#242c48; --line:rgba(255,255,255,.06); --line2:rgba(255,255,255,.1);
  --text:#e8ecf4; --muted:#b4bccb; --faint:#9aa3b5;
  --accent:#2563eb; --accent-text:#93b4ff; --accent-glow:rgba(91,138,255,.35);
  --ok:#3dd68c; --warn:#f5a524; --info:#5b8aff; --danger:#ff6b5a; --disp:#a78bfa;
  --st-plan-bg:rgba(245,165,36,.16); --st-plan-fg:#fbbf24;
  --st-ready-bg:rgba(91,138,255,.16); --st-ready-fg:#93b4ff;
  --st-disp-bg:rgba(167,139,250,.16); --st-disp-fg:#c4b5fd;
  --st-done-bg:rgba(61,214,140,.16); --st-done-fg:#4ade80;
  --st-check-bg:rgba(139,149,168,.14); --st-check-fg:#c5cddd;
  --st-info-bg:rgba(91,138,255,.12); --st-info-fg:#93b4ff;
  --st-miss-bg:rgba(255,107,90,.10); --st-miss-fg:#ffc7bc;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --sans:'Public Sans',system-ui,sans-serif;
;--side:88px;color-scheme:dark}
html[data-tms-interface="grok-a-light"],html[data-tms-interface="grok-a-light"] body{
  --bg:#f4f6fa; --surf:#ffffff; --surf2:#f0f3f8; --surf3:#e6ebf3;
  --line:rgba(15,23,42,.08); --line2:rgba(15,23,42,.12);
  --text:#0f172a; --muted:#475569; --faint:#475569;
  --accent:#1d4ed8; --accent-text:#1e40af; --accent-glow:rgba(59,110,245,.28);
  --ok:#159a5a; --warn:#c47d0a; --info:#3b6ef5; --danger:#e04538; --disp:#7c5cbf;
  --st-plan-bg:#fef3c7; --st-plan-fg:#92400e;
  --st-ready-bg:#dbeafe; --st-ready-fg:#1e40af;
  --st-disp-bg:#ede9fe; --st-disp-fg:#5b21b6;
  --st-done-bg:#d1fae5; --st-done-fg:#047857;
  --st-check-bg:#e5e7eb; --st-check-fg:#374151;
  --st-info-bg:#eff6ff; --st-info-fg:#1e40af;
  --st-miss-bg:#fee2e2; --st-miss-fg:#b91c1c;
;color-scheme:light}
html[data-tms-interface^="grok-b"],html[data-tms-interface^="grok-b"] body{
  --bg:#f5f6f8; --surf:#ffffff; --surf2:#f0f1f4; --sidebar:rgba(246,247,249,.85);
  --navy:#242c48; --navy-fg:#242c48; --line:rgba(0,0,0,.06); --line2:rgba(0,0,0,.1);
  --text:#1a1d26; --muted:#4b5563; --faint:#475569;
  --accent:#1d4ed8; --accent-text:#1e40af; --accent-soft:rgba(29,78,216,.12);
  --ok:#1a7f4b; --warn:#b45309; --info:#2f5bd3; --danger:#c8321e; --disp:#6d28d9;
  --sans:'Inter','Public Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --st-plan-bg:#fef3c7; --st-plan-fg:#92400e;
  --st-ready-bg:#dbeafe; --st-ready-fg:#1e40af;
  --st-disp-bg:#ede9fe; --st-disp-fg:#6d28d9;
  --st-done-bg:#d1fae5; --st-done-fg:#047857;
  --st-check-bg:#f3f4f6; --st-check-fg:#374151;
  --st-info-bg:#eff6ff; --st-info-fg:#1e40af;
  --st-miss-bg:#fee2e2; --st-miss-fg:#b91c1c;
;--side:228px;color-scheme:light}
html[data-tms-interface="grok-b-dark"],html[data-tms-interface="grok-b-dark"] body{
  --bg:#12151c; --surf:#1a1e28; --surf2:#222733; --sidebar:rgba(22,26,34,.92);
  --navy:#c9d2ea; --navy-fg:#c9d2ea; --line:rgba(255,255,255,.06); --line2:rgba(255,255,255,.1);
  --text:#e8ecf4; --muted:#c5cddd; --faint:#aeb6c7;
  --accent:#2563eb; --accent-text:#93b4ff; --accent-soft:rgba(147,180,255,.16);
  --ok:#3dd68c; --warn:#f5a524; --info:#5b8aff; --danger:#ff6b5a; --disp:#a78bfa;
  --st-plan-bg:rgba(245,165,36,.16); --st-plan-fg:#fbbf24;
  --st-ready-bg:rgba(91,138,255,.16); --st-ready-fg:#93b4ff;
  --st-disp-bg:rgba(167,139,250,.16); --st-disp-fg:#c4b5fd;
  --st-done-bg:rgba(61,214,140,.16); --st-done-fg:#4ade80;
  --st-check-bg:rgba(154,163,181,.14); --st-check-fg:#c5cddd;
  --st-info-bg:rgba(91,138,255,.14); --st-info-fg:#93b4ff;
  --st-miss-bg:rgba(255,107,90,.10); --st-miss-fg:#ffc7bc;
;color-scheme:dark}
html[data-tms-interface^="grok-c"],html[data-tms-interface^="grok-c"] body{
  --navy:#242c48; --navy2:#1a2138; --navy3:#2e3758; --navy-fg:#242c48;
  --bg:#f7f8fb; --surf:#ffffff; --surf2:#eef0f5;
  --line:rgba(36,44,72,.08); --line2:rgba(36,44,72,.14);
  --text:#1a1d26; --muted:#3f4a5c; --faint:#5b6578;
  --accent:#1d4ed8; --accent-text:#1e40af; --accent-soft:rgba(29,78,216,.12);
  --ok:#1a7f4b; --warn:#b45309; --info:#2f5bd3; --danger:#c8321e; --disp:#6d28d9;
  --sans:'Public Sans',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  /* status band colours */
  --band-plan:#fef3c7; --band-ready:#dbeafe; --band-disp:#ede9fe;
  --band-done:#d1fae5; --band-check:#f3f4f6; --band-info:#eff6ff; --band-miss:#fee2e2;
  --st-plan-bg:#fef3c7; --st-plan-fg:#92400e;
  --st-ready-bg:#dbeafe; --st-ready-fg:#1e40af;
  --st-disp-bg:#ede9fe; --st-disp-fg:#5b21b6;
  --st-done-bg:#d1fae5; --st-done-fg:#047857;
  --st-check-bg:#f3f4f6; --st-check-fg:#4b5563;
  --st-info-bg:#eff6ff; --st-info-fg:#1e40af;
  --st-miss-bg:#fee2e2; --st-miss-fg:#b91c1c;
;--side:210px;color-scheme:light}
html[data-tms-interface="grok-c-dark"],html[data-tms-interface="grok-c-dark"] body{
  /* navy stays dark — used as chrome/primary surfaces; never lighten */
  --navy:#1a2238; --navy2:#0c101a; --navy3:#141a2a; --navy-fg:#c9d2ea;
  --bg:#10141f; --surf:#171c2a; --surf2:#1e2436;
  --line:rgba(255,255,255,.07); --line2:rgba(255,255,255,.12);
  --text:#e8ecf4; --muted:#c5cddd; --faint:#aeb6c7;
  --accent:#2563eb; --accent-text:#93b4ff; --accent-soft:rgba(147,180,255,.16);
  --ok:#3dd68c; --warn:#f5a524; --info:#5b8aff; --danger:#ff6b5a; --disp:#a78bfa;
  --band-plan:rgba(245,165,36,.10); --band-ready:rgba(91,138,255,.10); --band-disp:rgba(167,139,250,.10);
  --band-done:rgba(61,214,140,.10); --band-check:rgba(139,149,168,.08); --band-info:rgba(91,138,255,.08); --band-miss:rgba(255,107,90,.10);
  --st-plan-bg:rgba(245,165,36,.16); --st-plan-fg:#fbbf24;
  --st-ready-bg:rgba(91,138,255,.16); --st-ready-fg:#93b4ff;
  --st-disp-bg:rgba(167,139,250,.16); --st-disp-fg:#c4b5fd;
  --st-done-bg:rgba(61,214,140,.16); --st-done-fg:#4ade80;
  --st-check-bg:rgba(154,163,181,.14); --st-check-fg:#c5cddd;
  --st-info-bg:rgba(91,138,255,.14); --st-info-fg:#93b4ff;
  --st-miss-bg:rgba(255,107,90,.10); --st-miss-fg:#ffc7bc;
;color-scheme:dark}

html[data-tms-interface^="grok-"],html[data-tms-interface^="grok-"] body{
 --font-sans:var(--sans);--font-mono:var(--mono);--ink:var(--text);--surface:var(--surf);--canvas:var(--bg);--red:var(--accent);
 --bg-app:var(--bg);--bg-panel:var(--surf);--bg-subtle:var(--surf2);--bg-muted:var(--surf2);--bg-hover:var(--surf2);--bg-active:var(--surf3,var(--surf2));--bg-selected:color-mix(in srgb,var(--accent) 13%,var(--surf));--bg-inverse:#0c1018;--bg-overlay:#080c14bd;
 --border:var(--line2);--border-subtle:var(--line);--border-control:color-mix(in srgb,var(--text) 45%,var(--surf));--border-strong:var(--border-control);
 --text-secondary:var(--muted);--text-tertiary:var(--faint);--text-disabled:var(--faint);--text-inverse:#fff;--brand:var(--accent);--brand-text:var(--accent-text);--brand-hover:color-mix(in srgb,var(--accent) 85%,#000);--brand-subtle:var(--bg-selected);--on-brand:#fff;
 --status-warning-bg:var(--st-plan-bg);--status-warning-text:var(--st-plan-fg);--status-warning-border:color-mix(in srgb,var(--st-plan-fg) 40%,var(--surf));
 --status-info-bg:var(--st-info-bg);--status-info-text:var(--st-info-fg);--status-info-border:color-mix(in srgb,var(--st-info-fg) 40%,var(--surf));
 --status-danger-bg:var(--st-miss-bg);--status-danger-text:var(--st-miss-fg);--status-danger-border:color-mix(in srgb,var(--st-miss-fg) 40%,var(--surf));
 --status-success-bg:var(--st-done-bg);--status-success-text:var(--st-done-fg);--status-success-border:color-mix(in srgb,var(--st-done-fg) 40%,var(--surf));
 --status-neutral-bg:var(--st-check-bg);--status-neutral-text:var(--st-check-fg);--status-neutral-border:var(--line2);--status-online:var(--ok);
 --accent-100:var(--bg-selected);--accent-200:var(--border-strong);--accent-500:var(--accent);--accent-700:var(--accent);--gray-800:var(--surf2);--gray-900:var(--surf);
 --focus-ring:var(--accent-text);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-m-group:8px;--motion-fast:120ms;--tracking-caps:.07em;
 --elev-2:0 4px 18px #0002;--elev-3:0 12px 40px #0004;
 --sidebar-bg:#080c13;--sidebar-text:#c5cddd;--sidebar-text-muted:#aeb6c7;--sidebar-text-active:#fff;--sidebar-bg-hover:#ffffff12;--sidebar-bg-active:#ffffff18;--sidebar-border:#ffffff24;--sidebar-indicator:#93b4ff;
}
html[data-tms-interface^="grok-b"] body{--sidebar-bg:var(--sidebar);--sidebar-text:var(--text);--sidebar-text-muted:var(--faint);--sidebar-text-active:var(--accent-text);--sidebar-bg-hover:var(--surf2);--sidebar-bg-active:var(--bg-selected);--sidebar-border:var(--line2);--sidebar-indicator:var(--accent)}
html[data-tms-interface^="grok-c"] body{--sidebar-bg:#242c48}
html[data-tms-interface="grok-c-dark"] body{--sidebar-bg:#101624}

/* 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")}



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}


/* 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}


/* v7 runtime adaptations: same controls, independent visual directions. */
html[data-tms-interface^="grok-"] .mobile-records :is(tr,td){background-color:var(--surf)!important;border-color:var(--line2)!important}
html[data-tms-interface^="grok-"] .mobile-records td::before{color:var(--text-secondary)!important}

html[data-tms-interface^="grok-"] :is(.stop-number,.stop-location,.goods-line-number,.period-caption,.period-caption *,.dossier-mobile-entity,.phone-order-entity){color:var(--text-secondary)!important;opacity:1!important}
html[data-tms-interface^="grok-"] :is(.entry-booking-fields small,.entry-connection span,.entry-routing p,.entry-destination-delivery small){opacity:1!important}
html[data-tms-interface^="grok-"] .goods-line-number{font-size:11px!important}

html[data-tms-interface^="grok-"] :is(button,a.button-link).danger{background:var(--status-danger-bg)!important;color:var(--status-danger-text)!important;border-color:var(--status-danger-border)!important}
html[data-tms-interface="grok-a-light"] :is(button,a.button-link).danger{background:#fee2e2!important;color:#991b1b!important;border-color:#b91c1c!important}
html[data-tms-interface^="grok-a"] .sidebar .global-work-actions{padding:8px!important}
html[data-tms-interface^="grok-a"] .sidebar .global-actions-button{width:100%!important;min-width:0!important;padding:7px 3px!important;flex-direction:column;gap:2px!important;font-size:10px!important}
html[data-tms-interface^="grok-a"] .sidebar .global-action-icon{font-size:17px!important}

html[data-tms-interface^="grok-"] body.sidebar-collapsed{--side:64px}
html[data-tms-interface^="grok-"] .sidebar{width:var(--side)!important}
html[data-tms-interface^="grok-"] .shell{margin-left:var(--side)!important}
html[data-tms-interface^="grok-"] .heading h1,html[data-tms-interface^="grok-"] #title{font-size:23px!important;letter-spacing:-.025em}
html[data-tms-interface^="grok-"] :is(.entry-booking,.entry-routing,.entry-destination-delivery,.entry-received,.entry-followup,.entry-type-heading,.entry-more-sections>div,.entry-connection){background:var(--surf)!important;color:var(--text)!important;border-color:var(--line2)!important}
html[data-tms-interface^="grok-"] :is(.workflow-stop-times,.workflow-actual,.workflow-stop-goods,.workflow-delivery,.entry-type-heading,.entry-booking-fields,.stop-planned,.goods-card,.goods-actual,.block-heading,.subsection-heading){color:var(--text)!important}
html[data-tms-interface^="grok-"] .entry-connection span{background:var(--surf2)!important;color:var(--muted)!important}
html[data-tms-interface^="grok-"] .workflow-margin{background:var(--surf2)!important}
html[data-tms-interface^="grok-"] :is(input,select,textarea){border-color:var(--border-control)!important}
html[data-tms-interface^="grok-"] :is(input:disabled,select:disabled,textarea:disabled,input[readonly]){opacity:1!important;color:var(--muted)!important;background:var(--surf2)!important}
html[data-tms-interface^="grok-"] .entry-more-sections>div{z-index:60;min-width:210px;box-shadow:var(--elev-3)}
html[data-tms-interface^="grok-"] .dossier-tabs{overflow:visible!important;flex-wrap:wrap!important}
html[data-tms-interface^="grok-"] .dossier-top{gap:12px}
html[data-tms-interface^="grok-"] .dossier-tabs button{white-space:nowrap}
html[data-tms-interface^="grok-"] .order-link{font-family:var(--mono)!important;font-size:12px!important}
html[data-tms-interface^="grok-"] :is(.completion-workspace,.completion-caption,.completion-filters,.completion-status,.completion-row){background:var(--surf)!important;color:var(--text)!important}
html[data-tms-interface^="grok-"] .order-save-problems li{border-bottom:1px solid var(--line2)}
html[data-tms-interface^="grok-a"] .sidebar .nav-section-toggle{flex-direction:column;justify-content:center;padding:12px 4px!important;gap:6px;min-height:68px}
html[data-tms-interface^="grok-a"] .sidebar .nav-section-toggle .nav-label{font-size:10px!important}
html[data-tms-interface^="grok-a"] .sidebar :is(.nav-arrange,.nav-chevron,.workspace-label,.sidebar-foot small){display:none!important}
html[data-tms-interface^="grok-a"] .sidebar .brand{font-size:0!important;padding:16px 20px!important}
html[data-tms-interface^="grok-a"] .sidebar .brand>span:last-child{display:none}
html[data-tms-interface^="grok-a"] .sidebar .brand-mark{font-size:24px!important}
html[data-tms-interface^="grok-a"] :is(.filter-block,.panel,.form-block,.stop-card,.goods-card){border-radius:5px!important;box-shadow:none!important}
html[data-tms-interface^="grok-a"] th{font-family:var(--mono)!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.06em}
html[data-tms-interface^="grok-a"] .dossier-head{border-top:3px solid var(--accent)!important}
html[data-tms-interface^="grok-a"] .sidebar-foot{font-size:9px!important;padding:10px!important}
html[data-tms-interface^="grok-b"] :is(.sidebar,.workspace-header){backdrop-filter:saturate(180%) blur(20px)}
html[data-tms-interface^="grok-b"] .sidebar .nav-item{min-height:30px!important;padding:5px 10px!important;font-size:12px!important;border-radius:6px!important}
html[data-tms-interface^="grok-b"] .sidebar .nav-section-toggle{min-height:38px!important;font-size:11px!important}
html[data-tms-interface^="grok-b"] :is(.panel,.form-block,.filter-block){border-radius:10px!important;box-shadow:0 2px 6px #00000008!important}
html[data-tms-interface^="grok-b"] :is(.transport-workspace-views,.sales-tabs){border-radius:8px!important;background:var(--surf2)!important;padding:4px!important;border:1px solid var(--line2)!important}
html[data-tms-interface^="grok-b"] :is(.transport-workspace-views,.sales-tabs) button[aria-selected=true],html[data-tms-interface^="grok-b"] .transport-workspace-views button[aria-pressed=true]{background:var(--surf)!important;box-shadow:0 1px 3px #0002!important;border-radius:6px!important;border-bottom-color:transparent!important}
html[data-tms-interface^="grok-c"] .sidebar{background:var(--sidebar-bg)!important}
html[data-tms-interface^="grok-c"] main{padding-top:0!important}
html[data-tms-interface^="grok-c"] .heading{margin:0 -24px 20px!important;padding:24px!important;background:var(--surf)!important;border-bottom:4px solid var(--accent)!important;min-height:112px}
html[data-tms-interface^="grok-c"] .heading h1,html[data-tms-interface^="grok-c"] #title{font-size:30px!important;font-weight:750!important}
html[data-tms-interface^="grok-c"] .dossier-head{border-left:6px solid var(--accent)!important}
html[data-tms-interface^="grok-c"] .order-data-row td:first-child{border-left:4px solid var(--line2)!important}
html[data-tms-interface^="grok-c"] .order-data-row:has(.badge.amber) td{background:color-mix(in srgb,var(--st-plan-bg) 35%,var(--surf))!important}
html[data-tms-interface^="grok-c"] .order-data-row:has(.badge.green) td{background:color-mix(in srgb,var(--st-done-bg) 35%,var(--surf))!important}
html[data-tms-interface^="grok-c"] .order-data-row:has(.badge.red) td{background:color-mix(in srgb,var(--st-miss-bg) 35%,var(--surf))!important}
@media(min-width:821px){
 html[data-tms-interface^="grok-a"] .sidebar:not(:hover):not(:focus-within) .nav-section-items{display:none!important}
 html[data-tms-interface^="grok-a"] .sidebar:is(:hover,:focus-within){width:260px!important;box-shadow:12px 0 32px #0004}
 html[data-tms-interface^="grok-a"] .sidebar:is(:hover,:focus-within) .nav-section-toggle{flex-direction:row;justify-content:flex-start;padding:9px 12px!important;min-height:40px}
 html[data-tms-interface^="grok-a"] .sidebar:is(:hover,:focus-within) .nav-section-toggle .nav-label{font-size:12px!important}
 html[data-tms-interface^="grok-a"] .sidebar:is(:hover,:focus-within) .brand{font-size:22px!important}
 html[data-tms-interface^="grok-a"] .sidebar:is(:hover,:focus-within) .brand>span:last-child{display:inline}
}
@media(max-width:820px){
 html[data-tms-interface^="grok-"] .shell{margin-left:0!important}
 html[data-tms-interface^="grok-"] .sidebar{width:260px!important}
 html[data-tms-interface^="grok-a"] .sidebar .nav-section-toggle{flex-direction:row;justify-content:flex-start;min-height:44px;padding:9px 12px!important}
 html[data-tms-interface^="grok-a"] .sidebar .brand{font-size:22px!important}
 html[data-tms-interface^="grok-a"] .sidebar .brand>span:last-child{display:inline}
 html[data-tms-interface^="grok-"] .dossier-top{flex-wrap:wrap}
 html[data-tms-interface^="grok-"] :is(.sidebar button,input:not([type=checkbox]):not([type=radio]),select){min-height:44px!important}
 html[data-tms-interface^="grok-c"] .heading{margin:0 -10px 16px!important;padding:16px 10px!important}
 html[data-tms-interface^="grok-c"] #title{font-size:25px!important}
}
}