/* ScopeLux Hub v3 — dashboard + light mode identity */
.slx[data-theme=light]{--slx-text:#1a1033;--slx-muted:#4a3d66;--slx-soft:#2b184d;--slx-card:#fff;--slx-line:rgba(86,43,180,.2)}
.slx[data-theme=light] .slx-v3-header,.slx[data-theme=light] .slx-panel,.slx[data-theme=light] .slx-kpi-grid article{background:#fff;color:var(--slx-text)}
.slx[data-theme=light] h1,.slx[data-theme=light] h2,.slx[data-theme=light] h3,.slx[data-theme=light] strong{color:#1a1033}
.slx[data-theme=light] .slx-muted,.slx[data-theme=light] .slx-eyebrow{color:#4a3d66}
.slx[data-theme=light] .slx-sidebar{background:linear-gradient(180deg,#f8f6ff,#fff)}
.slx-v3-header{border-radius:24px;padding:22px 26px;margin-bottom:16px;border:1px solid var(--slx-line);background:var(--slx-card)}
.slx-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:16px}
.slx-kpi-grid article{border:1px solid var(--slx-line);border-radius:20px;padding:18px;background:var(--slx-card)}
.slx-kpi-grid span{display:block;color:var(--slx-muted);font-size:13px;font-weight:700}
.slx-kpi-grid strong{display:block;font-size:26px;margin-top:8px;color:var(--slx-text)}
.slx-panel{border:1px solid var(--slx-line);border-radius:22px;padding:22px;margin-bottom:16px;background:var(--slx-card)}
.slx-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.slx-panel-head h2{margin:0;font-size:20px}
.slx-studio-modes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.slx-studio-output{margin-top:16px;padding:16px;border:1px dashed var(--slx-line);border-radius:16px;white-space:pre-wrap;line-height:1.8}
.slx-account-tabs{display:flex;gap:8px;margin-bottom:16px}
.slx-account-tabs a{padding:10px 18px;border-radius:999px;border:1px solid var(--slx-line);font-weight:800}
.slx-account-tabs a.active{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-color:transparent}
.slx-pricing-landing{padding:48px 0}
.slx-pricing-tabs{display:flex;justify-content:center;gap:8px;margin:24px 0}
.slx-pricing-tabs a{padding:10px 20px;border-radius:999px;border:1px solid var(--slx-line);font-weight:800}
.slx-pricing-tabs a.active{background:#7c3aed;color:#fff}
.slx-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
