/* SLC Desk 0.31.15: the bridge (design/bridge.css). The Desk's older screens (0.29–0.31.14) read the legacy variables --navy, --gold, --bg, --card,
   --ink, --mute, --line, --warn, --ok, --soft, --hi and a few hard-coded whites. This sheet, emitted after ui.js's stylesheet, points every legacy
   variable at a design token and restates the handful of rules that hard-coded a colour, a radius or a font, so the whole Desk follows the look
   chosen under Settings › Design without any module being rewritten. Nothing here changes a layout. */
:root{--navy:var(--ds-primary);--blue:var(--ds-link);--gold:var(--ds-accent);--gold2:var(--ds-accent-hover);--bg:var(--ds-bg);--card:var(--ds-surface);--ink:var(--ds-ink);--mute:var(--ds-ink-2);--line:var(--ds-line);--warn:var(--ds-danger);--ok:var(--ds-ok);--soft:var(--ds-surface-2);--hi:var(--ds-primary-soft);--serif:var(--ds-font-display);--shadow:var(--ds-shadow-1)}
body{font-family:var(--ds-font);background:var(--ds-bg);color:var(--ds-ink)}
h2{font-family:var(--ds-font-display)}
/* the header follows the look's header tokens (ui.js hard-coded a navy header and white links) */
header{background:var(--ds-header-bg);box-shadow:0 1px 0 var(--ds-header-line),0 10px 30px -22px rgba(16,36,58,.25);backdrop-filter:saturate(1.4) blur(10px)}
header h1{color:var(--ds-header-ink)}header h1 span{color:var(--ds-accent)}
header .tm a{color:var(--ds-header-muted)}header .tm a:hover{background:var(--ds-header-on);color:var(--ds-header-ink)}header .tm a.on,header .tm a.on:hover{background:var(--ds-header-on);color:var(--ds-header-ink);box-shadow:inset 0 -2px 0 var(--ds-accent)}
header .tm summary{color:var(--ds-header-muted)}header .tm summary:hover,header .tm details[open] summary,header .tm summary.on{background:var(--ds-header-on);color:var(--ds-header-ink)}header .tm .dd{background:var(--ds-surface);border-color:var(--ds-line);box-shadow:var(--ds-shadow-3);border-radius:var(--ds-radius-md)}header .tm .dd a{color:var(--ds-ink)}header .tm .dd a:hover{background:var(--ds-surface-2);color:var(--ds-ink)}
header .tm .srch{color:var(--ds-header-muted)}header .tm .srch:hover{background:var(--ds-header-on)}header .tm .bd{background:var(--ds-accent);color:var(--ds-on-accent)}
header .me{color:var(--ds-header-muted)}header .me:hover{background:var(--ds-header-on);color:var(--ds-header-ink)}
header .btn.line{background:transparent;color:var(--ds-header-ink);border-color:color-mix(in srgb,var(--ds-header-ink) 25%,transparent)}header .btn.line:hover{background:var(--ds-header-on);border-color:color-mix(in srgb,var(--ds-header-ink) 45%,transparent);color:var(--ds-header-ink)}
header #chat-ic{color:var(--ds-header-ink)}header #chat-ic:hover{background:var(--ds-header-on)}
/* buttons, inputs, cards, chips, flashes, tabs: the legacy classes on the tokens */
.btn{border-radius:var(--ds-radius-sm);background:var(--ds-primary);border-color:var(--ds-primary);color:var(--ds-on-primary)}.btn:hover{background:var(--ds-primary-hover);border-color:var(--ds-primary-hover)}
.btn.gold{background:var(--ds-accent);border-color:var(--ds-accent);color:var(--ds-on-accent);box-shadow:none}.btn.gold:hover{background:var(--ds-accent-hover);border-color:var(--ds-accent-hover)}
.btn.line{background:var(--ds-surface);color:var(--ds-ink);border-color:var(--ds-line-2)}.btn.line:hover{background:var(--ds-surface-2);border-color:var(--ds-ink-3)}.btn.sm{border-radius:var(--ds-radius-sm)}
input,select,textarea{border-radius:var(--ds-radius-sm);border-color:var(--ds-line-2);background:var(--ds-surface);color:var(--ds-ink)}input:focus,select:focus,textarea:focus{border-color:var(--ds-focus);box-shadow:var(--ds-focus-ring)}
.search input{background:var(--ds-surface);border-color:var(--ds-line)}.search input:focus{border-color:var(--ds-focus);box-shadow:var(--ds-focus-ring)}.search .btn{background:var(--ds-surface);color:var(--ds-ink);border-color:var(--ds-line)}.search .btn:hover{background:var(--ds-surface-2)}
.card{border-radius:var(--ds-radius-lg);border-color:var(--ds-line);box-shadow:var(--ds-shadow-1);background:var(--ds-surface)}.next{border-color:var(--ds-line-2);background:var(--ds-surface)}
.chip{border-radius:var(--ds-radius-pill);background:var(--ds-surface-2);color:var(--ds-ink-2)}.chip.hi,.chip.warn{background:var(--ds-warn-soft);color:var(--ds-warn)}.chip.info{background:var(--ds-info-soft);color:var(--ds-info)}.chip.ok{background:var(--ds-ok-soft);color:var(--ds-ok)}.chip.late{background:var(--ds-danger-soft);color:var(--ds-danger)}.chip.off{background:var(--ds-surface-2);color:var(--ds-ink-2)}
.flash{background:var(--ds-surface);border-left-color:var(--ds-info);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-1)}.flash.good{background:var(--ds-surface);border-left-color:var(--ds-ok)}
.tabs{background:var(--ds-bg)}.tabs a{background:var(--ds-surface);border-color:var(--ds-line);color:var(--ds-ink);border-radius:var(--ds-radius-pill)}.tabs a:hover{background:var(--ds-surface-2)}.tabs a.on{background:var(--ds-selected-bg);border-color:var(--ds-selected-bg);color:var(--ds-selected-ink)}.tabs a.go{background:var(--ds-primary-soft);border-color:var(--ds-line-2);color:var(--ds-ink)}
.chips button,.chips a{border-color:var(--ds-line)}.chips .on{background:var(--ds-selected-bg);border-color:var(--ds-selected-bg);color:var(--ds-selected-ink)}
.lst{background:var(--ds-surface);border-radius:var(--ds-radius-lg)}.lst .it:hover{background:var(--ds-surface-2)}
.stat{background:var(--ds-surface-2);border-radius:var(--ds-radius-md)}.dash a.stat:hover{background:var(--ds-surface);border-color:var(--ds-line-2)}
.board a{background:var(--ds-surface);border-color:var(--ds-line);border-radius:var(--ds-radius-md)}.board a.on{border-color:var(--ds-accent);box-shadow:0 0 0 3px var(--ds-accent-soft)}
.pop{background:var(--ds-surface);border-color:var(--ds-line);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-3)}
.fx{border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-1)}.fx .bar{background:var(--ds-surface-3)}.fx .bar i{background:var(--ds-accent)}
.dk-toast{background:var(--ds-ink);color:var(--ds-bg)}#dk-top{background:var(--ds-primary);color:var(--ds-on-primary)}#dk-top:hover{background:var(--ds-primary-hover)}
.mini .tdy{background:var(--ds-selected-bg);color:var(--ds-selected-ink)}.mini .dot::after{background:var(--ds-accent)}
.btn:focus-visible,a:focus-visible,.tabs a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ds-focus);outline-offset:2px}
.hint{background:var(--ds-info-soft);border-left-color:var(--ds-info)}pre{background:var(--ds-surface-2)}
/* settings menu, the B2C desk column, the lead panel pills, the file column: the "on" state follows the selected tokens */
.st2-nav{background:var(--ds-surface);border-color:var(--ds-line);border-radius:var(--ds-radius-lg)}.st2-nav a.on{background:var(--ds-selected-bg);color:var(--ds-selected-ink)}.st2-nav a:hover{background:var(--ds-surface-2)}
.b2a-col a.on{background:var(--ds-selected-bg);color:var(--ds-selected-ink)}.b2a-tabs a{background:var(--ds-surface);border-color:var(--ds-line)}.b2a-tabs a.on{background:var(--ds-selected-bg);color:var(--ds-selected-ink);border-color:var(--ds-selected-bg)}.b2a-step{background:var(--ds-surface);border-color:var(--ds-line);border-radius:var(--ds-radius-md)}
.fn-i.on{background:var(--ds-selected-bg);color:var(--ds-selected-ink)}.fn-c.on{background:var(--ds-primary-soft);color:var(--ds-ink)}

/* 0.31.29: the soft table heads, row hovers and tinted boxes that hard-coded the cream #fbfaf7 follow the surface tokens (no beige on a cool look) */
.cl th,.mtl th,.ta .ft{background:color-mix(in srgb,var(--ds-surface-2) 60%,var(--ds-surface))}.cl tbody tr:hover,.cl tbody tr:focus-within,.mtl tbody tr:hover,.mtl tbody tr:focus-within,.c2-l:hover,.ib2-row:hover{background:color-mix(in srgb,var(--ds-surface-2) 60%,var(--ds-surface))}
.l2-acts,.c2-comp,.ib2-thread,.ib2-folders,#fu-dr .ft,#fu-dr .why{background:color-mix(in srgb,var(--ds-surface-2) 60%,var(--ds-surface))}#fu-dr .ft,#fu-dr .why{border-color:var(--ds-line)}.mu-unset .bar i{background:var(--ds-line-2)}