/* Shared appearance switcher across the public site and authenticated tools. */
.taz-theme-control{position:fixed;right:18px;bottom:16px;z-index:9999;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line,#777);border-radius:13px;background:var(--surface,var(--panel,#fff));color:var(--ink,#172033);box-shadow:0 6px 24px rgba(0,0,0,.18);font:600 12px/1.3 system-ui,sans-serif}
.taz-theme-control select{width:auto;min-width:90px;margin:0;padding:5px 8px;border:1px solid var(--line,#777);border-radius:8px;background:var(--surface-2,var(--panel,#fff));color:var(--ink,#172033);font:inherit}
body{padding-bottom:54px}
/* Existing main site is dark-first; light rules override its hardcoded dark panels. */
html[data-theme=light]{color-scheme:light;--bg:#f7f5fc;--surface:#fff;--surface-2:#f1edf9;--ink:#241b35;--muted:#635a75;--purple:#7040b5;--pink:#b51f62;--coral:#a94732;--cyan:#006e79;--line:#dcd4e8;--shadow:0 12px 32px rgba(45,25,80,.10)}
html[data-theme=light] body{background:radial-gradient(circle at 75% -10%,rgba(155,108,255,.12),transparent 33%),var(--bg)}
html[data-theme=light] .panel,html[data-theme=light] .card{background:linear-gradient(145deg,#fff,#f7f4fc)}
html[data-theme=light] .stat-card,html[data-theme=light] .alert-card,html[data-theme=light] .profile-chip,html[data-theme=light] .form-step,html[data-theme=light] .empty-state,html[data-theme=light] .redeem-card,html[data-theme=light] .redeem-idea,html[data-theme=light] .redeem-task-item,html[data-theme=light] .redeem-create-form,html[data-theme=light] .redeem-games,html[data-theme=light] .redeem-ideas,html[data-theme=light] .redeem-idea-grid,html[data-theme=light] .copy-field{background:var(--surface)}
html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{background:#fff;color:var(--ink);border-color:var(--line)}
html[data-theme=light] label{color:var(--ink)}
html[data-theme=light] button.secondary,html[data-theme=light] .ghost,html[data-theme=light] .volume-pill,html[data-theme=light] .game-chip,html[data-theme=light] .redeem-idea-filters button{background:#ede7f5;color:#4a306c}
html[data-theme=light] .text-link,html[data-theme=light] .redeem-edit summary{color:#633399}
html[data-theme=light] .purple{color:#60309b}
html[data-theme=light] .coral{color:#9b3b25}
/* Moderator console was light-first. */
html[data-theme=dark]{color-scheme:dark}
html[data-theme=dark] body.taz-mod{--bg:#0b0914;--ink:#f4f0fa;--muted:#b8afc9;--line:#39334b;--panel:#1c182c;--brand:#b58bff;--brand-strong:#d0b6ff;--accent:#67ddd2;--danger:#ff9b9b;--danger-soft:#44232e;--shadow:0 16px 40px rgba(0,0,0,.28)}
html[data-theme=dark] body.taz-mod input,html[data-theme=dark] body.taz-mod textarea,html[data-theme=dark] body.taz-mod select{background:#171324;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] body.taz-mod .panel,html[data-theme=dark] body.taz-mod .card{background:var(--panel);color:var(--ink)}
@media(max-width:600px){.taz-theme-control{right:8px;bottom:8px}}

/* Moderator console: complete dark palette, including formerly hard-coded light surfaces. */
html[data-theme=dark] body.taz-mod .channel-strip,
html[data-theme=dark] body.taz-mod .chat-list,
html[data-theme=dark] body.taz-mod .channel-pick,
html[data-theme=dark] body.taz-mod .channel-remove,
html[data-theme=dark] body.taz-mod .secondary,
html[data-theme=dark] body.taz-mod .tab,
html[data-theme=dark] body.taz-mod .redeem-task-card,
html[data-theme=dark] body.taz-mod .note-item,
html[data-theme=dark] body.taz-mod .reward-queue-card {background:#211b32;color:#f4f0fa;border-color:#443953}
html[data-theme=dark] body.taz-mod .chat-list{background:#151120}
html[data-theme=dark] body.taz-mod .tab.active,
html[data-theme=dark] body.taz-mod .channel-row.active .channel-pick{background:#453063;color:#f2e7ff;border-color:#b58bff}
html[data-theme=dark] body.taz-mod .message{background:linear-gradient(90deg,var(--channel-soft,#282036) 0%,#211a30 100%);border-bottom-color:#393047}
html[data-theme=dark] body.taz-mod .message:hover{background:linear-gradient(90deg,var(--channel-soft,#352747) 0%,#302441 100%)}
html[data-theme=dark] body.taz-mod .message-user{color:#d1b5ff}
html[data-theme=dark] body.taz-mod .quick-actions button{border-color:#5c4b70}
html[data-theme=dark] body.taz-mod .reward-queue-card{border-left-color:#b58bff}
html[data-theme=dark] body.taz-mod .reward-queue-card p{color:#c6bad5}
html[data-theme=dark] body.taz-mod .topbar .secondary{color:#f4f0fa}
html[data-theme=dark] body.taz-mod .channel-strip .channel-pick small{color:#c6bad5}
html[data-theme=dark] body.taz-mod .empty-state{color:#c6bad5}
html[data-theme=dark] body.taz-mod .message-labels .badge{color:inherit}
/* Keep the appearance control out of the working area. */
body.taz-mod{padding-bottom:0}
body.taz-mod .taz-theme-control{position:fixed;top:8px;right:12px;bottom:auto;z-index:10000;background:var(--panel);color:var(--ink);border-color:var(--line)}
body.taz-mod .topbar-actions{padding-right:205px}
@media(max-width:950px){body.taz-mod .topbar-actions{padding-right:0}body.taz-mod .taz-theme-control{top:auto;bottom:10px;right:10px}}

/* Moderator console light theme: preserve legible dark sidebar panels. */
html[data-theme=light] body.taz-mod{--bg:#f5f2fa;--panel:#fff;--ink:#20172f;--muted:#625875;--line:#ddd5ea;--brand:#65308e;--brand-strong:#4c206e;--accent:#006d69}
html[data-theme=light] body.taz-mod .sidebar{background:#111827;color:#f8fafc}
html[data-theme=light] body.taz-mod .sidebar .panel{background:#202839;color:#f8fafc;border-color:#3d475a;box-shadow:none}
html[data-theme=light] body.taz-mod .sidebar .panel .section-title,
html[data-theme=light] body.taz-mod .sidebar .panel summary,
html[data-theme=light] body.taz-mod .sidebar .panel strong{color:#f8fafc}
html[data-theme=light] body.taz-mod .sidebar .hint,
html[data-theme=light] body.taz-mod .sidebar .muted-text{color:#cbd5e1}
html[data-theme=light] body.taz-mod .sidebar .secondary{background:#343c4e;color:#fff;border-color:#525c70}
html[data-theme=light] body.taz-mod .sidebar .secondary:hover{background:#46516a}
html[data-theme=light] body.taz-mod .sidebar .details-panel summary:before{color:#e9d5ff;background:#3d475a}
html[data-theme=light] body.taz-mod .sidebar input,
html[data-theme=light] body.taz-mod .sidebar textarea,
html[data-theme=light] body.taz-mod .sidebar select{background:#283246;color:#fff;border-color:#586277}
html[data-theme=light] body.taz-mod .sidebar .role-nav{background:#202839}
html[data-theme=light] body.taz-mod .chat-list{background:#fbfaff}
html[data-theme=light] body.taz-mod .channel-strip{background:#fff}
html[data-theme=light] body.taz-mod .message{color:#20172f}
html[data-theme=light] body.taz-mod .taz-theme-control{background:#fff;color:#20172f}


/* Streamer dashboard: correct navigation contrast in both appearances. */
html[data-theme="light"] body:not(.taz-mod) .feature-nav{background:#eee8f7;border-color:#d7cce9;box-shadow:0 10px 26px rgba(50,31,80,.11)}
html[data-theme="light"] body:not(.taz-mod) .feature-nav a{background:#fff;color:#33254b;border-color:#d8cfe7}
html[data-theme="light"] body:not(.taz-mod) .feature-nav a strong{color:#33254b}
html[data-theme="light"] body:not(.taz-mod) .feature-nav a small{color:#665a79}
html[data-theme="light"] body:not(.taz-mod) .feature-nav a>span{background:#eee6fa;color:#5f2c9e}
html[data-theme="light"] body:not(.taz-mod) .feature-nav a.active{background:#e7d9fb;border-color:#8854ca;color:#32194f;box-shadow:inset 0 0 0 1px rgba(112,64,181,.16)}
html[data-theme="light"] body:not(.taz-mod) .feature-nav a.active strong{color:#32194f}
html[data-theme="light"] body:not(.taz-mod) .feature-nav a:hover{background:#f5efff;border-color:#9166c6}
html[data-theme="light"] body:not(.taz-mod) .feature-nav a:focus-visible{outline:3px solid #8150bd;outline-offset:2px}
html[data-theme="light"] body:not(.taz-mod) .stat-card{background:#fff;color:#241b35}
html[data-theme="light"] body:not(.taz-mod) .stat-card strong{color:#241b35}
html[data-theme="light"] body:not(.taz-mod) .library-roadmap>div,
html[data-theme="light"] body:not(.taz-mod) .walk-on-form,
html[data-theme="light"] body:not(.taz-mod) .walk-on-item,
html[data-theme="light"] body:not(.taz-mod) .command-item,
html[data-theme="light"] body:not(.taz-mod) .role-picker,
html[data-theme="light"] body:not(.taz-mod) .history-item,
html[data-theme="light"] body:not(.taz-mod) .admin-switcher,
html[data-theme="light"] body:not(.taz-mod) .admin-permission-card,
html[data-theme="light"] body:not(.taz-mod) .admin-review-card,
html[data-theme="light"] body:not(.taz-mod) .admin-public-list>div,
html[data-theme="light"] body:not(.taz-mod) .redeem-ideas{background:#fff;color:var(--ink)}
html[data-theme="light"] body:not(.taz-mod) .role-picker label{background:#f2ecfa;color:#33254b;border-color:#d8cfe7}
html[data-theme="light"] body:not(.taz-mod) .command-item p{color:#493d5c}
html[data-theme="light"] body:not(.taz-mod) .library-roadmap span{color:#6533a0}
html[data-theme="light"] body:not(.taz-mod) .admin-nav a.active,
html[data-theme="light"] body:not(.taz-mod) .admin-nav a:hover{background:#e9def7;color:#3b2259}
html[data-theme="light"] body:not(.taz-mod) .admin-counts>div{background:#fff}
html[data-theme="light"] body:not(.taz-mod) .game-search-results{background:#fff;border-color:#d8cfe7}
html[data-theme="light"] body:not(.taz-mod) .game-chip{color:#583385}
html[data-theme="light"] body:not(.taz-mod) .redeem-idea-filters button.active{background:#d9f4f2;color:#006a70}
html[data-theme="dark"] body:not(.taz-mod) .feature-nav{background:#100d1b;border-color:#393149}
html[data-theme="dark"] body:not(.taz-mod) .feature-nav a{background:#211a30;border-color:#4b3d60;color:#d6cce7}
html[data-theme="dark"] body:not(.taz-mod) .feature-nav a strong{color:#f7f2ff}
html[data-theme="dark"] body:not(.taz-mod) .feature-nav a small{color:#bcb0d0}
html[data-theme="dark"] body:not(.taz-mod) .feature-nav a>span{background:#362849;color:#8ee8ec}
html[data-theme="dark"] body:not(.taz-mod) .feature-nav a.active{background:#352347;border-color:#ae83f4;color:#fff}
html[data-theme="dark"] body:not(.taz-mod) .feature-nav a:hover{background:#342744;border-color:#aa80e3}
html[data-theme="dark"] body:not(.taz-mod) .feature-nav a:focus-visible{outline:3px solid #c6a8ff;outline-offset:2px}

/* Moderator chat rows: solid backgrounds, no channel-based gradient.
   Retain existing channel indicator border and moderation action styling. */
html[data-theme="dark"] body.taz-mod .message,
html[data-theme="dark"] body.taz-mod .message:hover {
  background: #302840;
  background-image: none;
  color: #f4f0fa;
}
html[data-theme="dark"] body.taz-mod .message:hover {
  background: #39304b;
}
html[data-theme="light"] body.taz-mod .message,
html[data-theme="light"] body.taz-mod .message:hover {
  background: #f1edfa;
  background-image: none;
  color: #20172f;
}
html[data-theme="light"] body.taz-mod .message:hover {
  background: #e8e0f5;
}
