/* DSG /dev unified Classic chrome stack (2026-09-30) — pairs with /dev/dsg-classic-chrome.js
   Mirrors the Classic home (/dev/look-theme-home.html) so every /dev page renders the same stack. */
html.dsgc-standalone #dsg-chrome-stack{
  --bg:#2a2d32;--bg2:#32363c;--panel:#3a3f46;--panel2:#2f3339;--line:#4a5058;--line2:#5a616a;
  --gold:#c9a227;--gold2:#e0bc4a;--gold3:#f0d070;--text:#e8eaed;--muted:#a8b0ba;--dim:#8a929c;
  --good:#2fd67b;--topbar-bg:rgba(42,45,50,.94);--mark-fg:#0a0a0a;--glow-a:rgba(201,162,39,.12);
}
#dsg-chrome-stack{
  position:relative;z-index:60;width:100%;
  font-family:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.45;
  color:var(--text,#e8eaed);text-align:left;
}
#dsg-chrome-stack *,#dsg-chrome-stack *::before,#dsg-chrome-stack *::after{box-sizing:border-box}
#dsg-chrome-stack a{text-decoration:none}
#dsg-chrome-stack .wrap{max-width:1180px;margin:0 auto;padding:0 20px;width:100%}
#dsg-chrome-stack .dsgc-topbar{
  position:relative;top:auto;z-index:45;margin:0;
  border-bottom:1px solid var(--line,#4a5058);
  background:var(--topbar-bg,rgba(42,45,50,.94));backdrop-filter:blur(10px);
}
#dsg-chrome-stack .dsgc-inner{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:10px 12px;padding:12px 20px;position:relative;z-index:45;
}
#dsg-chrome-stack .logo{order:0;display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;letter-spacing:.04em;color:var(--text,#e8eaed)}
#dsg-chrome-stack .logo span{color:var(--text,#e8eaed)}
#dsg-chrome-stack .logo-mark{
  width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--gold,#c9a227),#8a6a12);
  display:grid;place-items:center;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;
  color:var(--mark-fg,#0a0a0a);box-shadow:0 0 16px var(--glow-a,rgba(201,162,39,.35));
}
/* Controls: Theme · Background · Button · Width · Layout */
#dsg-chrome-stack .theme-bg-row{
  order:1;display:inline-flex!important;align-items:center;gap:8px 14px;flex-wrap:wrap;
  margin:0;padding:0;border:0;background:none;justify-content:flex-end;
}
#dsg-chrome-stack .theme-bg-row > *{display:inline-flex;align-items:center;gap:8px;margin:0}
#dsg-chrome-stack .theme-bg-row .theme-switch:not(.bg-switch):not(.btn-switch){order:1}
#dsg-chrome-stack .theme-bg-row .bg-switch{order:2}
#dsg-chrome-stack .theme-bg-row .btn-switch{order:3}
#dsg-chrome-stack .theme-bg-row .width-switch,#dsg-chrome-stack .theme-bg-row .width-ctl{order:4}
#dsg-chrome-stack .theme-bg-row .layout-pick,#dsg-chrome-stack .theme-bg-row .farm-layouts-switch,
#dsg-chrome-stack .theme-bg-row .layout-switch,#dsg-chrome-stack .theme-bg-row .market-layouts-switch,
#dsg-chrome-stack .theme-bg-row .equity-layouts-switch{order:5}
#dsg-chrome-stack .theme-bg-row .layout-switch:not(.farm-layouts-switch):not(.layout-pick){display:none!important}
#dsg-chrome-stack .theme-bg-row label,
#dsg-chrome-stack .theme-bg-row .theme-label,
#dsg-chrome-stack .theme-bg-row .bg-label,
#dsg-chrome-stack .theme-bg-row .btn-label,
#dsg-chrome-stack .theme-bg-row .width-k,
#dsg-chrome-stack .theme-bg-row .width-ctl{
  font-family:'IBM Plex Sans',system-ui,sans-serif!important;font-size:10px!important;font-weight:600!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--dim,#8a929c)!important;white-space:nowrap;
}
#dsg-chrome-stack .theme-bg-row select{
  font-family:'IBM Plex Mono',monospace!important;font-size:12px!important;font-weight:600!important;
  padding:7px 12px;border-radius:8px;cursor:pointer;min-width:132px;max-width:200px;
  border:1px solid var(--line2,#5a616a);color:var(--text,#e8eaed);background:var(--panel,#3a3f46);
  letter-spacing:.02em;text-transform:none;height:auto;
}
#dsg-chrome-stack .theme-bg-row select option{background:var(--panel,#3a3f46);color:var(--text,#e8eaed)}
#dsg-chrome-stack .bg-chip-strip{display:none!important}
/* Top nav */
#dsg-chrome-stack .dsgc-nav{
  order:2;flex:1 1 100%;display:flex!important;gap:2px;flex-wrap:wrap;row-gap:8px;padding:6px 0;margin:0;
  background:none;border:0;
}
#dsg-chrome-stack .dsgc-nav a{
  display:inline-block;color:var(--muted,#a8b0ba);font-size:11px;font-weight:500;line-height:1.2;
  padding:12px 9px;border-radius:8px;letter-spacing:.03em;text-transform:uppercase;background:transparent;border:0;
}
#dsg-chrome-stack .dsgc-nav a:hover{color:var(--gold2,#e0bc4a);background:rgba(201,162,39,.08)}
#dsg-chrome-stack .dsgc-nav a.on{color:var(--gold2,#e0bc4a);background:rgba(201,162,39,.14)}
#dsg-chrome-stack .live-pill{
  order:3;display:inline-flex;align-items:center;gap:7px;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:500;
  padding:6px 12px;border-radius:999px;border:1px solid rgba(47,214,123,.4);color:var(--good,#2fd67b);background:rgba(47,214,123,.08);
}
/* FARM ONLINE pill sits at the far right of the LOOK row */
#dsg-chrome-stack .look-switch .live-pill{margin-left:auto;order:0}
#dsg-chrome-stack .live-dot{width:7px;height:7px;border-radius:50%;background:var(--good,#2fd67b);box-shadow:0 0 8px var(--good,#2fd67b);animation:dsgcPulse 1.8s ease-in-out infinite}
@keyframes dsgcPulse{0%,100%{opacity:1}50%{opacity:.35}}
/* LOOK row */
#dsg-chrome-stack .look-switch{
  order:50;flex-basis:100%;display:flex!important;gap:6px;align-items:center;flex-wrap:wrap;
  padding:8px 10px;margin:8px 0 14px;border:1px solid var(--line,#4a5058);border-radius:10px;
  background:var(--panel,#3a3f46);font-family:system-ui,sans-serif;position:static;width:auto;
}
#dsg-chrome-stack .look-switch .look-k{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#a8b0ba)}
#dsg-chrome-stack .look-switch a{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--line,#4a5058);color:var(--muted,#a8b0ba);background:transparent}
#dsg-chrome-stack .look-switch a.on{color:#fff;background:#2563eb;border-color:transparent}
#dsg-chrome-stack .look-switch a:hover{color:var(--text,#e8eaed)}
/* STRATEGIES row */
#dsg-chrome-stack .dsgc-rows{padding:0}
#dsg-chrome-stack #strategy-tabs{
  display:flex!important;visibility:visible!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;
  width:100%;max-width:1180px;margin:10px auto 0!important;padding:14px 20px 10mm!important;min-height:44px;border:0;background:none;
}
#dsg-chrome-stack #strategy-tabs a{
  display:inline-block;padding:9px 16px;border-radius:8px;font:600 13px/1.2 'IBM Plex Sans',system-ui,sans-serif;
  letter-spacing:.04em;text-transform:uppercase;color:var(--text,#e8eaed);background:transparent;border:1px solid transparent;
}
#dsg-chrome-stack #strategy-tabs a:hover{color:#38bdf8;background:rgba(14,165,233,.12)}
#dsg-chrome-stack #strategy-tabs a.on{
  color:#0a0a0a;background:linear-gradient(135deg,#0ea5e9,#38bdf8);border-color:transparent;box-shadow:0 4px 18px rgba(14,165,233,.35);
}
#dsg-chrome-stack #strategy-tabs a.strategy-tbd{margin-left:auto;opacity:.55}
/* INSTRUMENTS row — full width like the strategies row, centred box */
#dsg-chrome-stack #market-tabs{
  display:flex!important;visibility:visible!important;gap:6px;flex-wrap:wrap;align-items:center;justify-content:flex-start;
  width:100%;max-width:1180px;margin:0 auto 8px!important;padding:14px 20px 12px!important;
  border:0;border-top:1px solid var(--line,#4a5058);border-bottom:1px solid var(--line,#4a5058);background:none;
}
#dsg-chrome-stack #market-tabs .lbl{
  display:inline-block;font:700 11px/1.2 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;
  color:#fff;background:linear-gradient(135deg,#0ea5e9,#0845c0);padding:9px 16px;border-radius:8px;margin-right:8px;white-space:nowrap;
  box-shadow:0 4px 18px rgba(14,165,233,.35);border:1px solid transparent;
}
#dsg-chrome-stack #market-tabs a{
  display:inline-block;font:600 13px/1.2 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;
  padding:9px 16px;border-radius:8px;color:var(--muted,#a8b0ba);border:1px solid transparent;background:transparent;
}
#dsg-chrome-stack #market-tabs a:hover{color:#38bdf8;background:rgba(14,165,233,.12)}
#dsg-chrome-stack #market-tabs a.on{color:#0a0a0a;background:linear-gradient(135deg,#0ea5e9,#38bdf8);box-shadow:0 4px 18px rgba(14,165,233,.35)}
/* Retired chrome stays hidden; old header shells dissolve */
header.dsgc-shell,.dsgc-shell{display:contents!important}
[data-dsgc-retired]{display:none!important}
/* Classic home focused section views (Farm Loop · Test Runs · Upload) */
html.dsgc-section-view main > :not(.dsgc-target){display:none!important}
html.dsgc-section-view main > .dsgc-target{margin-top:18px}
/* Harbour: stack sits at the top of the main column */
.th-main > #dsg-chrome-stack{margin:0 0 12px}
.th-main > #dsg-chrome-stack .wrap{max-width:none}
@media (max-width:760px){
  #dsg-chrome-stack .theme-bg-row{justify-content:flex-start;flex:1 1 100%;width:100%;max-width:100%;min-width:0}
  #dsg-chrome-stack .theme-bg-row > *{flex-wrap:wrap;max-width:100%;min-width:0}
  #dsg-chrome-stack .theme-bg-row select{max-width:100%}
  #dsg-chrome-stack .dsgc-inner{max-width:100%}
  #dsg-chrome-stack #strategy-tabs{padding-bottom:14px!important}
}

