/* ── CSS variables for tracking/analytics/bio-links pages ── */
.workspace-content{--surface:#16171e;--border:#2c2d3d;--accent:#6675ff}
.workspace-layout{--accent:#6675ff}
[data-theme="light"] .workspace-content{--surface:#fff;--border:#e4e6ec;--accent:#5560e6}
[data-theme="light"] .workspace-layout{--accent:#5560e6}
/* accent color presets — applied via data-accent on <html> */
[data-accent="teal"]{--color-accent:#14b8a6}[data-accent="teal"] .workspace-layout,[data-accent="teal"] .workspace-content{--accent:#14b8a6}
[data-accent="teal"][data-theme="light"]{--color-accent:#0d9488}[data-accent="teal"][data-theme="light"] .workspace-layout,[data-accent="teal"][data-theme="light"] .workspace-content{--accent:#0d9488}
[data-accent="purple"]{--color-accent:#8b5cf6}[data-accent="purple"] .workspace-layout,[data-accent="purple"] .workspace-content{--accent:#8b5cf6}
[data-accent="purple"][data-theme="light"]{--color-accent:#7c3aed}[data-accent="purple"][data-theme="light"] .workspace-layout,[data-accent="purple"][data-theme="light"] .workspace-content{--accent:#7c3aed}
[data-accent="emerald"]{--color-accent:#22c55e}[data-accent="emerald"] .workspace-layout,[data-accent="emerald"] .workspace-content{--accent:#22c55e}
[data-accent="emerald"][data-theme="light"]{--color-accent:#16a34a}[data-accent="emerald"][data-theme="light"] .workspace-layout,[data-accent="emerald"][data-theme="light"] .workspace-content{--accent:#16a34a}
[data-accent="rose"]{--color-accent:#f43f5e}[data-accent="rose"] .workspace-layout,[data-accent="rose"] .workspace-content{--accent:#f43f5e}
[data-accent="rose"][data-theme="light"]{--color-accent:#e11d48}[data-accent="rose"][data-theme="light"] .workspace-layout,[data-accent="rose"][data-theme="light"] .workspace-content{--accent:#e11d48}
[data-accent="amber"]{--color-accent:#f59e0b}[data-accent="amber"] .workspace-layout,[data-accent="amber"] .workspace-content{--accent:#f59e0b}
[data-accent="amber"][data-theme="light"]{--color-accent:#d97706}[data-accent="amber"][data-theme="light"] .workspace-layout,[data-accent="amber"][data-theme="light"] .workspace-content{--accent:#d97706}
/* Customer workspace: the same visual foundation as the public demo. */
main.workspace-main{max-width:1440px;padding:0 0 48px;min-height:calc(100vh - 64px)}
.workspace-main .workspace-layout{grid-template-columns:215px minmax(0,1fr);gap:26px;min-height:calc(100vh - 64px)}
.workspace-main .workspace-sidebar{padding:28px 15px;border-radius:0;align-self:stretch}
.workspace-main .sample-agency{min-height:66px}.workspace-main .agency-avatar{flex-shrink:0}
.workspace-main .workspace-content{padding:24px 30px 32px;min-width:0}
.workspace-main .toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:48px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #26283b}
.workspace-main .toolbar>.eyebrow{font-size:9px;letter-spacing:1.5px}.workspace-main .toolbar>label{display:flex;align-items:center;gap:12px;font-size:11px;margin:0;color:#a4a8bd}
.workspace-main .toolbar select{width:210px;margin:0;padding:9px 12px;background:#111321;border:1px solid #2e324b;border-radius:9px;font-size:12px}
.workspace-main .dashboard-heading{margin-bottom:28px}.workspace-main .dashboard-heading h1{font-size:clamp(32px,3.5vw,48px);margin:12px 0 14px}.workspace-main .dashboard-heading p{font-size:12px}
.workspace-main .metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.workspace-main .metric-card{padding:22px;min-height:140px}.workspace-main .metric-card strong{font-size:34px;line-height:1.3;margin:12px 0}.workspace-main .metric-card small{font-size:10px;line-height:1.5}
.workspace-main .card{min-width:0;padding:24px;border-radius:20px;margin:0}.workspace-main .card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.workspace-main .card-heading h2{font-size:18px;letter-spacing:-.4px;margin:0}.workspace-main .card-heading>a{font-size:11px}
.ws-stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr);gap:20px;margin-bottom:20px}.ws-subtitle{font-size:11px!important;color:#9298b2!important;line-height:1.6}.ws-stage .ws-subtitle{margin:0 0 18px}
.workspace-main .ws-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.ws-history,.ws-rehearsals{grid-column:1/-1}
.ws-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #363b59;border-radius:6px;padding:4px 8px;font-size:10px;line-height:1.4;color:#aeb6f4;background:#191d32;white-space:nowrap}.ws-good{color:#8ddbc4;border-color:#2d514b;background:#132620}.ws-warning{color:#e88e8e;border-color:#5a3030;background:#261919}
.ws-issue{display:flex;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid #292b3a}.ws-issue>div{flex:1;min-width:0}.ws-issue strong{font-size:12px;font-weight:600;color:#e7e9f5}.ws-issue small{display:block;font-size:10px;margin-top:5px;color:#969bb3}.ws-issue-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #363f72;border-radius:8px;color:#e88e8e;font-size:12px;flex-shrink:0}.ws-text-link{display:inline-block;margin-top:18px;font-size:11px;text-decoration:none}
.workspace-main table{width:100%;font-size:11px;table-layout:fixed}.workspace-main th{font-size:10px;font-weight:500;color:#969bb3}.workspace-main td,.workspace-main th{padding:14px 8px;text-align:left;vertical-align:middle;overflow-wrap:anywhere}.workspace-main td{color:#c4c9df}.workspace-main td strong{font-weight:500}.workspace-main .table-wrap{max-width:100%;overflow-x:auto}.ws-cell-note{display:block;font-size:9px;margin-top:4px;color:#858ca6;text-transform:capitalize}
.ws-help,.ws-record-details{font-size:11px}.ws-help{margin-top:16px;border-top:1px solid #292b3a;padding-top:14px}.workspace-main summary{cursor:pointer;color:#a4aceb}.workspace-main details p{font-size:11px}.ws-record-details code{display:block;white-space:normal;overflow-wrap:anywhere;font-size:10px;margin-top:10px;color:#959db7}.ws-rehearsals summary{display:flex;align-items:center;justify-content:space-between;font-size:14px}.ws-empty{padding:28px 16px;text-align:center;color:#939bb5;font-size:12px;border:1px dashed #30354e;border-radius:12px}.workspace-main .small{font-size:10px;line-height:1.6;margin-bottom:0}
/* tracking summary on overview */
.ws-tracking-summary{margin-bottom:20px}
.ws-tracking-summary .metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ws-tracking-summary .metric-card{padding:16px;min-height:auto}
.ws-tracking-summary .metric-card strong{font-size:24px;margin:6px 0}
.ws-tracking-summary .metric-card>span{font-size:9px}
.ws-tracking-summary .metric-card small{font-size:9px}
.ws-tracked-list{display:flex;flex-direction:column;gap:0}
.ws-tracked-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #292b3a;font-size:12px}
.ws-tracked-item:last-child{border-bottom:none}
.ws-tracked-ico{color:var(--accent,#8b95ff);font-size:14px;flex-shrink:0;width:20px;text-align:center}
.ws-tracked-item strong{font-size:12px;font-weight:500;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ws-tracked-followers{font-size:10px;color:#969bb3;white-space:nowrap}
[data-theme="light"] .ws-tracked-item{border-bottom-color:#ebedf2}
[data-theme="light"] .ws-tracked-ico{color:var(--accent,#5560e6)}
[data-theme="light"] .ws-tracked-followers{color:#6a6d7a}
@media(max-width:760px){.ws-tracking-summary .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(min-width:761px){.workspace-main .workspace-sidebar{position:sticky;top:64px;height:calc(100vh - 64px)}}
@media(max-width:1150px){.ws-stage{grid-template-columns:1fr}.workspace-main .workspace-content{padding:22px}.workspace-main .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-main .ws-details-grid{grid-template-columns:1fr}.workspace-main .workspace-layout{gap:0}.ws-issue{padding:12px 0}}
@media(max-width:760px){main.workspace-main{padding:0 0 30px!important}.workspace-main .workspace-layout{display:block;min-height:0}.workspace-main .workspace-sidebar{padding:16px;border-radius:0}.workspace-main .workspace-content{padding:22px 16px}.workspace-main .toolbar{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:24px}.workspace-main .toolbar>label{width:100%;justify-content:space-between}.workspace-main .toolbar select{width:200px;max-width:70%}.workspace-main .dashboard-heading{align-items:flex-start;flex-direction:column;gap:16px}.workspace-main .metrics-grid{gap:10px}.workspace-main .metric-card{padding:16px;min-height:132px}.workspace-main .metric-card strong{font-size:30px}.workspace-main .card{padding:18px}.workspace-main .card-heading h2{font-size:17px}.workspace-main .ws-history table{table-layout:auto;min-width:470px}.workspace-main .ws-rehearsals summary{gap:12px}.workspace-main .workspace-sidebar nav a{font-size:11px}.ws-stage{grid-template-columns:minmax(0,1fr)}}

.workspace-main .workspace-sidebar{overflow-y:auto}.workspace-nav-group{margin-bottom:20px}.workspace-nav-group h3{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:#858ca6;margin:20px 10px 8px}.workspace-main .workspace-sidebar nav a{padding:9px 12px;margin:3px 0;font-size:11px}.workspace-main .workspace-sidebar .sidebar-bottom{position:static;margin-top:25px}@media(max-width:760px){.workspace-main .workspace-sidebar{max-height:260px}.workspace-main .workspace-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-nav-group{min-width:0}}

/* ===== Client workspace chrome — indigo on near-black, matches the React panels + Jarvis layout.
   Scoped to .workspace-* (present only in the customer workspace), loaded after premium.css. ===== */
body:has(.workspace-layout){background:#101012}
.workspace-layout{gap:22px}
.workspace-content{position:relative;background:#101012}
.workspace-sidebar{background:#0f0f14!important;border:1px solid #24263a!important;border-radius:18px 0 0 18px!important;box-shadow:inset 1px 1px rgba(102,117,255,0.07)!important}
.workspace-sidebar h3{color:rgba(139,149,255,0.55)!important;letter-spacing:0.22em;font-size:10px;text-transform:uppercase}
.workspace-sidebar nav a{color:#b9bac6;border:1px solid transparent;border-radius:10px;transition:background .2s,border-color .2s,color .2s}
.workspace-sidebar nav a:hover{background:rgba(255,255,255,0.04)!important;border-color:#3a3e66!important;color:#fff}
.workspace-sidebar nav a[aria-current=page]{background:linear-gradient(100deg,color-mix(in srgb,var(--accent,#6675ff) 16%,transparent),color-mix(in srgb,var(--accent,#6675ff) 3%,transparent))!important;color:#c3caff!important;border-color:#3a4372!important;box-shadow:inset 3px 0 var(--accent,#6675ff),0 4px 14px rgba(0,0,0,0.45)!important}
.sample-agency,.sidebar-bottom{color:#aeb0be}
.sample-agency .agency-avatar{background:var(--accent,#6675ff)!important;color:#fff!important}
.workspace-content .card{background:#16171d!important;border-color:#2c2d34!important;background-image:linear-gradient(180deg,rgba(255,255,255,0.02),transparent 34%)!important}
.workspace-content .toolbar,.workspace-content .toolbar label,.workspace-content .toolbar select{color:#aeb0be}
.dashboard-heading h1{color:#eceef6!important}
.dashboard-heading .eyebrow,.workspace-content .eyebrow{color:#8b95ff!important}
.workspace-content h2,.workspace-content h3{color:#eceef6}
.workspace-content .hub-dot.on{background:#5fd0a8}.workspace-content .hub-dot.off{background:#e06a6a}

/* ===== Feature icons + motion ===== */
.workspace-sidebar nav a{display:flex;align-items:center;gap:10px}
.workspace-sidebar nav a .nav-ico{flex:0 0 auto;color:#7e808f;transition:color .2s,transform .2s}
.workspace-sidebar nav a span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-sidebar nav a:hover .nav-ico{color:var(--accent,#8b95ff);transform:translateX(1px)}
.workspace-sidebar nav a[aria-current=page] .nav-ico{color:var(--accent,#8b95ff)}
.sample-agency .agency-avatar{box-shadow:0 6px 18px color-mix(in srgb,var(--accent,#6675ff) 32%,transparent)}
@media(max-width:760px){.workspace-main .workspace-sidebar nav a .nav-ico{width:15px;height:15px}}

/* toolbar */
.workspace-main .toolbar{border-bottom-color:#26283b}
.workspace-main .toolbar select{background-color:#131418;border-color:#35363f;color:#c7c8d2;border-radius:10px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%239b9ca5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;padding-right:30px}
.workspace-main .toolbar select:focus{border-color:#3a4372;outline:none;box-shadow:0 0 0 2px rgba(102,117,255,0.2)}

/* ambient indigo haze behind the content */
.workspace-content{isolation:isolate}
.workspace-content::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(1100px 520px at 82% -8%,rgba(102,117,255,0.08),transparent 60%),radial-gradient(760px 420px at -6% 10%,rgba(102,117,255,0.05),transparent 55%)}

/* entrance motion for shell cards */
@keyframes wsRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.workspace-content .card{animation:wsRise .5s cubic-bezier(.22,.61,.36,1) both}
.workspace-content .card:nth-of-type(2){animation-delay:.06s}
.workspace-content .card:nth-of-type(3){animation-delay:.12s}
.workspace-content .card:nth-of-type(4){animation-delay:.18s}

/* ===== Dashboard polish — metric cards, live pulse, entrance ===== */
@keyframes metricEnter{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
.metric-card{position:relative;overflow:hidden;animation:metricEnter .55s cubic-bezier(.22,.61,.36,1) both;transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s,border-color .28s}
.metric-card:nth-child(1){animation-delay:0s}.metric-card:nth-child(2){animation-delay:.07s}.metric-card:nth-child(3){animation-delay:.14s}.metric-card:nth-child(4){animation-delay:.21s}
.metric-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent,#6675ff),color-mix(in srgb,var(--accent,#6675ff) 30%,transparent));border-radius:11px 11px 0 0;opacity:.9}
.metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.25);border-color:color-mix(in srgb,var(--accent,#6675ff) 50%,#2b2d3d)!important}
.metric-card:hover::before{opacity:1}
.metric-card strong{transition:color .2s}
.metric-card:hover strong{color:var(--accent,#6675ff)}

/* live pulse dot */
@keyframes livePulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(95,208,168,.4)}50%{opacity:.7;box-shadow:0 0 0 5px rgba(95,208,168,0)}}
.ws-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5fd0a8;animation:livePulse 2.2s ease-in-out infinite;vertical-align:middle;margin-right:6px}
.ws-live-label{font-size:11px;color:#5fd0a8;font-weight:500;letter-spacing:.3px}
[data-theme="light"] .ws-live-label{color:#059669}
[data-theme="light"] .ws-live-dot{background:#059669;animation-name:livePulseLight}
@keyframes livePulseLight{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(5,150,105,.35)}50%{opacity:.6;box-shadow:0 0 0 5px rgba(5,150,105,0)}}

/* attention card accent */
.ws-attention .ws-issue-icon{transition:transform .2s}
.ws-attention .ws-issue:hover .ws-issue-icon{transform:scale(1.1)}

/* shimmer on metric card hover */
@keyframes metricShimmer{from{transform:translateX(-100%)}to{transform:translateX(200%)}}
.metric-card::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.04) 50%,transparent 60%);transform:translateX(-100%);pointer-events:none}
.metric-card:hover::after{animation:metricShimmer .8s ease-out}

/* dashboard heading refresh button pulse */
.dashboard-heading .primary{transition:transform .2s,box-shadow .2s}
.dashboard-heading .primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,117,255,.25)}

/* smooth card hover for all workspace cards */
.workspace-content .card{transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s,border-color .28s}
.workspace-content .card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}

/* light mode metric card refinements */
[data-theme="light"] .metric-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.08);border-color:color-mix(in srgb,var(--accent,#5560e6) 40%,#e5e7eb)!important}
[data-theme="light"] .metric-card:hover strong{color:var(--accent,#5560e6)}
[data-theme="light"] .metric-card::after{background:linear-gradient(105deg,transparent 40%,rgba(0,0,0,.02) 50%,transparent 60%)}
[data-theme="light"] .workspace-content .card:hover{box-shadow:0 8px 24px rgba(0,0,0,.06)}

@media(prefers-reduced-motion:reduce){.workspace-content .card,.workspace-sidebar nav a .nav-ico,.metric-card{animation:none;transition:none}.metric-card::after{display:none}}

/* thin indigo scrollbar across the workspace (shell + React panels) */
body:has(.workspace-layout) *{scrollbar-width:thin;scrollbar-color:#2a2f4a transparent}
body:has(.workspace-layout) *::-webkit-scrollbar{width:10px;height:10px}
body:has(.workspace-layout) *::-webkit-scrollbar-thumb{background:#2a2f4a;border-radius:9999px;border:2px solid transparent;background-clip:content-box}
body:has(.workspace-layout) *::-webkit-scrollbar-thumb:hover{background:#3a4066;background-clip:content-box}
body:has(.workspace-layout) *::-webkit-scrollbar-track{background:transparent}

/* subtle film grain over the workspace for depth (below modals at z-50) */
body:has(.workspace-layout)::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:40;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}

/* ===== LIGHT THEME — clean white + accent only, no tinted overlays. ===== */
/* Override React workspace CSS variables (assets/workspace.css defines these on :root with no light variant) */
html[data-theme="light"]{background:#f5f6f8;--color-canvas:#f5f6f8;--color-panel:#ffffff;--color-line:#e5e7eb;--color-accent:#5560e6;--color-muted:#6b7280}
[data-theme="light"] body:has(.workspace-layout){background:#f5f6f8}
[data-theme="light"] .workspace-content{background:#f5f6f8}
/* React utility classes that need light mode treatment */
[data-theme="light"] .workspace-content .text-white{color:#111827!important}
[data-theme="light"] .workspace-content .bg-black{background-color:#e5e7eb!important}
[data-theme="light"] .workspace-content .text-line{color:#9ca3af!important}
[data-theme="light"] .workspace-content::before{background:none}
/* sidebar */
[data-theme="light"] .workspace-sidebar{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important}
[data-theme="light"] .workspace-sidebar h3{color:var(--accent,#5560e6)!important;opacity:.8}
[data-theme="light"] .workspace-sidebar nav a{color:#4b5563}
[data-theme="light"] .workspace-sidebar nav a:hover{background:#f3f4f6!important;border-color:#e5e7eb!important;color:#111827}
[data-theme="light"] .workspace-sidebar nav a[aria-current=page]{background:#f3f4f6!important;color:var(--accent,#5560e6)!important;border-color:#e5e7eb!important;box-shadow:inset 3px 0 var(--accent,#5560e6)!important}
[data-theme="light"] .workspace-sidebar nav a .nav-ico{color:#9ca3af}
[data-theme="light"] .workspace-sidebar nav a:hover .nav-ico,[data-theme="light"] .workspace-sidebar nav a[aria-current=page] .nav-ico{color:var(--accent,#5560e6)}
[data-theme="light"] .sample-agency,[data-theme="light"] .sidebar-bottom{color:#6b7280}
[data-theme="light"] .sidebar-bottom{border-color:#e5e7eb}
/* toolbar + headings */
[data-theme="light"] .workspace-main .toolbar{border-bottom-color:#e5e7eb}
[data-theme="light"] .workspace-content .toolbar,[data-theme="light"] .workspace-content .toolbar label,[data-theme="light"] .workspace-content .toolbar select{color:#4b5563}
[data-theme="light"] .workspace-main .toolbar select{background-color:#fff;border-color:#d1d5db;color:#111827;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E")}
[data-theme="light"] .dashboard-heading h1{color:#111827!important}
[data-theme="light"] .dashboard-heading .eyebrow,[data-theme="light"] .workspace-content .eyebrow{color:var(--accent,#5560e6)!important}
[data-theme="light"] .workspace-content h2,[data-theme="light"] .workspace-content h3{color:#111827}
/* cards */
[data-theme="light"] .workspace-content .card{background:#fff!important;border-color:#e5e7eb!important;background-image:none!important;color:#1f2937}
[data-theme="light"] .workspace-content .card p,[data-theme="light"] .workspace-content .small,[data-theme="light"] .ws-subtitle{color:#6b7280!important}
[data-theme="light"] .workspace-content table th{color:#6b7280}
[data-theme="light"] .workspace-content table td{color:#1f2937}
[data-theme="light"] .workspace-content td,[data-theme="light"] .workspace-content th{border-color:#f3f4f6}
[data-theme="light"] .ws-issue{border-bottom-color:#f3f4f6}[data-theme="light"] .ws-issue strong{color:#111827}[data-theme="light"] .ws-issue small{color:#6b7280}
[data-theme="light"] .ws-empty{color:#6b7280;border-color:#d1d5db}
[data-theme="light"] .ws-badge{color:var(--accent,#5560e6);border-color:#e5e7eb;background:#f9fafb}
[data-theme="light"] .ws-good{color:#059669;border-color:#a7f3d0;background:#ecfdf5}
[data-theme="light"] .ws-warning{color:#dc2626;border-color:#fecaca;background:#fef2f2}
/* notice / inputs / buttons — brand.css sets ALL buttons to #19191d; override for workspace light */
[data-theme="light"] .workspace-content .notice{background:#f9fafb;border-color:#e5e7eb;color:#374151}
[data-theme="light"] .workspace-content input,[data-theme="light"] .workspace-content select,[data-theme="light"] .workspace-content textarea{background:#fff;border-color:#d1d5db;color:#111827}
[data-theme="light"] .workspace-content button{background:#fff;border-color:#d1d5db;color:#374151}
[data-theme="light"] .workspace-content button:hover{border-color:var(--accent,#5560e6);background:#f9fafb}
[data-theme="light"] .workspace-content button.primary,[data-theme="light"] .workspace-content .button.primary{background:var(--accent,#5560e6);border-color:var(--accent,#5560e6);color:#fff}
[data-theme="light"] .workspace-content .button{background:#fff;border-color:#d1d5db;color:#111827}
[data-theme="light"] .workspace-content .button:hover{border-color:var(--accent,#5560e6);background:#f9fafb}
[data-theme="light"] .workspace-content .button.primary{background:var(--accent,#5560e6);border-color:var(--accent,#5560e6);color:#fff}
[data-theme="light"] .workspace-content button.text-accent,[data-theme="light"] .workspace-content button.text-muted{color:var(--accent,#5560e6);background:transparent;border-color:transparent}
[data-theme="light"] .workspace-content button.text-accent:hover,[data-theme="light"] .workspace-content button.text-muted:hover{background:#f3f4f6}
[data-theme="light"] .workspace-content code{color:var(--accent,#5560e6);background:#f9fafb}
[data-theme="light"] .workspace-content dialog{background:#fff;color:#111827;border-color:#e5e7eb}
/* React workspace badges — dark green "active" badge etc */
[data-theme="light"] .workspace-content .bg-\[\#12251e\]{background-color:#ecfdf5!important;border-color:#a7f3d0!important;color:#059669!important}
[data-theme="light"] .workspace-content .bg-\[\#1a1120\]{background-color:#faf5ff!important;border-color:#e9d5ff!important;color:#7c3aed!important}
[data-theme="light"] .workspace-content .bg-\[\#201a11\]{background-color:#fffbeb!important;border-color:#fde68a!important;color:#d97706!important}
[data-theme="light"] .workspace-content .bg-\[\#201111\]{background-color:#fef2f2!important;border-color:#fecaca!important;color:#dc2626!important}
/* React Tailwind text classes */
[data-theme="light"] .workspace-content .text-accent{color:var(--accent,#5560e6)!important}
/* React workspace dark backgrounds catch-all */
[data-theme="light"] .workspace-content .bg-\[\#0c0e18\],[data-theme="light"] .workspace-content .bg-\[\#0e1020\],[data-theme="light"] .workspace-content .bg-\[\#0c0e1a\],[data-theme="light"] .workspace-content .bg-\[\#131418\],[data-theme="light"] .workspace-content .bg-\[\#12131d\]{background-color:#f6f7fb!important}
[data-theme="light"] .workspace-content .border-\[\#30574b\]{border-color:#a7f3d0!important}
[data-theme="light"] .workspace-content .border-\[\#2c2d34\],[data-theme="light"] .workspace-content .border-\[\#303035\],[data-theme="light"] .workspace-content .border-\[\#313239\]{border-color:#e5e7eb!important}
/* links inside workspace content */
[data-theme="light"] .workspace-content a{color:var(--accent,#5560e6)}
[data-theme="light"] .workspace-content a:hover{color:var(--accent,#5560e6);opacity:.8}
/* metric cards */
[data-theme="light"] .metric-card{background:#fff;border-color:#e5e7eb}
[data-theme="light"] .metric-card>span{color:#6b7280}
[data-theme="light"] .metric-card strong{color:#111827}
[data-theme="light"] .metric-card small{color:#9ca3af}
[data-theme="light"] .ws-tracking-summary .metric-card{background:#f9fafb}
/* scrollbar */
[data-theme="light"] body:has(.workspace-layout) *{scrollbar-color:#d1d5db transparent}
[data-theme="light"] body:has(.workspace-layout) *::-webkit-scrollbar-thumb{background:#d1d5db}
[data-theme="light"] body:has(.workspace-layout) *::-webkit-scrollbar-thumb:hover{background:#9ca3af}
/* film grain off */
[data-theme="light"] body:has(.workspace-layout)::after{display:none}
/* details */
[data-theme="light"] .ws-help{border-top-color:#f3f4f6}
[data-theme="light"] .ws-record-details code{color:#6b7280}
[data-theme="light"] .workspace-main summary{color:var(--accent,#5560e6)}

/* ── Compact layout mode ── */
.workspace-main.compact-mode .metrics-grid{gap:10px}
.workspace-main.compact-mode .metric-card{padding:14px;min-height:auto}
.workspace-main.compact-mode .metric-card strong{font-size:24px;margin:6px 0}
.workspace-main.compact-mode .metric-card>span{font-size:9px}
.workspace-main.compact-mode .metric-card small{font-size:8px}
.workspace-main.compact-mode .card{padding:16px;border-radius:14px}
.workspace-main.compact-mode .card-heading{margin-bottom:10px}
.workspace-main.compact-mode .card-heading h2{font-size:15px}
.workspace-main.compact-mode .ws-issue{padding:12px 0}
.workspace-main.compact-mode .dashboard-heading{margin-bottom:20px}
.workspace-main.compact-mode .dashboard-heading h1{font-size:clamp(24px,3vw,36px)}
.workspace-main.compact-mode table{font-size:10px}
.workspace-main.compact-mode td,.workspace-main.compact-mode th{padding:10px 6px}

/* ── Settings panel ── */
.ws-settings-panel{margin-top:16px;padding:14px;border:1px solid #292b3a;border-radius:12px;background:#12131a}
.ws-settings-panel h4{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#858ca6;margin:0 0 10px}
.ws-settings-group{margin-bottom:14px}
.ws-settings-group:last-child{margin-bottom:0}
.ws-settings-label{font-size:10px;color:#9298b2;margin-bottom:6px}
.ws-accent-options{display:flex;gap:6px;flex-wrap:wrap}
.ws-accent-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .2s,transform .15s;padding:0;background:none}
.ws-accent-swatch:hover{transform:scale(1.15)}
.ws-accent-swatch.active{border-color:#fff;box-shadow:0 0 0 1px #292b3a}
.ws-mode-toggle{display:flex;gap:4px}
.ws-mode-btn{padding:5px 10px;border-radius:6px;border:1px solid #292b3a;background:transparent;color:#9298b2;cursor:pointer;font-size:10px;transition:all .2s}
.ws-mode-btn.active{background:var(--accent,#6675ff);color:#fff;border-color:var(--accent,#6675ff)}
[data-theme="light"] .ws-settings-panel{background:#f6f7fb;border-color:#e4e6ec}
[data-theme="light"] .ws-settings-label{color:#616471}
[data-theme="light"] .ws-accent-swatch.active{border-color:#17181d}
[data-theme="light"] .ws-mode-btn{border-color:#d7dae2;color:#616471}
[data-theme="light"] .ws-mode-btn.active{color:#fff}

/* theme toggle in the signed-in header (header bar stays dark brand in both themes) */
.site-header .theme-toggle{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border-radius:9px;background:transparent;border:1px solid transparent;color:inherit;cursor:pointer;line-height:0;transition:background .2s,border-color .2s,color .2s}
.site-header .theme-toggle:hover{background:rgba(255,255,255,0.08);border-color:#3a3e66;color:#fff}