/* Theme B — HA on steroids: glass + glow + live backdrop */
html[data-theme="b"] {
  --bg: #06070d;
  --bg-elev: rgba(255,255,255,.04);
  --bg-elev-2: rgba(255,255,255,.08);
  --text: #e8f5ff;
  --text-muted: #9fb4c4;
  --accent: #22d3ee;
  --accent-warm: #fbbf24;
  --border: rgba(255,255,255,.08);
  --shadow: 0 4px 24px rgba(34,211,238,.08), inset 0 1px 0 rgba(255,255,255,.04);
  --radius-md: 16px;
}

html[data-theme="b"] body {
  background:
    radial-gradient(ellipse 80% 60% at 20% 10%, rgba(56,189,248,.12), transparent 60%),
    radial-gradient(ellipse 80% 60% at 80% 90%, rgba(168,85,247,.10), transparent 60%),
    var(--bg);
  background-attachment: fixed;
}

html[data-theme="b"] .sidebar {
  background: rgba(10,12,20,.55);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-right: 1px solid rgba(255,255,255,.05);
}

html[data-theme="b"] .widget {
  background: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.01));
  border: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: var(--shadow);
}
html[data-theme="b"] .widget:hover {
  border-color: rgba(34,211,238,.25);
  box-shadow: 0 6px 32px rgba(34,211,238,.15), inset 0 1px 0 rgba(255,255,255,.08);
}
html[data-theme="b"] .widget[data-state="on"] {
  background: linear-gradient(145deg, rgba(251,191,36,.14), rgba(251,191,36,.02));
  border-color: rgba(251,191,36,.35);
  box-shadow: 0 0 28px rgba(251,191,36,.22), inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-theme="b"] .widget[data-state="on"] .w-ico { color: var(--accent-warm); filter: drop-shadow(0 0 8px rgba(251,191,36,.5)); }

html[data-theme="b"] .w-ico { color: var(--accent); }
html[data-theme="b"] .chip { backdrop-filter: blur(8px); background: rgba(255,255,255,.04); }
html[data-theme="b"] .tab-btn.active { background: rgba(34,211,238,.12); box-shadow: inset 0 0 0 1px rgba(34,211,238,.3); }

html[data-theme="b"] .theme-btn.active { background: var(--accent); color: #06070d; box-shadow: 0 0 16px rgba(34,211,238,.5); }