/* SuperMail — Dark Mode Overrides
   ═══════════════════════════════════════════════════════════════════════
   Applied via :root[data-theme="dark"].
   JS-injected dark styles (ai-sidebar, contact-sidebar, etc.) remain
   in their respective modules.
   ─────────────────────────────────────────────────────────────────────── */

/* ── Top Nav ── */
:root[data-theme="dark"] .sidebar { background: #1e1e1e; border-bottom-color: #3c4043; }
:root[data-theme="dark"] #bucketList { border-left-color: #3c4043; }
:root[data-theme="dark"] .ai-toggle-btn { color: #6b7280; }
:root[data-theme="dark"] .ai-toggle-btn:hover { color: #8ab4f8; background: rgba(138, 180, 248, 0.12); }

/* ── Email List ── */
:root[data-theme="dark"] .email-date-group { background: #1e1e1e; }

/* ── Reader ── */
:root[data-theme="dark"] .reader-back { border-color: #3c4043; color: #9aa0a6; }
:root[data-theme="dark"] .reader-back:hover { background: #333; color: #e8eaed; }

/* ── Shortcut Bar ── */
:root[data-theme="dark"] .shortcut-bar { background: #242424; border-top-color: #3c4043; }
:root[data-theme="dark"] .shortcut-item { color: #6b7280; border-right-color: #3c4043; }
:root[data-theme="dark"] .shortcut-item kbd { background: #2d2d2d; color: #9aa0a6; border-color: #5f6368; }