/* ==========================================================================
   css/themes/glass-theme.css
   Split from app.html (build 2026.10.08.9-beta), original lines 8140-8179.
   Rules are in their ORIGINAL order; load order is defined in index.html.
   ========================================================================== */
/* Clear-window mode: the native side makes the window transparent (CefSharp: crisp +
   clickable). The PAGE decides what's see-through. We do NOT force any background here
   (that clobbered custom themes). `html.bg-see-through` is only added when the native
   transparent mode is actually live, so it can be targeted if wanted. */
/* -- Transparency ("Glass") theme ---------------------------------------------
   Translucent panels over the native clear window so the desktop shows through.
   --glass-op (the opacity slider) drives every panel token at once; the body goes
   fully clear so the crisp desktop reads behind. Text keeps a soft shadow so it stays
   legible over a busy wallpaper. */
/* Custom background and glass: the wallpaper showing through is the whole point, so the
   modal tokens go back to the translucent scrims. */
html[data-bg] {
  --bg-modal:      var(--bg-deep) !important;
  --bg-modal-side: var(--bg-void) !important;
}
html[data-theme="glass"] {
  --bg-modal:      var(--bg-deep) !important;
  --bg-modal-side: var(--bg-void) !important;
  --bg-deep:      rgba(7,8,12,   var(--glass-op, .5));
  --bg-void:      rgba(10,11,15, var(--glass-op, .5));
  --bg-base:      rgba(13,14,20, var(--glass-op, .5));
  --bg-chat:      rgba(13,14,20, var(--glass-op, .5));
  --bg-surface:   rgba(20,22,30, calc(var(--glass-op, .5) + .06));
  --bg-secondary: rgba(20,22,30, calc(var(--glass-op, .5) + .06));
  --bg-elevated:  rgba(28,30,42, calc(var(--glass-op, .5) + .12));
  --bg-hover:     rgba(64,66,84, .42);
  --bg-active:    rgba(76,78,98, .5);
  /* Popups / inputs stay more opaque so menus + fields stay readable over the blur. */
  --bg-floating:  rgba(24,26,36, calc(var(--glass-op, .5) + .34));
  --bg-input:     rgba(255,255,255, .06);
}
html[data-theme="glass"], html[data-theme="glass"] body {
  background: transparent !important;
  background-image: none !important;
}
html[data-theme="glass"] body {}
/* .user-panel + .voice-bar use a hardcoded #36373E fill (not a token) - glass them too. */
html[data-theme="glass"] .user-panel,
html[data-theme="glass"] .voice-bar { background: rgba(54,55,62, calc(var(--glass-op, .5) + .14)) !important; }
.perf-legend i { display:inline-block; width:9px; height:9px; border-radius:2px; margin-right:4px; }