/* EQUA CyberRunner — shared component tokens.
   Brand sources: the EQUA CRM tokens and equa.dk (forest #223d31, sequoia #007354, sage,
   moss, ivory and stone). Semantic state colours stay distinct from the brand accent.
     html[data-theme="dark"] → dark   html[data-theme="light"] → light   unset → follows the system.
   Load order: fonts/inter.css (declares 'Inter Variable') → tokens.css → base.css → app.css → screen CSS. */

/* Light tokens + base type on :root, the 2x-screen hairline, @property. */
/* EQUA CRM — macOS vibrancy in EQUA colours. Tokens first; every surface reads from them. */
:root{color-scheme:light dark;font-family:'Inter Variable',-apple-system,BlinkMacSystemFont,'Segoe UI Variable Text','Segoe UI',system-ui,sans-serif;font-size:14px;line-height:1.45;letter-spacing:-.005em;font-optical-sizing:auto;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:var(--label);background:var(--canvas)
;--canvas:#f7f4ee;--surface:#fff;--surface-sunken:#fbf9f5;--label:#1d2a23;--label-2:#5c6b5e;--label-3:#86868b;--label-4:#aeaeb2
;--fill-1:rgb(120 120 128/.08);--fill-2:rgb(120 120 128/.13);--fill-3:rgb(120 120 128/.19);--row-alt:rgb(120 120 128/.04)
;--hairline-w:1px;--hairline:rgb(60 60 67/.13);--hairline-strong:rgb(60 60 67/.24)
;--accent:#173f35;--accent-hover:#0f2d27;--accent-text:#1f5a4a;--accent-symbol:#246150;--accent-tint:rgb(23 63 53/.07);--accent-tint-2:rgb(23 63 53/.12);--on-accent:#fff;--focus-ring:rgb(36 120 94/.42)
;--green-text:#1d5c49;--green-tint:rgb(36 130 96/.11);--green-dot:#2f8a67
;--amber-text:#8a5300;--amber-tint:rgb(255 159 10/.14);--amber-dot:#e38b00
;--rose-text:#b3261e;--rose-tint:rgb(255 59 48/.1);--rose-dot:#e5484d
;--blue-text:#0a5bc4;--blue-tint:rgb(0 122 255/.1);--blue-dot:#2f7cf6
;--chart-1:#22634f;--chart-1-area:rgb(34 99 79/.14);--selection:rgb(47 138 103/.16);--segment-bg:var(--surface);--chart-2:#8e8e93;--chart-grid:rgb(60 60 67/.1);--chart-label:#6e6e73
;--cat-1:#173f35;--cat-2:#3f8a6f;--cat-3:#8cc1a8;--cat-4:#c9a45c;--cat-5:#a86f4c;--cat-6:#6e6e73;--cat-7:#aeaeb2;--cat-8:#2f5f8a;--cat-9:#7fa7cf;--cat-10:#5c4a3a
;--control-bg:#fff;--control-bg-hover:#f7f7f8;--control-ring:0 0 0 var(--hairline-w) rgb(0 0 0/.13),0 1px 1.5px rgb(0 0 0/.07)
;--field-bg:#fff;--field-ring:0 0 0 var(--hairline-w) rgb(0 0 0/.15),inset 0 1px 1.5px rgb(0 0 0/.04)
;--glass:rgb(255 255 255/.58);--glass-strong:rgb(251 251 252/.8);--glass-bar:rgb(245 245 247/.74);--glass-edge:rgb(255 255 255/.75);--glass-blur:blur(30px) saturate(185%)
;--desktop:radial-gradient(1100px 760px at -8% -12%,rgb(23 63 53/.13),transparent 62%),radial-gradient(900px 700px at -4% 108%,rgb(95 161 132/.16),transparent 64%),radial-gradient(700px 520px at 30% 40%,rgb(199 214 206/.2),transparent 70%)
;--shadow-1:0 0 0 var(--hairline-w) rgb(0 0 0/.045),0 1px 2px rgb(0 0 0/.04),0 3px 10px rgb(0 0 0/.025)
;--shadow-2:0 0 0 var(--hairline-w) rgb(0 0 0/.06),0 4px 12px rgb(0 0 0/.06),0 14px 34px rgb(0 0 0/.05)
;--shadow-pop:0 0 0 var(--hairline-w) rgb(0 0 0/.09),0 2px 6px rgb(0 0 0/.06),0 14px 36px rgb(0 0 0/.14)
;--shadow-modal:0 0 0 var(--hairline-w) rgb(0 0 0/.1),0 8px 20px rgb(0 0 0/.08),0 30px 80px rgb(0 0 0/.22)
;--shadow-glass:inset 0 0 0 var(--hairline-w) var(--glass-edge),0 0 0 var(--hairline-w) rgb(0 0 0/.06),0 10px 30px rgb(0 0 0/.06)
;--shadow-segment:0 0 0 var(--hairline-w) rgb(0 0 0/.06),0 1px 2px rgb(0 0 0/.08),0 2px 6px rgb(0 0 0/.04)
;--scrim:rgb(0 0 0/.26)
;--r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-2xl:22px;--r-pill:999px
;--ease-spring:linear(0,.075 5%,.227 10%,.389 15%,.536 20%,.656 25%,.75 30%,.821 35%,.873 40%,.911 45%,.938 50%,.971 60%,.986 70%,.994 80%,.997 90%,1);--ease-out:cubic-bezier(.22,.8,.26,1);--d-fast:160ms;--d-pop:340ms;--d-settle:480ms
;--sidebar-w:244px;--sidebar-inset:10px;--workspace-offset:calc(var(--sidebar-w) + var(--sidebar-inset)*2);--toolbar-h:56px}
@media(min-resolution:2dppx){:root{--hairline-w:.5px}}
@property --tabs-fade{syntax:'<length>';inherits:false;initial-value:0px}

