/* Clear Lane 1.0.0 — frozen from Lot Manager v1.52.0, 2026-09-29. */
:root{
  /* Type — the platform's own San Francisco where available (never a bundled SF file) */
  --font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  --font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  /* Spot ids, amounts, phones: rounded system numerals (SF Pro Rounded on Apple devices) */
  --font-num:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-mono:var(--font-num);  /* legacy name used by inline styles */
  --fs-large:30px;--fs-title:21px;--fs-headline:16px;--fs-body:15px;--fs-sub:14px;--fs-foot:13px;--fs-cap:12px;--fs-cap2:11px;
  /* Spacing (4-pt grid) */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;
  /* Radii — concentric: a 12px row inside a 20px card with 8px padding */
  --radius-xs:6px;--radius-sm:9px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--radius-sheet:30px;--radius-pill:999px;
  /* Shell */
  --sidebar-w:252px;--dock-h:62px;--dock-gap:max(10px,calc(env(safe-area-inset-bottom,0px) - 12px));
  /* Motion */
  --ease-out:cubic-bezier(.2,.8,.2,1);--ease-sheet:cubic-bezier(.32,.72,0,1);--ease-spring:cubic-bezier(.34,1.3,.6,1);--ease-in:cubic-bezier(.4,0,1,1);
  --dur-1:120ms;--dur-2:200ms;--dur-3:320ms;--dur-4:460ms;
}
@media(min-width:768px){:root{--fs-large:28px;--fs-title:19px;--fs-headline:15px;--fs-body:14px;--fs-sub:13px;--fs-foot:12.5px;--fs-cap:11.5px;--fs-cap2:10.5px}}
:root,[data-theme="dark"]{
color-scheme:dark;
--canvas:#0B0C0F;--bg:#0B0C0F;--bg-solid:#1B1D22;
--surface:#16181C;--surface-2:#1F2227;--surface-3:#292C32;--seg-active:#3A3E46;
--bg-raised:var(--surface);--bg-hover:rgba(255,255,255,0.065);
--border:rgba(255,255,255,0.11);--border-hover:rgba(255,255,255,0.22);--sep:rgba(255,255,255,0.08);
--panel-border:1px solid rgba(255,255,255,0.07);
--text-1:#F3F4F6;--text-2:#B7BCC6;--text-3:#8E95A1;
--accent:#5AA3FF;--accent-fill:#2A6FDB;--on-accent:#FFFFFF;--accent-hover:#7AB6FF;--accent-soft:rgba(90,163,255,0.16);
--success:#4CD97B;--success-soft:rgba(76,217,123,0.14);
--danger:#FF6F6B;--danger-fill:#D23B36;--danger-soft:rgba(255,111,107,0.15);
--warning:#FFB649;--warning-soft:rgba(255,182,73,0.14);
--reserved:#44D3F2;--reserved-soft:rgba(68,211,242,0.14);
--ending:#A29CFF;--ending-soft:rgba(162,156,255,0.16);
--conflict:#FF6E91;--conflict-soft:rgba(255,110,145,0.15);
--overlay:rgba(0,0,0,0.5);--overlay-blur:2px;
--input-bg:#1F2227;
/* Liquid Glass (functional layer) — "standard"; Settings → Display retunes these */
--glass-bg:rgba(32,34,40,0.74);--glass-blur:22px;--modal-bg:rgba(28,30,35,0.93);
/* Specular rim lit from a fixed top-left light: brightest at the upper-left bezel */
--glass-rim:linear-gradient(135deg,rgba(255,255,255,0.34),rgba(255,255,255,0.08) 26%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.03) 78%,rgba(255,255,255,0.12));
--glass-bezel:inset 0 1px 0 rgba(255,255,255,0.10),inset 0 -1px 0 rgba(0,0,0,0.25);
--lg-lens:rgba(255,255,255,0.13);--lg-lens-edge:inset 0 1px 0 rgba(255,255,255,0.14),0 1px 3px rgba(0,0,0,0.3);
--lg-highlight:inset 0 1px 0 rgba(255,255,255,0.07);
--shadow-sm:0 1px 2px rgba(0,0,0,0.4);
--shadow-card:0 0 0 0 transparent;
--shadow-md:0 1px 2px rgba(0,0,0,0.35),0 6px 16px -8px rgba(0,0,0,0.5);
--shadow-lg:var(--glass-bezel),0 14px 36px -12px rgba(0,0,0,0.65),0 2px 8px rgba(0,0,0,0.3);
--shadow-xl:var(--glass-bezel),0 28px 70px -18px rgba(0,0,0,0.75),0 4px 16px rgba(0,0,0,0.35);
--shadow-pop:0 18px 44px -14px rgba(0,0,0,0.7),0 2px 8px rgba(0,0,0,0.35);
--ring:0 0 0 2px var(--canvas),0 0 0 4px var(--accent);
--gradient-accent:var(--accent-fill);
--glow-accent:none;--glow-soft:none;
--spot-available:var(--success-soft);--spot-border:var(--border);
--ambient:radial-gradient(1100px 480px at 78% -160px,rgba(42,111,219,0.24),transparent 70%),radial-gradient(700px 420px at -8% -120px,rgba(68,211,242,0.08),transparent 70%);
}
[data-theme="light"]{
color-scheme:light;
--canvas:#F2F3F6;--bg:#F2F3F6;--bg-solid:#FFFFFF;
--surface:#FFFFFF;--surface-2:#F5F6F8;--surface-3:#EAECF0;--seg-active:#FFFFFF;
--bg-raised:var(--surface);--bg-hover:rgba(17,19,24,0.05);
--border:rgba(17,19,24,0.13);--border-hover:rgba(17,19,24,0.26);--sep:rgba(17,19,24,0.085);
--panel-border:1px solid rgba(17,19,24,0.075);
--text-1:#111318;--text-2:#484E5A;--text-3:#636A76;
--accent:#1A62D6;--accent-fill:#1A62D6;--on-accent:#FFFFFF;--accent-hover:#1554BD;--accent-soft:rgba(26,98,214,0.10);
--success:#1B7A3A;--success-soft:rgba(27,122,58,0.10);
--danger:#C42B2B;--danger-fill:#C42B2B;--danger-soft:rgba(196,43,43,0.085);
--warning:#9A5200;--warning-soft:rgba(214,130,20,0.13);
--reserved:#0B6F88;--reserved-soft:rgba(11,111,136,0.10);
--ending:#4B45D6;--ending-soft:rgba(75,69,214,0.10);
--conflict:#B8123E;--conflict-soft:rgba(184,18,62,0.085);
--overlay:rgba(16,19,26,0.26);--overlay-blur:2px;
--input-bg:#FFFFFF;
--glass-bg:rgba(250,250,252,0.76);--glass-blur:22px;--modal-bg:rgba(255,255,255,0.95);
--glass-rim:linear-gradient(135deg,rgba(255,255,255,1),rgba(255,255,255,0.6) 24%,rgba(255,255,255,0.12) 52%,rgba(0,0,0,0.03) 80%,rgba(0,0,0,0.07));
--glass-bezel:inset 0 1px 0 rgba(255,255,255,0.9),inset 0 -1px 0 rgba(0,0,0,0.05);
--lg-lens:rgba(17,19,24,0.07);--lg-lens-edge:inset 0 1px 0 rgba(255,255,255,0.8),0 1px 2px rgba(0,0,0,0.08);
--lg-highlight:inset 0 1px 0 rgba(255,255,255,0.6);
--shadow-sm:0 1px 2px rgba(16,24,40,0.06);
--shadow-card:0 1px 2px rgba(16,24,40,0.04),0 1px 3px rgba(16,24,40,0.04);
--shadow-md:0 1px 2px rgba(16,24,40,0.06),0 6px 16px -8px rgba(16,24,40,0.14);
--shadow-lg:var(--glass-bezel),0 14px 36px -14px rgba(16,24,40,0.22),0 2px 8px rgba(16,24,40,0.06);
--shadow-xl:var(--glass-bezel),0 28px 70px -20px rgba(16,24,40,0.3),0 4px 16px rgba(16,24,40,0.08);
--shadow-pop:0 18px 44px -16px rgba(16,24,40,0.28),0 2px 8px rgba(16,24,40,0.08);
--ring:0 0 0 2px var(--canvas),0 0 0 4px var(--accent);
--gradient-accent:var(--accent-fill);
--spot-available:var(--success-soft);--spot-border:var(--border);
--ambient:radial-gradient(1100px 480px at 78% -160px,rgba(26,98,214,0.13),transparent 70%),radial-gradient(700px 420px at -8% -120px,rgba(11,111,136,0.06),transparent 70%);
}
/* Liquid Glass level — Settings → Display (per device), mirroring iOS 27's ultra-clear ↔ tinted
   slider. Only the functional glass changes; content surfaces are always opaque. */
[data-theme="dark"][data-glass="clear"]{--glass-bg:rgba(32,34,40,0.46);--modal-bg:rgba(28,30,35,0.8)}
[data-theme="dark"][data-glass="tinted"]{--glass-bg:rgba(30,32,37,0.95);--modal-bg:rgba(28,30,35,0.99)}
[data-theme="light"][data-glass="clear"]{--glass-bg:rgba(250,250,252,0.5);--modal-bg:rgba(255,255,255,0.84)}
[data-theme="light"][data-glass="tinted"]{--glass-bg:rgba(250,250,252,0.96);--modal-bg:rgba(255,255,255,0.995)}
/* Increase Contrast: firmer edges and secondary text */
@media (prefers-contrast: more){
  :root,[data-theme="dark"]{--border:rgba(255,255,255,0.3);--sep:rgba(255,255,255,0.2);--panel-border:1px solid rgba(255,255,255,0.24);--text-2:#D5D9E0;--text-3:#AEB4BE}
  [data-theme="light"]{--border:rgba(17,19,24,0.36);--sep:rgba(17,19,24,0.22);--panel-border:1px solid rgba(17,19,24,0.24);--text-2:#2E333C;--text-3:#474D58}
}