/* ═══════════════════════════════════════════
   LIGHT THEME: Status bar, screen container, user menu
   ═══════════════════════════════════════════ */

  [data-theme="light"] .user-menu {
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
  }

  [data-theme="light"] .status-bar {
    background: var(--glass-bg-heavy) !important;
    border-bottom-color: var(--glass-border) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.06);
  }

  [data-theme="light"] .back-btn,

  [data-theme="light"] .home-btn {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
  }

  [data-theme="light"] .home-btn {
    border: none;
    box-shadow: none;
  }

  [data-theme="light"] .home-btn:active {
    box-shadow: none;
  }

  [data-theme="light"] .back-btn {
    box-shadow: 0 1px 2px rgba(0,0,0,0.06);
  }

  [data-theme="light"] .back-btn:active {
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.08);
  }

  [data-theme="light"] .floating-back-btn {
    background: var(--glass-bg-heavy) !important;
    border-color: var(--accent-dim) !important;
    color: var(--accent) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
  }

/* ── Auto-generated gap fills ── */

[data-theme="light"] .screen {
  color: rgba(139,58,0,0.25) transparent;
}
[data-theme="light"] .screen::-webkit-scrollbar-thumb {
  background: rgba(139,58,0,0.25);
}