/* ═══════════════════════════════════════════════════════
   Khaita Space — Design Themes
   theme-dark  : midnight / indigo
   theme-warm  : editorial / amber
   Functional theme is the default (no class).
═══════════════════════════════════════════════════════ */

/* ╔═══════════════════════════════════════════════════╗
   ║  DARK — midnight / indigo                        ║
   ╚═══════════════════════════════════════════════════╝ */

body.theme-dark {
  --bg:      #0a0f1e;
  --surface: #1e293b;
  --border:  rgba(99,102,241,.2);
  --text:    #e2e8f0;
  --muted:   #64748b;
  --blue:    #818cf8;
  --blue-l:  #1e1b4b;
  --green:   #059669;
  --red:     #f87171;
  --orange:  #fbbf24;
  --header:  #0f172a;
  --accent:  #a5b4fc;
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
  color-scheme: dark;
}

body.theme-dark header {
  background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);
  box-shadow: 0 2px 16px rgba(0,0,0,.5);
}
body.theme-dark header h1 {
  font-size: 1.05rem; font-weight: 700; letter-spacing: .06em;
  background: linear-gradient(120deg, #a5b4fc 0%, #c4b5fd 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
body.theme-dark #wsLabel {
  background: rgba(129,140,248,.18); border: 1px solid rgba(129,140,248,.35);
  color: #a5b4fc; border-radius: 20px; padding: 2px 10px; font-size: .73rem;
}

/* Left panel */
body.theme-dark .pl-panel { background: #0f172a; border-right: 1px solid rgba(99,102,241,.15); }
body.theme-dark .pl-top { background: #0f172a; border-bottom: 1px solid rgba(99,102,241,.15); }
body.theme-dark .pl-top input { background: #1e293b; border-color: rgba(99,102,241,.25); color: #e2e8f0; border-radius: 8px; }
body.theme-dark .btn-new-pl {
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
  border-radius: 9px; font-weight: 700; box-shadow: 0 3px 10px rgba(79,70,229,.4);
}
body.theme-dark .btn-new-pl:hover { background: linear-gradient(135deg, #4338ca 0%, #6d28d9 100%); }

/* Playlist items */
body.theme-dark .pl-item { border-radius: 8px; margin: 3px 8px; border-bottom: none; }
body.theme-dark .pl-item:hover { background: #1e293b; }
body.theme-dark .pl-item.active { background: #1e1b4b; border-left: 3px solid #818cf8; }
body.theme-dark .pl-name { font-weight: 600; color: #e2e8f0; }
body.theme-dark .pl-meta { color: #64748b; }

/* Center */
body.theme-dark .center { background: var(--bg); }
body.theme-dark .pl-header { background: #0f172a; border-bottom: 1px solid rgba(99,102,241,.2); box-shadow: none; }
body.theme-dark .pl-queue { background: #0a0f1e; padding: 14px; }

/* Playlist header */
body.theme-dark .pl-h-actions,
body.theme-dark .pl-h-tools { border-top-color: rgba(99,102,241,.15); }
body.theme-dark .pl-stats { color: #64748b; }
body.theme-dark .btn-pl-play    { background: rgba(79,70,229,.25); color: #a5b4fc; }
body.theme-dark .btn-pl-pause   { background: rgba(217,119,6,.2);  color: #fbbf24; }
body.theme-dark .btn-pl-confirm { background: rgba(59,130,246,.2); color: #93c5fd; }
body.theme-dark .btn-pl-repeat  { background: rgba(139,92,246,.2); color: #c4b5fd; }
body.theme-dark .btn-tool { background: rgba(255,255,255,.06); color: #94a3b8; border: 1px solid rgba(255,255,255,.1); }

/* Queue items */
body.theme-dark .queue-item {
  border: 1px solid rgba(99,102,241,.12); border-radius: 10px;
  background: #1e293b; margin-bottom: 8px;
  box-shadow: 0 1px 4px rgba(0,0,0,.3);
  transition: box-shadow .15s, transform .1s;
}
body.theme-dark .queue-item:hover {
  box-shadow: 0 0 0 1px rgba(99,102,241,.4), 0 4px 16px rgba(79,70,229,.15);
  transform: translateY(-1px);
}
body.theme-dark .queue-item.playing  { box-shadow: 0 0 0 2px #059669, 0 4px 14px rgba(5,150,105,.25); }
body.theme-dark .queue-item.drag-over { box-shadow: 0 0 0 2px #818cf8, 0 4px 14px rgba(79,70,229,.25); background: #1e1b4b; }
body.theme-dark .queue-item.selected  { box-shadow: 0 0 0 2px #818cf8, 0 4px 14px rgba(79,70,229,.2); }
body.theme-dark .queue-item.pause-item   { background: linear-gradient(135deg, #1a1200, #2d1f00); border-color: rgba(217,119,6,.25); }
body.theme-dark .queue-item.confirm-item { background: linear-gradient(135deg, #0d1a2a, #0f2040); border-color: rgba(59,130,246,.2); }
body.theme-dark .queue-item.repeat-item  { background: linear-gradient(135deg, #150d2a, #1e1040); border-color: rgba(139,92,246,.25); }
body.theme-dark .q-num   { color: #64748b; }
body.theme-dark .q-eng   { color: #e2e8f0; }
body.theme-dark .q-dra   { color: #a5b4fc; }
body.theme-dark .q-tib   { color: #94a3b8; }

/* Queue action buttons */
body.theme-dark .btn-play-song {
  border-radius: 6px; background: linear-gradient(135deg, #059669, #047857);
  box-shadow: 0 2px 6px rgba(5,150,105,.3);
}
body.theme-dark .btn-remove {
  border-radius: 6px; background: rgba(239,68,68,.15);
  color: #f87171; border: 1px solid rgba(239,68,68,.2);
}
body.theme-dark .btn-remove:hover { background: #ef4444; color: #fff; border-color: #ef4444; }

/* Playlist header buttons */
body.theme-dark .btn { border-radius: 8px; font-weight: 600; }
body.theme-dark .btn-primary { background: linear-gradient(135deg, #4f46e5, #7c3aed); box-shadow: 0 3px 10px rgba(79,70,229,.4); }
body.theme-dark .btn-primary:hover { background: linear-gradient(135deg, #4338ca, #6d28d9); }
body.theme-dark .btn-ghost { background: rgba(255,255,255,.06); color: #94a3b8; border-color: rgba(255,255,255,.1); }
body.theme-dark .btn-ghost:hover { background: rgba(255,255,255,.1); }
body.theme-dark .btn-danger { background: linear-gradient(135deg, #dc2626, #b91c1c); }

/* Right panel */
body.theme-dark .browser { background: #0f172a; }
body.theme-dark .browser-top { background: #0f172a; }
body.theme-dark .browser-top input { background: #1e293b; border-color: rgba(99,102,241,.25); color: #e2e8f0; border-radius: 8px; }
body.theme-dark .br-tab { color: #64748b; border-bottom-color: transparent; }
body.theme-dark .br-tab.active { color: #818cf8; border-bottom-color: #818cf8; font-weight: 700; }
body.theme-dark .col-label { background: #0f172a; color: #475569; }
body.theme-dark .song-row { border-bottom-color: rgba(255,255,255,.05); }
body.theme-dark .song-row:hover { background: #1e293b; }
body.theme-dark .song-eng { color: #e2e8f0; }
body.theme-dark .song-tib, .song-dra { color: #94a3b8; }
body.theme-dark .btn-add { background: rgba(129,140,248,.15); border-color: rgba(129,140,248,.4); color: #a5b4fc; border-radius: 6px; }
body.theme-dark .btn-add:hover { background: #4f46e5; border-color: #4f46e5; color: #fff; }
body.theme-dark .btn-add:disabled { opacity: .3; }
body.theme-dark .finder-row { color: #e2e8f0; }
body.theme-dark .finder-row:hover { background: #1e293b; }
body.theme-dark .finder-row.active { background: #4f46e5; }

/* Player strip */
body.theme-dark .player-strip {
  background: linear-gradient(180deg, #0f172a 0%, #0a0a2e 100%);
  border-top: 1px solid rgba(99,102,241,.3);
}
body.theme-dark .np-label { color: #818cf8; letter-spacing: .08em; }
body.theme-dark .np-title { color: #e2e8f0; font-weight: 600; }
body.theme-dark .np-tib { color: #94a3b8; }
body.theme-dark .btn-transport { border-radius: 8px; font-weight: 600; transition: background .12s, transform .1s; }
body.theme-dark .btn-transport:hover { transform: scale(1.04); }
body.theme-dark .btn-prev, body.theme-dark .btn-next { background: rgba(99,102,241,.2); color: #a5b4fc; border: 1px solid rgba(99,102,241,.3); }
body.theme-dark .btn-prev:hover, body.theme-dark .btn-next:hover { background: rgba(99,102,241,.35); }
body.theme-dark .btn-stop { background: rgba(255,255,255,.07); color: #94a3b8; border: 1px solid rgba(255,255,255,.1); }
body.theme-dark .vt-btn { border-radius: 6px; color: #94a3b8; border-color: rgba(255,255,255,.1); }
body.theme-dark .vt-btn.active { background: #4f46e5; color: #fff; border-color: #4f46e5; box-shadow: 0 2px 8px rgba(79,70,229,.4); }
body.theme-dark .queue-strip { background: rgba(0,0,0,.4); }
body.theme-dark .qs-item { border-radius: 6px; color: #94a3b8; }
body.theme-dark .qs-item.qs-active { background: linear-gradient(135deg, #4f46e5, #7c3aed); color: #fff; box-shadow: 0 2px 8px rgba(79,70,229,.4); }

/* Modals */
body.theme-dark .modal-bg { backdrop-filter: blur(6px); background: rgba(0,0,0,.6); }
body.theme-dark .modal { background: #1e293b; border-radius: 16px; box-shadow: 0 24px 60px rgba(0,0,0,.6), 0 0 0 1px rgba(99,102,241,.2); }
body.theme-dark .modal h2 { color: #e2e8f0; }
body.theme-dark .modal p, body.theme-dark .modal label { color: #94a3b8; }
body.theme-dark .modal input:not([type="radio"]):not([type="checkbox"]),
body.theme-dark .modal textarea,
body.theme-dark .modal select {
  border-radius: 8px; border: 1.5px solid rgba(99,102,241,.3);
  background: #0f172a; color: #e2e8f0;
}
body.theme-dark .modal input:not([type="radio"]):not([type="checkbox"]):focus,
body.theme-dark .modal textarea:focus {
  border-color: #818cf8; box-shadow: 0 0 0 3px rgba(129,140,248,.15); background: #0a0f1e;
}
body.theme-dark .err-msg { color: #f87171; }

/* Mobile */
body.theme-dark .mob-tabbar { background: #0f172a; border-top: 1px solid rgba(99,102,241,.2); box-shadow: 0 -4px 20px rgba(0,0,0,.4); }
body.theme-dark .mob-tab { color: #475569; }
body.theme-dark .mob-tab.active { color: #818cf8; }
body.theme-dark .mob-mini-player { background: linear-gradient(90deg, #0f172a, #1e1b4b); border-top: 1px solid rgba(99,102,241,.2); }
body.theme-dark .mob-mini-controls button { background: rgba(99,102,241,.2); border: 1px solid rgba(99,102,241,.25); color: #a5b4fc; border-radius: 7px; }

/* Group connector */
body.theme-dark .queue-item[data-group-role="start"],
body.theme-dark .queue-item[data-group-role="mid"],
body.theme-dark .queue-item[data-group-role="end"] { border-left-color: #4f46e5; }

/* Close player button */
body.theme-dark .btn-close-player { color: #64748b; }
body.theme-dark .btn-close-player:hover { color: #e2e8f0; background: rgba(255,255,255,.08); }

/* Icons (dark) */
body.theme-dark i.icon { stroke-width: 1.75; }
body.theme-dark header i.icon { color: #a5b4fc; }
body.theme-dark header h1 i.icon { color: #c4b5fd; }
body.theme-dark .q-drag-handle i.icon { color: #64748b; }
body.theme-dark .pause-icon i.icon   { color: #fbbf24; width: 1.3em; height: 1.3em; }
body.theme-dark .confirm-icon i.icon { color: #60a5fa; width: 1.3em; height: 1.3em; }
body.theme-dark .repeat-icon i.icon  { color: #a78bfa; width: 1.3em; height: 1.3em; }
body.theme-dark .btn-play-song i.icon { color: #fff; }
body.theme-dark .btn-remove i.icon { color: currentColor; }
body.theme-dark .btn-share i.icon  { color: #818cf8; }
body.theme-dark .btn-edit i.icon   { color: #38bdf8; }
body.theme-dark .btn-lock i.icon   { color: #fbbf24; }
body.theme-dark .btn-del i.icon    { color: #f87171; }
body.theme-dark .pl-lock i.icon    { color: #fbbf24; width: .85em; height: .85em; }
body.theme-dark .btn-prev i.icon, body.theme-dark .btn-next i.icon { color: #a5b4fc; }
body.theme-dark .btn-stop i.icon { color: #94a3b8; }
body.theme-dark .mob-mini-controls i.icon { color: #a5b4fc; }
body.theme-dark .mob-icon i.icon { width: 1.45rem; height: 1.45rem; stroke-width: 1.6; color: #475569; }
body.theme-dark .mob-tab.active .mob-icon i.icon { color: #818cf8; }
body.theme-dark .br-tab i.icon { color: #64748b; }
body.theme-dark .br-tab.active i.icon { color: #818cf8; }


/* ╔═══════════════════════════════════════════════════╗
   ║  WARM — editorial / amber                        ║
   ╚═══════════════════════════════════════════════════╝ */

body.theme-warm {
  --bg:      #faf7f2;
  --surface: #fff;
  --border:  #e9d5b0;
  --text:    #1c1008;
  --muted:   #92400e;
  --blue:    #b45309;
  --blue-l:  #fef3c7;
  --green:   #059669;
  --red:     #dc2626;
  --orange:  #d97706;
  --header:  #2d1f0e;
  --accent:  #fbbf24;
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
}

body.theme-warm header {
  background: linear-gradient(135deg, #2d1f0e 0%, #3d2a12 100%);
  box-shadow: 0 2px 12px rgba(0,0,0,.3);
  border-bottom: 2px solid #b45309;
}
body.theme-warm header h1 {
  font-size: 1.05rem; font-weight: 700; letter-spacing: .06em;
  background: linear-gradient(120deg, #fde68a 0%, #fbbf24 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
body.theme-warm #wsLabel {
  background: rgba(251,191,36,.18); border: 1px solid rgba(251,191,36,.35);
  color: #fde68a; border-radius: 20px; padding: 2px 10px; font-size: .73rem;
}

/* Left panel */
body.theme-warm .pl-panel { background: #fff8f0; border-right: 1px solid #e9d5b0; }
body.theme-warm .pl-top { background: #fff8f0; border-bottom: 1px solid #e9d5b0; }
body.theme-warm .pl-top input { background: #fff; border-color: #e9d5b0; color: #1c1008; border-radius: 8px; }
body.theme-warm .btn-new-pl {
  background: linear-gradient(135deg, #b45309 0%, #92400e 100%);
  border-radius: 9px; font-weight: 700; box-shadow: 0 3px 10px rgba(180,83,9,.35);
}
body.theme-warm .btn-new-pl:hover { background: linear-gradient(135deg, #92400e 0%, #78350f 100%); }

/* Playlist items */
body.theme-warm .pl-item { border-radius: 8px; margin: 3px 8px; border-bottom: none; }
body.theme-warm .pl-item:hover { background: #fef3c7; }
body.theme-warm .pl-item.active { background: #fef3c7; border-left: 3px solid #b45309; }
body.theme-warm .pl-name { font-weight: 600; color: #1c1008; }
body.theme-warm .pl-meta { color: #92400e; }

/* Center */
body.theme-warm .center { background: var(--bg); }
body.theme-warm .pl-header { background: #fff8f0; border-bottom: 1px solid #e9d5b0; box-shadow: 0 1px 4px rgba(120,80,20,.06); }
body.theme-warm .pl-queue { background: #faf7f2; padding: 14px; }

/* Playlist header */
body.theme-warm .pl-h-actions,
body.theme-warm .pl-h-tools { border-top-color: #e9d5b0; }
body.theme-warm .pl-stats { color: #a16207; }
body.theme-warm .btn-pl-play    { background: #fef3c7; color: #92400e; }
body.theme-warm .btn-pl-pause   { background: #fef9c3; color: #854d0e; }
body.theme-warm .btn-pl-confirm { background: #eff6ff; color: #1e40af; }
body.theme-warm .btn-pl-repeat  { background: #faf5ff; color: #6d28d9; }
body.theme-warm .btn-tool { background: #f5f0e8; color: #78350f; border: 1px solid #e9d5b0; }

/* Queue items */
body.theme-warm .queue-item {
  border: 1px solid #e9d5b0; border-radius: 10px;
  background: #fff; margin-bottom: 8px;
  box-shadow: 0 1px 4px rgba(120,80,20,.07);
  transition: box-shadow .15s, transform .1s;
}
body.theme-warm .queue-item:hover {
  box-shadow: 0 3px 12px rgba(120,80,20,.12); border-color: #d4a96a;
  transform: translateY(-1px);
}
body.theme-warm .queue-item.playing  { border-left: 3px solid #059669; box-shadow: 0 2px 10px rgba(5,150,105,.15); }
body.theme-warm .queue-item.drag-over { box-shadow: 0 0 0 2px #b45309, 0 4px 14px rgba(180,83,9,.2); background: #fef3c7; }
body.theme-warm .queue-item.selected  { box-shadow: 0 0 0 2px #b45309, 0 4px 14px rgba(180,83,9,.15); }
body.theme-warm .queue-item.pause-item   { background: linear-gradient(135deg, #fffbeb, #fef3c7); border-color: #fde68a; }
body.theme-warm .queue-item.confirm-item { background: linear-gradient(135deg, #eff6ff, #dbeafe); border-color: #bfdbfe; }
body.theme-warm .queue-item.repeat-item  { background: linear-gradient(135deg, #faf5ff, #ede9fe); border-color: #ddd6fe; }
body.theme-warm .q-num   { color: #a16207; }
body.theme-warm .q-eng   { color: #1c1008; }

/* Queue action buttons */
body.theme-warm .btn-play-song {
  border-radius: 6px; background: linear-gradient(135deg, #059669, #047857);
  box-shadow: 0 2px 6px rgba(5,150,105,.3);
}
body.theme-warm .btn-remove {
  border-radius: 6px; background: #fee2e2; color: #b91c1c; border: 1px solid #fca5a5;
}
body.theme-warm .btn-remove:hover { background: #dc2626; color: #fff; border-color: #dc2626; }

/* Buttons */
body.theme-warm .btn { border-radius: 8px; font-weight: 600; }
body.theme-warm .btn-primary { background: linear-gradient(135deg, #b45309, #92400e); box-shadow: 0 3px 10px rgba(180,83,9,.35); }
body.theme-warm .btn-primary:hover { background: linear-gradient(135deg, #92400e, #78350f); }
body.theme-warm .btn-ghost { background: #f5f0e8; color: #78350f; border-color: #e9d5b0; }
body.theme-warm .btn-ghost:hover { background: #e9d5b0; }
body.theme-warm .btn-danger { background: linear-gradient(135deg, #dc2626, #b91c1c); }

/* Right panel */
body.theme-warm .browser { background: #fff8f0; }
body.theme-warm .browser-top { background: #fff8f0; }
body.theme-warm .browser-top input { background: #fff; border-color: #e9d5b0; border-radius: 8px; }
body.theme-warm .br-tab { color: #92400e; border-bottom-color: transparent; }
body.theme-warm .br-tab.active { color: #b45309; border-bottom-color: #b45309; font-weight: 700; }
body.theme-warm .col-label { background: #fff8f0; color: #a16207; }
body.theme-warm .song-row { border-bottom-color: #f0e8d8; }
body.theme-warm .song-row:hover { background: #fef3c7; }
body.theme-warm .btn-add { background: #fef3c7; border-color: #fbbf24; color: #92400e; border-radius: 6px; }
body.theme-warm .btn-add:hover { background: #b45309; border-color: #b45309; color: #fff; }
body.theme-warm .finder-row.active { background: #b45309; }

/* Player strip */
body.theme-warm .player-strip {
  background: linear-gradient(180deg, #2d1f0e 0%, #1c1008 100%);
  border-top: 2px solid #b45309;
}
body.theme-warm .np-label { color: #fbbf24; letter-spacing: .08em; }
body.theme-warm .np-title { color: #fde68a; font-weight: 600; }
body.theme-warm .np-tib { color: #d4a96a; }
body.theme-warm .btn-transport { border-radius: 8px; font-weight: 600; transition: background .12s, transform .1s; }
body.theme-warm .btn-transport:hover { transform: scale(1.04); }
body.theme-warm .btn-prev, body.theme-warm .btn-next { background: rgba(251,191,36,.18); color: #fde68a; border: 1px solid rgba(251,191,36,.35); }
body.theme-warm .btn-prev:hover, body.theme-warm .btn-next:hover { background: rgba(251,191,36,.3); }
body.theme-warm .btn-stop { background: rgba(255,255,255,.08); color: #d4a96a; border: 1px solid rgba(255,255,255,.15); }
body.theme-warm .vt-btn { border-radius: 6px; color: #d4a96a; border-color: rgba(255,255,255,.15); }
body.theme-warm .vt-btn.active { background: #b45309; color: #fff; border-color: #b45309; }
body.theme-warm .queue-strip { background: rgba(0,0,0,.3); }
body.theme-warm .qs-item { border-radius: 6px; color: #d4a96a; }
body.theme-warm .qs-item.qs-active { background: linear-gradient(135deg, #b45309, #92400e); color: #fff; }

/* Modals */
body.theme-warm .modal-bg { backdrop-filter: blur(5px); background: rgba(30,10,0,.4); }
body.theme-warm .modal { background: #fff; border-radius: 16px; box-shadow: 0 24px 60px rgba(120,80,20,.2), 0 0 0 1px #e9d5b0; }
body.theme-warm .modal h2 { color: #1c1008; }
body.theme-warm .modal input:not([type="radio"]):not([type="checkbox"]),
body.theme-warm .modal textarea,
body.theme-warm .modal select {
  border-radius: 8px; border: 1.5px solid #e9d5b0; background: #fff8f0; color: #1c1008;
}
body.theme-warm .modal input:not([type="radio"]):not([type="checkbox"]):focus,
body.theme-warm .modal textarea:focus {
  border-color: #b45309; box-shadow: 0 0 0 3px rgba(180,83,9,.12); background: #fff;
}

/* Mobile */
body.theme-warm .mob-tabbar { background: #2d1f0e; border-top: 2px solid #b45309; box-shadow: 0 -4px 20px rgba(0,0,0,.3); }
body.theme-warm .mob-tab { color: #78350f; }
body.theme-warm .mob-tab.active { color: #fbbf24; }
body.theme-warm .mob-mini-player { background: linear-gradient(90deg, #2d1f0e, #1c1008); border-top: 1px solid rgba(180,83,9,.4); }
body.theme-warm .mob-mini-controls button { background: rgba(180,83,9,.2); border: 1px solid rgba(251,191,36,.3); color: #fde68a; border-radius: 7px; }

/* Group connector */
body.theme-warm .queue-item[data-group-role="start"],
body.theme-warm .queue-item[data-group-role="mid"],
body.theme-warm .queue-item[data-group-role="end"] { border-left-color: #b45309; }

/* Close player button */
body.theme-warm .btn-close-player { color: #92400e; }
body.theme-warm .btn-close-player:hover { color: #fde68a; background: rgba(255,255,255,.1); }

/* Icons (warm) */
body.theme-warm i.icon { stroke-width: 1.75; }
body.theme-warm header i.icon { color: #fbbf24; }
body.theme-warm header h1 i.icon { color: #fde68a; }
body.theme-warm .q-drag-handle i.icon { color: #b45309; }
body.theme-warm .pause-icon i.icon   { color: #d97706; width: 1.3em; height: 1.3em; }
body.theme-warm .confirm-icon i.icon { color: #1d4ed8; width: 1.3em; height: 1.3em; }
body.theme-warm .repeat-icon i.icon  { color: #7c3aed; width: 1.3em; height: 1.3em; }
body.theme-warm .btn-play-song i.icon { color: #fff; }
body.theme-warm .btn-remove i.icon { color: currentColor; }
body.theme-warm .btn-share i.icon  { color: #b45309; }
body.theme-warm .btn-edit i.icon   { color: #0369a1; }
body.theme-warm .btn-lock i.icon   { color: #d97706; }
body.theme-warm .btn-del i.icon    { color: #dc2626; }
body.theme-warm .pl-lock i.icon    { color: #d97706; width: .85em; height: .85em; }
body.theme-warm .btn-prev i.icon, body.theme-warm .btn-next i.icon { color: #fde68a; }
body.theme-warm .btn-stop i.icon { color: #d4a96a; }
body.theme-warm .mob-mini-controls i.icon { color: #fde68a; }
body.theme-warm .mob-icon i.icon { width: 1.45rem; height: 1.45rem; stroke-width: 1.6; color: #78350f; }
body.theme-warm .mob-tab.active .mob-icon i.icon { color: #fbbf24; }
body.theme-warm .br-tab i.icon { color: #a16207; }
body.theme-warm .br-tab.active i.icon { color: #b45309; }