/* Opt-in Workspace design. Classic styles and all data/action paths stay shared. */
:root[data-appearance="workspace"] {
    --bg:#f3f6f5; --bg-main:#f3f6f5; --bg-alt:#eaf0ed; --surface:#fff; --card:#fff;
    --surface-hover:#f0f6f3; --surface-active:#e7f1ec; --border:#dce5e0; --border-light:#e8eeea;
    --text:#182f35; --text-muted:#4b605a; --text-dim:#5b6f68; /* ≥4.5:1 on every Workspace surface (dim was 3.5–3.9:1) */
    --accent:#16767e; --accent-hover:#106971; --accent-rgb:22,118,126; --accent-bg:#e4f0ed;
    --wash-rgb:24,47,53; --bg-input:#fff; --bg-tertiary:#f5f8f6; --on-accent:#fff;
    --grad-top:#fff; --grad-bot:#fff; --glow-accent:transparent; --topbar-bg:#fff;
    --critical:#b43f45; --warning:#985f1f; --ok:#247655; --info:#6555a0; --cyan:#16767e;
    --shadow-sm:0 2px 9px #173c3308; --shadow-md:0 8px 24px #173c3310; --shadow-lg:0 18px 50px #173c3320;
    --radius-lg:12px; --radius:8px; --sidebar-w:240px; color-scheme:light;
    /* tokens the Classic pages reference directly — without them cards go transparent and status buttons lose their fill */
    --bg-card:#fff; --radius-sm:6px; --radius-xs:4px; --shadow-xs:0 1px 2px #173c330f; --track:#182f3514;
    --green:#247655; --red:#b43f45; --blue:#2f6fb3; --yellow:#985f1f; --orange:#b8641f;
    --critical-bg:#b43f4514; --warning-bg:#985f1f14; --ok-bg:#24765514; --info-bg:#6555a014;
    --font-sans:'Inter',system-ui,sans-serif; --font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}
/* Workspace dark: the same petrol/teal family, not the Classic navy. Every text colour here is
   ≥4.5:1 on every surface below (scripts/check-appearance.cjs measures it). */