/* Setup Trainer dropdown — 45 Top Traders → Setup Trainer views (reuses "trader-tabs colour v1" look) */
.dsgc-dd{position:relative;display:inline-flex;align-items:center}
.dsgc-dd .dsgc-caret{font-size:9px;opacity:.8;margin-left:2px}
.dsgc-dd.open > .dsgc-dd-btn{color:var(--gold2,#e0bc4a);background:rgba(201,162,39,.14)}
.dsgc-tt-panel{
  display:none;position:absolute;top:calc(100% + 6px);right:0;z-index:200;
  width:min(900px,calc(100vw - 24px));max-height:min(70vh,560px);overflow:auto;
  padding:12px;border-radius:14px;border:1px solid rgba(125,211,252,.22);
  background:rgba(8,14,24,.97);box-shadow:0 18px 48px rgba(0,0,0,.55),0 0 0 1px rgba(56,189,248,.06);
  backdrop-filter:blur(10px);text-align:left;
}
.dsgc-dd-inpage .dsgc-tt-panel{left:0;right:auto}
/* Top-nav buttons sized exactly like the STRATEGIES row pills (sizing only; colours unchanged) */
#dsg-chrome-stack .dsgc-nav{align-items:center}
#dsg-chrome-stack .dsgc-nav > a{
  box-sizing:border-box;padding:9px 16px!important;font-size:13px!important;font-weight:600!important;letter-spacing:.04em!important;
  line-height:1.2!important;border-radius:8px!important;border-width:1px!important;border-style:solid!important;border-color:transparent;white-space:nowrap;
}
.dsgc-dd.open > .dsgc-tt-panel{display:block}
.dsgc-tt{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:8px}
.dsgc-tt a{
  display:inline-flex!important;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background:linear-gradient(180deg,#0f1b2d,#0b1422)!important;border:1px solid rgba(125,211,252,.18)!important;border-radius:999px!important;
  padding:6px 12px 6px 7px!important;font:500 12.5px/1.3 'IBM Plex Sans',system-ui,sans-serif!important;color:#e2e8f0!important;
  text-decoration:none;text-transform:none!important;letter-spacing:0!important;transition:border-color .15s,box-shadow .15s,transform .15s;
}
.dsgc-tt a:hover{color:#fff!important;border-color:#38bdf8!important;transform:translateY(-1px);box-shadow:0 0 12px rgba(56,189,248,.25)}
.dsgc-tt .tnum{display:inline-block;flex:0 0 auto;padding:1px 6px;border-radius:999px;font:600 10.5px/1.5 'IBM Plex Mono',ui-monospace,monospace;color:#7dd3fc;background:rgba(56,189,248,.14);border:1px solid rgba(56,189,248,.35)}
.dsgc-tt a.on{color:#fff!important;background:linear-gradient(135deg,#0ea5e9,#0845c0)!important;border-color:#38bdf8!important;box-shadow:0 0 16px rgba(14,165,233,.55)}
.dsgc-tt a.on .tnum{color:#0b1f3a;background:#fff;border-color:#fff}
.dsgc-tt a.dsgc-tt-hub{padding-left:12px!important;color:#f5c451!important;border-color:rgba(245,196,81,.6)!important;justify-content:center}
.dsgc-tt a.dsgc-tt-hub:hover{border-color:#f5c451!important;box-shadow:0 0 12px rgba(245,196,81,.25)}
.dsgc-tt a.dsgc-tt-mint::after{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 6px rgba(52,211,153,.8)}
@media (max-width:760px){.dsgc-tt-panel{position:fixed;left:12px!important;right:12px!important;top:auto;width:auto}.dsgc-tt{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}

/* Harbour pages: page-local STRATEGIES / INSTRUMENTS rows inside .th-main (index preview iframe, where the chrome JS is skipped) */
.th-main > #strategy-tabs,.th-main > #market-tabs{box-sizing:border-box;width:100%!important;max-width:none!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:6px;background:none!important;border:0}
.th-main > #strategy-tabs{justify-content:flex-start!important;margin:0 0 6px!important;padding:6px 0 12px!important}
.th-main > #market-tabs{margin:0 0 18px!important;padding:12px 0!important;border-top:1px solid var(--line,#4a5058)!important;border-bottom:1px solid var(--line,#4a5058)!important}
.th-main > #strategy-tabs a,.th-main > #market-tabs a{display:inline-block;padding:9px 16px!important;border-radius:8px!important;font:600 13px/1.2 'IBM Plex Sans',system-ui,sans-serif!important;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;text-decoration:none}
.th-main > #strategy-tabs a{color:var(--text,#e8eaed)!important}
.th-main > #market-tabs a{color:var(--muted,#a8b0ba)!important}
.th-main > #strategy-tabs a:hover,.th-main > #market-tabs a:hover{color:#38bdf8!important;background:rgba(14,165,233,.12)!important}
.th-main > #strategy-tabs a.on,.th-main > #market-tabs a.on{color:#0a0a0a!important;background:linear-gradient(135deg,#0ea5e9,#38bdf8)!important;box-shadow:0 4px 18px rgba(14,165,233,.35)!important}
.th-main > #strategy-tabs a.strategy-tbd{margin-left:auto;opacity:.55}
.th-main > #market-tabs .lbl{display:inline-block;font:700 11px/1.2 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#0ea5e9,#0845c0);padding:9px 16px;border-radius:8px;margin-right:8px;white-space:nowrap;box-shadow:0 4px 18px rgba(14,165,233,.35)}

/* Panel header: plain "Traders · Top Traders hub →" text link (no chip/button styling) */
.dsgc-tt-head{margin:0 2px 10px;font:600 11px/1.4 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#8aa4bf}
.dsgc-tt-head a.dsgc-tt-hublink{display:inline;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;color:#9ccbee!important;text-decoration:none;font:inherit;letter-spacing:inherit}
.dsgc-tt-head a.dsgc-tt-hublink:hover{color:#fff!important;text-decoration:underline}
/* Setup Trainer: always-visible inline Traders section (under the h1) */
.dsgc-traders{display:block;box-sizing:border-box;width:100%;margin:10px 0 18px;padding:12px;border-radius:14px;
  border:1px solid rgba(125,211,252,.22);background:rgba(8,14,24,.92);text-align:left}
.dsgc-traders .dsgc-tt{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:7px}
@media (max-width:760px){.dsgc-traders .dsgc-tt{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}}
/* 20mm gap between the controls row (Theme/Background/Button/Width/Layout) and the top nav row (David 2026-09-30 15:02) */
#dsg-chrome-stack .dsgc-nav{margin-top:calc(20mm - 10px)!important} /* + the 10px flex row gap = 20mm */
@media (max-width:700px){#dsg-chrome-stack .dsgc-nav{margin-top:14px!important}} /* ~24px on phones */
/* Baked-in legacy chrome (pages with their own header nav/rows): hidden from first paint, before the JS builds the stack */
header.topbar:not(.dsgc-topbar) > .topbar-inner > nav.nav,
header.topbar:not(.dsgc-topbar) > .topbar-inner > .live-pill,
header.topbar:not(.dsgc-topbar) > .topbar-inner > .farm-label,
header.topbar:not(.dsgc-topbar) > .topbar-inner > .strategy-tabs,
header.topbar:not(.dsgc-topbar) > .topbar-inner > .market-tabs{display:none!important}

/* 2026-10-01 nav: Harbour pages have a narrower chrome column (sidebar); trim the top-nav pill padding so the 9 items (incl. Nuggets) fit one row at 1280 */
#dsg-chrome-stack:has(.dsgc-look a[data-look="harbour"].on) .dsgc-nav > a,
#dsg-chrome-stack:has(a[data-look="harbour"].on) .dsgc-nav > a{padding:9px 10px!important;letter-spacing:.02em!important}

/* Settings row collapse (David 2026-10-01): Theme · Background · Button · Width · Layout hidden behind a small
   rounded chevron at the right end; state per browser in localStorage "dsg-settings-row-open" (default collapsed).
   Collapsed: the 20mm controls->nav gap shrinks to 14px (4px + the 10px flex row gap); expanded keeps 20mm. */
#dsg-chrome-stack .dsgc-set-toggle{
  order:1;margin:0 0 0 auto;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;min-width:30px;padding:0;border-radius:999px;line-height:0;cursor:pointer;
  border:1px solid var(--line2,#5a616a);background:var(--panel,#3a3f46);color:var(--muted,#a8b0ba);
  box-shadow:0 1px 2px rgba(0,0,0,.18);transition:border-color .15s,color .15s,box-shadow .15s,background .15s;
  -webkit-appearance:none;appearance:none;font:inherit;
}
#dsg-chrome-stack .dsgc-set-toggle:hover{color:var(--gold2,#e0bc4a);border-color:var(--gold,#c9a227)}
#dsg-chrome-stack .dsgc-set-toggle:focus-visible{outline:none;color:var(--gold2,#e0bc4a);border-color:var(--gold,#c9a227);box-shadow:0 0 0 3px rgba(201,162,39,.28)}
#dsg-chrome-stack .dsgc-set-toggle svg{display:block;width:14px;height:14px;transition:transform .2s ease}
html.dsgc-set-open #dsg-chrome-stack .dsgc-set-toggle{color:var(--gold2,#e0bc4a);border-color:var(--gold,#c9a227);background:rgba(201,162,39,.12)}
html.dsgc-set-open #dsg-chrome-stack .dsgc-set-toggle svg{transform:rotate(180deg)}
#dsg-chrome-stack .dsgc-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html:not(.dsgc-set-open) #dsg-chrome-stack .theme-bg-row{display:none!important}
html:not(.dsgc-set-open) #dsg-chrome-stack .dsgc-nav{margin-top:4px!important}
html.dsgc-set-open #dsg-chrome-stack .theme-bg-row{flex:1 1 calc(100% - 46px);max-width:calc(100% - 42px);min-width:0}

/* STRATEGIES dropdown in the LOOK bar (David 2026-10-01 16:15): replaces the separate strategy tab row (hidden, not deleted) */
html #dsg-chrome-stack #strategy-tabs{display:none!important}
#dsg-chrome-stack .look-switch .dsgc-sd{position:relative;margin:0 auto;display:inline-flex;align-items:center;z-index:320}
#dsg-chrome-stack .look-switch .dsgc-sd-btn{
  display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-appearance:none;appearance:none;
  font:700 11px/1.2 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;
  color:#fff;background:linear-gradient(135deg,#0ea5e9,#0845c0);padding:8px 14px;border-radius:8px;border:1px solid transparent;
  box-shadow:0 4px 18px rgba(14,165,233,.35);
}
#dsg-chrome-stack .look-switch .dsgc-sd-btn:hover{filter:brightness(1.08)}
#dsg-chrome-stack .look-switch .dsgc-sd-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(56,189,248,.45),0 4px 18px rgba(14,165,233,.35)}
#dsg-chrome-stack .look-switch .dsgc-sd-btn svg{width:12px;height:12px;display:block;transition:transform .2s ease}
#dsg-chrome-stack .look-switch .dsgc-sd.open .dsgc-sd-btn svg{transform:rotate(180deg)}
#dsg-chrome-stack .look-switch .dsgc-sd-menu{
  display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:330;min-width:230px;
  padding:6px;border-radius:12px;border:1px solid var(--line2,#5a616a);background:var(--panel,#3a3f46);
  box-shadow:0 18px 44px rgba(0,0,0,.45);text-align:left;
}
#dsg-chrome-stack .look-switch .dsgc-sd.open .dsgc-sd-menu{display:block}
#dsg-chrome-stack .look-switch .dsgc-sd-menu a{
  display:block;margin:0;padding:9px 12px;border:0;border-radius:8px;background:transparent;white-space:nowrap;
  font:600 13px/1.2 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:.02em;text-transform:none;color:var(--text,#e8eaed);
}
#dsg-chrome-stack .look-switch .dsgc-sd-menu a:hover,#dsg-chrome-stack .look-switch .dsgc-sd-menu a:focus-visible{outline:none;color:#38bdf8;background:rgba(14,165,233,.12)}
#dsg-chrome-stack .look-switch .dsgc-sd-menu a.on{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0845c0)}
#dsg-chrome-stack .look-switch .dsgc-sd-menu a[title]::after{content:attr(title);display:block;margin-top:2px;font-size:10.5px;font-weight:500;opacity:.7}
@media (max-width:700px){#dsg-chrome-stack .look-switch .dsgc-sd{margin:4px 0;order:1}#dsg-chrome-stack .look-switch .dsgc-sd-menu{left:0;transform:none}}
/* settings-open gap fix 2026-10-01 */
html.dsgc-set-open #dsg-chrome-stack .dsgc-nav{margin-top:4px!important}