.workspace-hero { display:flex; gap:20px; align-items:flex-end; justify-content:space-between; margin-bottom:16px; padding:26px 28px; border-radius:13px; background:linear-gradient(120deg,#252057,#3f3890 56%,#414bb0); color:white; box-shadow:var(--shadow); }
.workspace-hero h1 { font-size:30px; line-height:1.25; margin:8px 0; letter-spacing:.02em; }
.workspace-hero p { color:#edeaff; margin:0; }
.workspace-hero .workspace-eyebrow { font-weight:700; letter-spacing:.07em; font-size:12px; }
.workspace-eyebrow span { margin-left:8px; letter-spacing:0; font-weight:600; background:#ffffff25; border:1px solid #ffffff29; border-radius:14px; padding:3px 8px; }
.workspace-hero-actions,.workspace-shortcuts { display:flex; flex-wrap:wrap; gap:8px; }
.workspace-hero-actions .button { color:#312e81; border-color:#e8e6ff; }
.workspace-hero-actions .workspace-ghost { color:#fff; background:#ffffff16; border-color:#ffffff4d; }
.workspace-hero-actions .workspace-ghost:hover { background:#ffffff2b; }
.workspace-shortcuts { margin:0 0 13px; }
.workspace-filter { gap:10px 14px; }
.workspace-filter label { color:#475569; font-weight:600; }
.workspace-filter select { max-width:200px; }
.workspace-metrics { display:grid; gap:12px; grid-template-columns:repeat(6,minmax(0,1fr)); margin-bottom:17px; }
.workspace-metric { min-width:0; padding:15px 13px; background:#fff; border-radius:10px; box-shadow:var(--shadow); border-top:3px solid #4f46e5; color:#475569; }
.workspace-metric:nth-child(2n) { border-top-color:#8b5cf6; }
.workspace-metric:nth-child(3n) { border-top-color:#0ea5e9; }
.workspace-metric strong { display:block; font-variant-numeric:tabular-nums; font-size:clamp(15px,1.5vw,22px); color:#1e1b4b; margin:6px 0; overflow-wrap:anywhere; }
.workspace-metric small { color:#64748b; line-height:1.5; }
.workspace-grid { display:grid; gap:14px; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); align-items:stretch; }
.workspace-grid .card { margin-bottom:16px; padding:18px; }
.workspace-grid .plot svg { --plot-height:220px; }
.workspace-grid .plot svg text { font-size:16px; }
.workspace-empty { border-left:3px solid #f59e0b; background:#fff8e8; padding:12px 14px; border-radius:8px; margin:0 0 14px; }
.shop-drill-link { color:#4338ca; font-weight:650; text-decoration:none; }
.shop-drill-link:hover { text-decoration:underline; }
.topbar-scope select { max-width:195px; }
.topbar-scope { display:flex; align-items:center; }
.workspace-loading { margin:15px 0; padding:20px; text-align:center; border-radius:10px; background:white; color:#64748b; }
@media (max-width:1200px) { .workspace-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } .workspace-grid { grid-template-columns:1fr; } }
@media (max-width:750px) {
  .workspace-hero { padding:20px 17px; flex-direction:column; align-items:flex-start; }
  .workspace-hero h1 { font-size:24px; }
  .workspace-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .topbar { flex-wrap:wrap; }
  .topbar-right { flex-wrap:wrap; justify-content:flex-end; }
  .topbar-scope select { max-width:140px; }
}