:root[data-appearance="workspace"][data-theme="dark"] {
    --bg:#0e1b1e; --bg-main:#0e1b1e; --bg-alt:#13252a; --surface:#152a2f; --card:#152a2f;
    --surface-hover:#1b343a; --surface-active:#1f3c43; --border:#2a474e; --border-light:#1f383e;
    --text:#e4eeec; --text-muted:#a9bfbb; --text-dim:#93aca7;
    --accent:#5cc0c6; --accent-hover:#7fd0d5; --accent-rgb:92,192,198; --accent-bg:#173f44;
    --wash-rgb:228,238,236; --bg-input:#102226; --bg-tertiary:#13262b; --on-accent:#062226;
    --grad-top:#152a2f; --grad-bot:#152a2f; --topbar-bg:#12252a;
    --critical:#f28a8e; --warning:#e2a95f; --ok:#62c79e; --info:#b0a5f3; --cyan:#5cc0c6;
    --shadow-sm:0 2px 9px #0006; --shadow-md:0 8px 24px #0008; --shadow-lg:0 18px 50px #000a;
    color-scheme:dark;
    --bg-card:#152a2f; --shadow-xs:0 1px 2px #0006; --track:#e4eeec1a;
    --green:#62c79e; --red:#f28a8e; --blue:#86b8ef; --yellow:#e2a95f; --orange:#eb9a5e;
    --critical-bg:#f28a8e1f; --warning-bg:#e2a95f1f; --ok-bg:#62c79e1f; --info-bg:#b0a5f31f;
}
:root[data-appearance="workspace"] body { background:var(--bg); font-family:'Inter',system-ui,sans-serif; }
/* Complete the inner-page surfaces as well as the navigation shell. */
:root[data-appearance="workspace"] .page.active { animation:none; transform:none; }
:root[data-appearance="workspace"] :is(.ex-hero,.dr-hero) { background:var(--surface); border:1px solid var(--border); box-shadow:none; border-radius:12px; }
:root[data-appearance="workspace"] :is(.ex-hero,.dr-hero)::before,
:root[data-appearance="workspace"] :is(.ex-hero,.dr-hero)::after { display:none; }
:root[data-appearance="workspace"] :is(.ex-title,.dr-title,.dr-hs b) { color:var(--text); }
:root[data-appearance="workspace"] :is(.ex-sub,.dr-hs) { color:var(--text-muted); }
:root[data-appearance="workspace"] .dr-eyebrow { color:var(--accent); }
/* Overview component chips: a light band, not the Classic night-sky gradient. */
:root[data-appearance="workspace"] .ex-chipbar { background:var(--bg-alt); border-color:var(--border); box-shadow:none; }
:root[data-appearance="workspace"] .ex-chipbar::before, :root[data-appearance="workspace"] .ex-chipbar::after { display:none; }
:root[data-appearance="workspace"] .ex-chip { color:var(--text); background:var(--surface); border-color:var(--border); }
:root[data-appearance="workspace"] .ex-chip.warn { border-color:var(--warning); }
:root[data-appearance="workspace"] .ex-chip.crit { border-color:var(--critical); }
:root[data-appearance="workspace"] .ex-tabs { background:var(--bg-alt); border-color:var(--border); }
:root[data-appearance="workspace"] .ex-tabs button { color:var(--text-muted); }
:root[data-appearance="workspace"] .ex-tabs button:hover { color:var(--accent); background:var(--surface); }
:root[data-appearance="workspace"] .ex-tabs button.on { color:var(--accent); background:var(--surface); box-shadow:0 1px 3px #173c3315; }
:root[data-appearance="workspace"] #dr-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
:root[data-appearance="workspace"] :is(#map-frame,#topo-frame,#ex-topo-frame) { background:var(--bg)!important; border:1px solid var(--border)!important; }
:root[data-appearance="workspace"] .cluster-picker {
    --bg-main:#f3f6f5; --bg-card:#fff; --surface:#fff; --border:#dce5e0;
    --text:#182f35; --text-muted:#4b605a; --text-dim:#5b6f68;
    --accent:#16767e; --accent-bg:#e4f0ed; --accent-rgb:22,118,126;
}
:root[data-appearance="workspace"][data-theme="dark"] .cluster-picker {
    --bg-main:#0e1b1e; --bg-card:#152a2f; --surface:#152a2f; --border:#2a474e;
    --text:#e4eeec; --text-muted:#a9bfbb; --text-dim:#93aca7;
    --accent:#5cc0c6; --accent-bg:#173f44; --accent-rgb:92,192,198;
}
:root[data-appearance="workspace"] .cluster-picker-logo img { filter:none!important; }
:root[data-appearance="workspace"] .cluster-picker-card:hover { transform:none; box-shadow:var(--shadow-sm); }
:root[data-appearance="workspace"] .cluster-picker-all { background:var(--accent); color:var(--on-accent); border:1px solid var(--accent); font-weight:600; }
:root[data-appearance="workspace"] .cluster-picker-all:hover { background:var(--accent-hover); color:var(--on-accent); }
:root[data-appearance="workspace"] :is(.workspace-map,.workspace-topo) #bar { background:var(--surface); }
:root[data-appearance="workspace"] .workspace-map :is(#kpis,#tools-tr,#tools-br,#mtip,#sesspop,#utip,#legend,#privpill,#errbar,#toast) { background:var(--surface); backdrop-filter:none; -webkit-backdrop-filter:none; box-shadow:none; }
:root[data-appearance="workspace"] .workspace-map :is(.shade-top,.shade-bot,#kpis::before) { display:none; }
:root[data-appearance="workspace"] .workspace-map #ticker { background:var(--bg); }
/* Access Map namespace pills carried the Classic dark glass (rgba 13,20,36), so in Workspace a
   healthy pill was dark text on a dark pill. A critical pill keeps its own red wash. */
:root[data-appearance="workspace"] .workspace-map .card.cpill:not(.crit) { background:var(--surface); backdrop-filter:none; -webkit-backdrop-filter:none; }
:root[data-appearance="workspace"] .workspace-map #rangesel button.on { color:var(--accent); background:var(--accent-bg); box-shadow:inset 0 0 0 1px var(--border); }
:root[data-appearance="workspace"] .workspace-map #privpill { bottom:78px; }
:root[data-appearance="workspace"] .workspace-map #legend { bottom:120px; }
:root[data-appearance="workspace"] .workspace-topo #stat.crit { color:var(--critical); }
:root[data-appearance="workspace"] .tepegoz-modal > div { background:var(--surface)!important; box-shadow:var(--shadow-lg)!important; }
@media(max-width:760px) { :root[data-appearance="workspace"] #dr-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } }
:root[data-appearance="workspace"] :is(.main-grid-overlay,.main::before,.sidebar::before,.sidebar::after,#dash-starfield,.sidebar-radar) { display:none!important; }
:root[data-appearance="workspace"] .sidebar {
    background:#122c34!important; border-right:1px solid #294851; box-shadow:none;
    --text:#e8f2f0; --text-muted:#b0c7cb; --text-dim:#91afb6; --accent:#8ad4cf; --accent-rgb:138,212,207;
    --border:#34515a; --surface:#193940; --bg-tertiary:#193940; --surface-hover:#254952;
}
:root[data-appearance="workspace"] .sidebar-brand { padding:27px 20px 22px; border-bottom:0; }
:root[data-appearance="workspace"] .sidebar-brand h1 { background:none; -webkit-text-fill-color:currentColor; color:#eef6f4; font-weight:650; letter-spacing:-.7px; }
:root[data-appearance="workspace"] .sidebar :is(.nav-item,.mg-navitem) { font-weight:500; border-radius:7px; }
:root[data-appearance="workspace"] .sidebar :is(.nav-item,.mg-navitem).active { background:#29505a!important; border-color:transparent; color:#fff!important; box-shadow:inset 3px 0 #83d2c9; }
:root[data-appearance="workspace"] .sidebar :is(.nav-item,.mg-navitem):hover { background:#254650; }
:root[data-appearance="workspace"] .sidebar :is(.nav-section-header,.mg-navgroup) { letter-spacing:1.25px; font-size:10px; color:#91afb6; }
:root[data-appearance="workspace"] .sidebar :is(svg,img) { filter:none!important; }
:root[data-appearance="workspace"] .sidebar .sb-search { background:#1b3b44; }
:root[data-appearance="workspace"] :is(.nav-cluster-head,.nav-scope-card) { background:#1b3b44; border-color:#36565e; }
:root[data-appearance="workspace"] .nav-cluster-head .btn { background:#2a4a53; border-color:#3f636b; color:#e8f2f0; }
:root[data-appearance="workspace"] .sidebar-brand .logo-svg { filter:none; animation:none; }
/* Resource detail drawer (pods): light card instead of the Classic night gradient. */
:root[data-appearance="workspace"] #mg-poddrawer { color:var(--text); background:var(--surface); border-left:1px solid var(--border); box-shadow:-18px 0 50px #173c3326; }
:root[data-appearance="workspace"] #mg-poddrawer .pdw-head { background:var(--bg-alt); border-bottom-color:var(--border); }
:root[data-appearance="workspace"] #mg-poddrawer .pdw-kv { border-bottom-color:var(--border-light); }
:root[data-appearance="workspace"] #mg-poddrawer .pdw-kv .k, :root[data-appearance="workspace"] #mg-poddrawer [style*="color:#64748b"] { color:var(--text-dim)!important; }
:root[data-appearance="workspace"] #mg-poddrawer .pdw-kv .v { color:var(--text); }
:root[data-appearance="workspace"] #mg-poddrawer .btn { background:var(--surface); border-color:var(--border); color:var(--text); }
:root[data-appearance="workspace"] #mg-poddrawer .nu-bar { background:var(--track); }
:root[data-appearance="workspace"] .sidebar-footer { background:transparent; }
:root[data-appearance="workspace"] .topbar { background:var(--topbar-bg); box-shadow:none; border-bottom:1px solid var(--border); backdrop-filter:none; }
:root[data-appearance="workspace"] .topbar { flex-wrap:wrap; gap:10px; padding:15px 24px; }
:root[data-appearance="workspace"] #topbar-id { flex:1 1 230px; min-width:0; }
:root[data-appearance="workspace"] .topbar-actions { flex:1 1 440px; min-width:0; justify-content:flex-end; flex-wrap:wrap; }
:root[data-appearance="workspace"] #breadcrumb { flex-wrap:wrap; }
:root[data-appearance="workspace"] .topbar-search { display:none; }
:root[data-appearance="workspace"] .cve-hero { background:#193940; border-color:#34565d; box-shadow:none; border-radius:12px; --text:#edf6f3; --text-muted:#b8cfca; --text-dim:#a5bfba; --border:#507069; }
:root[data-appearance="workspace"] .cve-hero::before, :root[data-appearance="workspace"] .cve-hero::after { display:none; }
:root[data-appearance="workspace"] .cve-hero .cve-eyebrow { color:#8ad4cf; }
:root[data-appearance="workspace"] button[style*="var(--green)"] { background:var(--accent)!important; color:var(--on-accent)!important; }
:root[data-appearance="workspace"] :is(.topbar-title,.page-title,h1,h2,h3) { letter-spacing:-.45px; text-shadow:none!important; }
:root[data-appearance="workspace"] :is(.page-header,.card,.config-section,.ui-panel,.mgmt-panel,.mgmt-rows,.exr-panel,.stat-card) { box-shadow:none; }
:root[data-appearance="workspace"] :is(.btn-primary,.login-btn,.tb-cta) { background:var(--accent); color:var(--on-accent); border-color:var(--accent); box-shadow:none; }
:root[data-appearance="workspace"] :is(.ui-seg button.on,.mgmt-nav button.on,.ex-tab.on) { background:var(--accent-bg); color:var(--accent); box-shadow:none; }
:root[data-appearance="workspace"] :is(.nav-item,.mg-navitem,.fleet-stat,.cluster-card,.btn-primary)::after { display:none!important; }
:root[data-appearance="workspace"] :is(.cluster-card,.fleet-stat,.badge,.nav-icon,.sidebar-brand,.cc-trend) { animation:none!important; }
:root[data-appearance="workspace"] :is(input,select,textarea) { accent-color:var(--accent); }
:root[data-appearance="workspace"] :is(.topbar-search,.tb-user-btn,.tb-bell,.ui-input) { border-color:var(--border); box-shadow:none; }
:root[data-appearance="workspace"] :is(.mg-navgroup,.ui-seg,.mgmt-nav) button:focus-visible,
:root[data-appearance="workspace"] :is(button,a,[tabindex="0"]):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
/* Fleet: the existing cards become comparable rows; their actions and metrics remain intact. */
:root[data-appearance="workspace"] .clusters-home-banner { background:none; border:0; box-shadow:none; padding:8px 0 20px; border-radius:0; }
:root[data-appearance="workspace"] .clusters-home-banner::before, :root[data-appearance="workspace"] .clusters-home-banner::after { display:none; }
:root[data-appearance="workspace"] .clusters-home-banner h2 { color:var(--text)!important; -webkit-text-fill-color:var(--text); background:none; font-size:30px; font-weight:600; }
:root[data-appearance="workspace"] .cm-eyebrow { color:var(--accent); }
:root[data-appearance="workspace"] .cm-fleetline { color:var(--text-muted); }
.ws-only { display:none; }
:root[data-appearance="workspace"] .ws-only { display:block; }
:root[data-appearance="workspace"] #cluster-fleet { display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr)); gap:13px; margin:24px 0!important; background:none; border:0; }
:root[data-appearance="workspace"] .fleet-stat { border:1px solid var(--border); border-radius:10px; padding:18px; background:var(--surface); box-shadow:none; min-width:0; }
:root[data-appearance="workspace"] .fleet-stat .fs-num { font-size:27px; font-weight:600; }
:root[data-appearance="workspace"] .fleet-stat :is(.fs-lbl,.fs-sub) { font-size:12px; color:var(--text-muted); }
/* Dense fleet rows: nothing a person has to read below 12 px (badges and gauge labels were 9.5–10.5 px). */
:root[data-appearance="workspace"] .cluster-card :is(.cc-provider,.badge,.ccg-lbl,.ccg-sub) { font-size:12px; }
:root[data-appearance="workspace"] .ws-fleet-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:22px; align-items:start; }
:root[data-appearance="workspace"] .cluster-grid { display:flex; flex-direction:column; gap:0; border:1px solid var(--border); border-radius:11px; overflow:hidden; background:var(--surface); }
:root[data-appearance="workspace"] .cluster-card { display:grid; grid-template-columns:minmax(170px,1.2fr) minmax(180px,1fr); gap:10px 20px; border:0; border-bottom:1px solid var(--border); border-radius:0; padding:19px; background:var(--surface); box-shadow:none; transform:none; }
:root[data-appearance="workspace"] .cluster-card:last-child { border-bottom:0; }
:root[data-appearance="workspace"] .cluster-card::before { display:none; }
:root[data-appearance="workspace"] .ui-seg button:disabled { opacity:.45; cursor:default; }
:root[data-appearance="workspace"] .cluster-card:hover { background:var(--surface-hover); transform:none; }
:root[data-appearance="workspace"] .cluster-card.ws-selected { background:var(--surface-active); box-shadow:inset 3px 0 var(--accent); }
:root[data-appearance="workspace"] .cc-head { flex-wrap:wrap; margin:0; }
:root[data-appearance="workspace"] .cc-name { font-size:13px; font-weight:600; white-space:normal; overflow-wrap:anywhere; }
:root[data-appearance="workspace"] .cc-badges { grid-column:1; grid-row:2; margin:0; }
:root[data-appearance="workspace"] .cc-metrics { grid-column:2; grid-row:1 / span 2; margin:0; align-self:center; gap:14px; }
:root[data-appearance="workspace"] .cc-trend { grid-column:1; margin:0; }
:root[data-appearance="workspace"] .cc-actions { grid-column:2; flex-wrap:wrap; border:0; padding:0; margin:0; align-self:center; }
:root[data-appearance="workspace"] .cc-actions button { opacity:1; }
:root[data-appearance="workspace"] .cc-gauge svg { width:35px; height:35px; }
:root[data-appearance="workspace"] .ws-detail { margin-top:10px; background:var(--surface); border:1px solid var(--border); border-radius:11px; position:sticky; top:20px; overflow:hidden; }
.ws-detail-head { padding:23px 21px; background:var(--bg-alt); border-bottom:1px solid var(--border); }
.ws-detail-head small { display:block; font-size:12px; letter-spacing:.08em; color:var(--text-muted); margin-bottom:10px; }
.ws-detail-head h3 { font-size:20px; overflow-wrap:anywhere; margin:8px 0; }
.ws-detail-status { font-size:12px; color:var(--text-muted); }
.ws-detail-body { padding:20px; }
.ws-detail-kv { display:flex; justify-content:space-between; gap:14px; font-size:12.5px; padding:8px 0; }
.ws-detail-kv span { color:var(--text-muted); }
.ws-detail-kv b { font-weight:550; text-align:right; }
.ws-detail-sec { font-size:12px; font-weight:700; letter-spacing:.08em; color:var(--text-muted); margin:14px 0 2px; }
.ws-detail-health { display:flex; flex-direction:column; gap:3px; padding:10px 12px; border-radius:7px; border:1px solid var(--border); font-size:12.5px; }
.ws-detail-health span { color:var(--text-muted); }
.ws-detail-health.ok { border-color:var(--ok); background:var(--ok-bg); }
.ws-detail-health.warn { border-color:var(--warning); background:var(--warning-bg); }
.ws-detail-health.crit { border-color:var(--critical); background:var(--critical-bg); }
.ws-detail-kv.warn b { color:var(--warning); }
.ws-detail-kv.crit b { color:var(--critical); }
.ws-detail-list { list-style:none; margin:4px 0 6px; padding:0; font-size:12.5px; }
.ws-detail-list li { padding:4px 0 4px 12px; position:relative; color:var(--text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ws-detail-list li::before { content:''; position:absolute; left:0; top:10px; width:6px; height:6px; border-radius:50%; background:var(--text-muted); }
.ws-detail-list li.critical::before { background:var(--critical); }
.ws-detail-list li.warning::before { background:var(--warning); }
.ws-detail-list li.more, .ws-detail-list li i { color:var(--text-muted); font-style:normal; }
.ws-detail-list.mono li { font-family:var(--font-mono); font-size:12px; }
.ws-detail-note { background:var(--bg-tertiary); padding:12px; font-size:12.5px; color:var(--text-muted); border:1px solid var(--border); border-radius:7px; margin:12px 0; }
.ws-detail-body .btn { width:100%; margin-top:15px; }
/* Shared sign-in, 2FA and setup chrome. Form fields and submissions stay original. */
.login-appearance { position:absolute; top:24px; right:26px; z-index:20; display:flex; gap:4px; background:#172632; padding:4px; border:1px solid #34515a; border-radius:7px; }
.login-appearance button { font:inherit; font-size:11px; color:#bfd1d1; background:none; border:0; padding:6px 11px; border-radius:4px; cursor:pointer; }
.login-appearance button.on { background:#31545a; color:#fff; }
.workspace-brand-copy { display:none; }
:root[data-appearance="workspace"] .auth-page { overflow:auto; background:var(--bg); color:var(--text); }
:root[data-appearance="workspace"] .auth-page :is(#stars,.nebula,.grid-ov,.eyewrap) { display:none!important; }
:root[data-appearance="workspace"] .auth-page .wrap { grid-template-columns:46% 54%; }
:root[data-appearance="workspace"] .auth-page .brandside { background:#122c34; align-items:flex-start; text-align:left; gap:30px; padding:60px 12%; }
:root[data-appearance="workspace"] .auth-page .logo-row { justify-content:flex-start!important; }
:root[data-appearance="workspace"] .auth-page .wordmark { background:none; -webkit-text-fill-color:currentColor; color:#edf7f3; font-weight:650; }
:root[data-appearance="workspace"] .auth-page .brand-sub { color:#adc4c7; margin:20px 0 0; line-height:1.8; }
:root[data-appearance="workspace"] .auth-page .trust-row { justify-content:flex-start; color:#9ebbc0; font-family:inherit; line-height:1.8; }
:root[data-appearance="workspace"] .workspace-brand-copy { display:block; color:#edf7f3; }
.workspace-brand-copy small { font-size:10px; letter-spacing:1.5px; color:#8bc9c0; }
.workspace-brand-copy h1 { font-size:clamp(30px,3.4vw,48px); letter-spacing:-1.5px; font-weight:550; line-height:1.15; margin-top:20px; }
:root[data-appearance="workspace"] .auth-page .formside { background:var(--bg); border:0; backdrop-filter:none; padding:95px 30px 60px; }
:root[data-appearance="workspace"] .auth-page :is(.login-card h2,.ob-h1) { color:var(--text); font-size:30px; font-weight:600; letter-spacing:-1px; }
:root[data-appearance="workspace"] .auth-page :is(.sub,.ob-sub,.totp-hint,.form-check,.ob-label,.form-field label) { color:var(--text-muted); }
:root[data-appearance="workspace"] .auth-page :is(.form-field input,.ob-input,.code-input input) { background:var(--bg-input); border-color:var(--border); color:var(--text); box-shadow:none; }
:root[data-appearance="workspace"] .auth-page .login-btn { background:var(--accent); color:var(--on-accent); box-shadow:none; }
:root[data-appearance="workspace"] .auth-page .login-btn:hover { background:var(--accent-hover); transform:none; }
:root[data-appearance="workspace"] .auth-page .sso-btn { background:var(--surface); color:var(--text); border-color:var(--border); }
:root[data-appearance="workspace"] .auth-page .sso-btn:is(:hover,:focus-visible) { border-color:var(--accent); }
:root[data-appearance="workspace"] .auth-page .sso-or { color:var(--text-muted); }
:root[data-appearance="workspace"] .auth-page .sso-or::before, :root[data-appearance="workspace"] .auth-page .sso-or::after { background:var(--border); }
:root[data-appearance="workspace"] .auth-page .login-error { color:var(--critical); background:var(--critical-bg); border-color:var(--critical); }
:root[data-appearance="workspace"] .login-appearance { background:var(--bg-alt); border-color:var(--border); }
:root[data-appearance="workspace"] .login-appearance button { color:var(--text-muted); }
:root[data-appearance="workspace"] .login-appearance button.on { background:var(--surface); color:var(--accent); }
:root[data-appearance="workspace"] .auth-page .footer-info { color:var(--text-dim); position:absolute; bottom:14px; right:20px; left:auto; transform:none; font-family:inherit; font-size:9px; }
:root[data-appearance="workspace"] .auth-page .mini-brand .wordmark { color:var(--text); }
@media(max-width:1200px) { :root[data-appearance="workspace"] .ws-fleet-layout { grid-template-columns:1fr; } :root[data-appearance="workspace"] .ws-detail { position:static; } }
@media(max-width:900px) {
    :root[data-appearance="workspace"] { --sidebar-w:0px; }
    :root[data-appearance="workspace"] #cluster-fleet { grid-template-columns:repeat(2,minmax(0,1fr)); }
    :root[data-appearance="workspace"] .auth-page .wrap { grid-template-columns:1fr; }
    :root[data-appearance="workspace"] .auth-page .brandside { display:none; }
}
@media(max-width:600px) {
    :root[data-appearance="workspace"] .cluster-card { display:flex; flex-direction:column; }
    :root[data-appearance="workspace"] .cc-metrics { align-self:stretch; }
    :root[data-appearance="workspace"] .cc-actions { align-self:stretch; }
    :root[data-appearance="workspace"] .auth-page .formside { padding:100px 24px 60px; }
    .login-appearance { top:20px; right:20px; }
}

:root[data-appearance="workspace"] #tb-theme-toggle { display:none; }
:root:not([data-appearance="workspace"]) #tb-mode-item { display:none; } /* Classic has one palette */
:root[data-appearance="workspace"] .auth-page .ob-otp input { background:var(--bg-input); border-color:var(--border); color:var(--text); }
:root[data-appearance="workspace"] .auth-page .ob-secret { background:var(--bg-input); border-color:var(--border); }
:root[data-appearance="workspace"] .auth-page .ob-secret code { color:var(--text); }
:root[data-appearance="workspace"] .auth-page .ob-instr { color:var(--text-muted); }
:root[data-appearance="workspace"] .auth-page .ob-instr b { color:var(--text); }
:root[data-appearance="workspace"] .auth-page .ob-cta { background:var(--accent); color:var(--on-accent); box-shadow:none; }