/* Dark — system appearance (no explicit choice) … */
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="unifi"]):not([data-theme="jysk"]):not([data-theme="equa"]){--canvas:#161618;--surface:#1f1f22;--surface-sunken:#1b1b1e;--label:#e8e8ed;--selection:rgb(102 193 155/.2);--segment-bg:rgb(118 118 128/.44);--label-2:#a1a1a6;--label-3:#8e8e93;--label-4:#636366
;--fill-1:rgb(118 118 128/.16);--fill-2:rgb(118 118 128/.24);--fill-3:rgb(118 118 128/.32);--row-alt:rgb(255 255 255/.028)
;--hairline:rgb(255 255 255/.09);--hairline-strong:rgb(255 255 255/.17)
;--accent:#2c7a60;--accent-hover:#34906f;--accent-text:#74cca6;--accent-symbol:#66c19b;--accent-tint:rgb(102 193 155/.1);--accent-tint-2:rgb(102 193 155/.17);--focus-ring:rgb(102 193 155/.5)
;--green-text:#7fd1ad;--green-tint:rgb(102 193 155/.16);--green-dot:#4fbf8f
;--amber-text:#ffc266;--amber-tint:rgb(255 159 10/.18);--amber-dot:#ffa51f
;--rose-text:#ff8f86;--rose-tint:rgb(255 69 58/.18);--rose-dot:#ff5d53
;--blue-text:#7ab7ff;--blue-tint:rgb(10 132 255/.2);--blue-dot:#409cff
;--chart-1:#66c19b;--chart-1-area:rgb(102 193 155/.2);--chart-2:#8e8e93;--chart-grid:rgb(255 255 255/.08);--chart-label:#a1a1a6
;--cat-1:#66c19b;--cat-2:#2f8a67;--cat-3:#b4dcc8;--cat-4:#e0bd72;--cat-5:#c98a63;--cat-6:#8e8e93;--cat-7:#5b5b60;--cat-8:#5a9ad8;--cat-9:#a9c9ea;--cat-10:#9b8068
;--control-bg:rgb(255 255 255/.1);--control-bg-hover:rgb(255 255 255/.15);--control-ring:inset 0 1px 0 rgb(255 255 255/.06),0 0 0 var(--hairline-w) rgb(255 255 255/.07),0 1px 2px rgb(0 0 0/.4)
;--field-bg:rgb(255 255 255/.055);--field-ring:0 0 0 var(--hairline-w) rgb(255 255 255/.14),inset 0 1px 1.5px rgb(0 0 0/.25)
;--glass:rgb(36 38 38/.56);--glass-strong:rgb(42 42 46/.8);--glass-bar:rgb(22 22 24/.74);--glass-edge:rgb(255 255 255/.08)
;--desktop:radial-gradient(1100px 760px at -8% -12%,rgb(44 122 96/.38),transparent 62%),radial-gradient(900px 700px at -4% 108%,rgb(23 63 53/.55),transparent 64%),radial-gradient(700px 520px at 30% 40%,rgb(30 52 44/.4),transparent 70%)
;--shadow-1:0 0 0 var(--hairline-w) rgb(255 255 255/.06),0 1px 2px rgb(0 0 0/.35)
;--shadow-2:0 0 0 var(--hairline-w) rgb(255 255 255/.09),0 6px 16px rgb(0 0 0/.35),0 16px 40px rgb(0 0 0/.3)
;--shadow-pop:0 0 0 var(--hairline-w) rgb(255 255 255/.1),0 2px 8px rgb(0 0 0/.35),0 18px 44px rgb(0 0 0/.5)
;--shadow-modal:0 0 0 var(--hairline-w) rgb(255 255 255/.1),0 10px 24px rgb(0 0 0/.4),0 34px 90px rgb(0 0 0/.6)
;--shadow-glass:inset 0 0 0 var(--hairline-w) var(--glass-edge),0 0 0 var(--hairline-w) rgb(0 0 0/.5),0 12px 34px rgb(0 0 0/.35)
;--shadow-segment:0 0 0 var(--hairline-w) rgb(255 255 255/.08),0 1px 3px rgb(0 0 0/.4)
;--scrim:rgb(0 0 0/.5)}}
/* … and the explicit toggle. */
:root[data-theme="dark"]{--canvas:#161618;--surface:#1f1f22;--surface-sunken:#1b1b1e;--label:#e8e8ed;--selection:rgb(102 193 155/.2);--segment-bg:rgb(118 118 128/.44);--label-2:#a1a1a6;--label-3:#8e8e93;--label-4:#636366
;--fill-1:rgb(118 118 128/.16);--fill-2:rgb(118 118 128/.24);--fill-3:rgb(118 118 128/.32);--row-alt:rgb(255 255 255/.028)
;--hairline:rgb(255 255 255/.09);--hairline-strong:rgb(255 255 255/.17)
;--accent:#2c7a60;--accent-hover:#34906f;--accent-text:#74cca6;--accent-symbol:#66c19b;--accent-tint:rgb(102 193 155/.1);--accent-tint-2:rgb(102 193 155/.17);--focus-ring:rgb(102 193 155/.5)
;--green-text:#7fd1ad;--green-tint:rgb(102 193 155/.16);--green-dot:#4fbf8f
;--amber-text:#ffc266;--amber-tint:rgb(255 159 10/.18);--amber-dot:#ffa51f
;--rose-text:#ff8f86;--rose-tint:rgb(255 69 58/.18);--rose-dot:#ff5d53
;--blue-text:#7ab7ff;--blue-tint:rgb(10 132 255/.2);--blue-dot:#409cff
;--chart-1:#66c19b;--chart-1-area:rgb(102 193 155/.2);--chart-2:#8e8e93;--chart-grid:rgb(255 255 255/.08);--chart-label:#a1a1a6
;--cat-1:#66c19b;--cat-2:#2f8a67;--cat-3:#b4dcc8;--cat-4:#e0bd72;--cat-5:#c98a63;--cat-6:#8e8e93;--cat-7:#5b5b60;--cat-8:#5a9ad8;--cat-9:#a9c9ea;--cat-10:#9b8068
;--control-bg:rgb(255 255 255/.1);--control-bg-hover:rgb(255 255 255/.15);--control-ring:inset 0 1px 0 rgb(255 255 255/.06),0 0 0 var(--hairline-w) rgb(255 255 255/.07),0 1px 2px rgb(0 0 0/.4)
;--field-bg:rgb(255 255 255/.055);--field-ring:0 0 0 var(--hairline-w) rgb(255 255 255/.14),inset 0 1px 1.5px rgb(0 0 0/.25)
;--glass:rgb(36 38 38/.56);--glass-strong:rgb(42 42 46/.8);--glass-bar:rgb(22 22 24/.74);--glass-edge:rgb(255 255 255/.08)
;--desktop:radial-gradient(1100px 760px at -8% -12%,rgb(44 122 96/.38),transparent 62%),radial-gradient(900px 700px at -4% 108%,rgb(23 63 53/.55),transparent 64%),radial-gradient(700px 520px at 30% 40%,rgb(30 52 44/.4),transparent 70%)
;--shadow-1:0 0 0 var(--hairline-w) rgb(255 255 255/.06),0 1px 2px rgb(0 0 0/.35)
;--shadow-2:0 0 0 var(--hairline-w) rgb(255 255 255/.09),0 6px 16px rgb(0 0 0/.35),0 16px 40px rgb(0 0 0/.3)
;--shadow-pop:0 0 0 var(--hairline-w) rgb(255 255 255/.1),0 2px 8px rgb(0 0 0/.35),0 18px 44px rgb(0 0 0/.5)
;--shadow-modal:0 0 0 var(--hairline-w) rgb(255 255 255/.1),0 10px 24px rgb(0 0 0/.4),0 34px 90px rgb(0 0 0/.6)
;--shadow-glass:inset 0 0 0 var(--hairline-w) var(--glass-edge),0 0 0 var(--hairline-w) rgb(0 0 0/.5),0 12px 34px rgb(0 0 0/.35)
;--shadow-segment:0 0 0 var(--hairline-w) rgb(255 255 255/.08),0 1px 3px rgb(0 0 0/.4)
;--scrim:rgb(0 0 0/.5)}
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark}

/* Increased contrast, following whichever appearance is in effect. */
@media(prefers-contrast:more) and (prefers-color-scheme:light){:root:not([data-theme="dark"]){--hairline:rgb(60 60 67/.32);--hairline-strong:rgb(60 60 67/.5);--label-2:#4a4a4f;--fill-1:rgb(120 120 128/.14)}}
@media(prefers-contrast:more){:root[data-theme="light"]{--hairline:rgb(60 60 67/.32);--hairline-strong:rgb(60 60 67/.5);--label-2:#4a4a4f;--fill-1:rgb(120 120 128/.14)}}
@media(prefers-contrast:more) and (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="unifi"]):not([data-theme="jysk"]):not([data-theme="equa"]){--hairline:rgb(255 255 255/.22);--hairline-strong:rgb(255 255 255/.34);--label:#fff;--label-2:#c7c7cc;--fill-1:rgb(118 118 128/.26)}}
@media(prefers-contrast:more){:root[data-theme="dark"]{--hairline:rgb(255 255 255/.22);--hairline-strong:rgb(255 255 255/.34);--label:#fff;--label-2:#c7c7cc;--fill-1:rgb(118 118 128/.26)}}

/* Reduced transparency wins in either appearance (listed last, matching the dark selectors' weight). */
@media(prefers-reduced-transparency:reduce){:root,:root:not([data-theme="light"]):not([data-theme="unifi"]):not([data-theme="jysk"]):not([data-theme="equa"]),:root[data-theme="dark"]{--glass:var(--surface);--glass-strong:var(--surface);--glass-bar:var(--canvas);--glass-blur:none}}