
/* === RML selectable player color themes (preview + generated players) === */
body.rml-player-theme-pal {
  --rml-pal-bg: #1E3B37;
  --rml-pal-card: #2B8C76;
  --rml-pal-mid: #5EC6A0;
  --rml-pal-soft: #BFEBDD;
  --rml-pal-fog: #F0FBF8;
  --rml-pal-glow: 94, 198, 160;
  --rml-pal-bg-rgb: 30, 59, 55;
  --rml-pal-fog-rgb: 240, 251, 248;
  --rml-pal-soft-rgb: 191, 235, 221;
  --rml-pal-ink: var(--rml-pal-fog);
  --rml-pal-ink-muted: var(--rml-pal-soft);
  --rml-pal-ink-subtle: var(--rml-pal-soft);
  background-color: var(--rml-pal-bg) !important;
}
body.rml-player-theme-pal .audio-player {
  background: linear-gradient(165deg, var(--rml-pal-card) 0%, var(--rml-pal-bg) 100%) !important;
  border-color: rgba(var(--rml-pal-glow), 0.65) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.45), inset 0 1px 0 rgba(var(--rml-pal-fog-rgb),0.08) !important;
}
body.rml-player-theme-pal .audio-player.playing-glow {
  border-color: rgba(var(--rml-pal-glow), 0.95) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.45), 0 0 26px rgba(var(--rml-pal-glow), 0.45), 0 0 10px rgba(var(--rml-pal-glow), 0.25), inset 0 1px 0 rgba(var(--rml-pal-fog-rgb),0.10) !important;
}
body.rml-player-theme-pal .audio-player .branding { color: var(--rml-pal-ink) !important; }
body.rml-player-theme-pal .audio-player .branding:hover { color: var(--rml-pal-ink-muted) !important; }
body.rml-player-theme-pal .audio-player .time-display,
body.rml-player-theme-pal .audio-player .info-left span,
body.rml-player-theme-pal .audio-player .download-container,
body.rml-player-theme-pal .audio-player .footer-row {
  color: var(--rml-pal-ink-muted) !important;
  opacity: 0.92;
}
body.rml-pal-surface-light.rml-player-theme-pal .audio-player .time-display,
body.rml-pal-surface-light.rml-player-theme-pal .audio-player .info-left span,
body.rml-pal-surface-light.rml-player-theme-pal .audio-player .download-container,
body.rml-pal-surface-light.rml-player-theme-pal .audio-player .footer-row {
  opacity: 1;
}
body.rml-player-theme-pal .audio-player .download-btn,
body.rml-player-theme-pal .audio-player .play-btn,
body.rml-player-theme-pal .audio-player #playBtn,
body.rml-player-theme-pal .audio-player .icon-btn,
body.rml-player-theme-pal .audio-player .com-btn,
body.rml-player-theme-pal .audio-player #commentBtn,
body.rml-player-theme-pal .audio-player .pref-btn,
body.rml-player-theme-pal .audio-player .link-btn { color: var(--rml-pal-ink) !important; }
body.rml-player-theme-pal .audio-player .download-btn:hover,
body.rml-player-theme-pal .audio-player .play-btn:hover,
body.rml-player-theme-pal .audio-player #playBtn:hover,
body.rml-player-theme-pal .audio-player .icon-btn:hover,
body.rml-player-theme-pal .audio-player .com-btn:hover,
body.rml-player-theme-pal .audio-player #commentBtn:hover,
body.rml-player-theme-pal .audio-player .pref-btn:hover,
body.rml-player-theme-pal .audio-player .link-btn:hover,
body.rml-player-theme-pal #popupPlayBtn:hover {
  background: linear-gradient(165deg, var(--rml-pal-mid) 0%, var(--rml-pal-card) 100%) !important;
  border-color: var(--rml-pal-mid) !important;
  color: var(--rml-pal-fog) !important;
}
body.rml-pal-surface-light.rml-player-theme-pal .audio-player .download-btn:hover,
body.rml-pal-surface-light.rml-player-theme-pal .audio-player .play-btn:hover,
body.rml-pal-surface-light.rml-player-theme-pal .audio-player #playBtn:hover,
body.rml-pal-surface-light.rml-player-theme-pal .audio-player .icon-btn:hover,
body.rml-pal-surface-light.rml-player-theme-pal .audio-player .com-btn:hover,
body.rml-pal-surface-light.rml-player-theme-pal .audio-player #commentBtn:hover,
body.rml-pal-surface-light.rml-player-theme-pal .audio-player .pref-btn:hover,
body.rml-pal-surface-light.rml-player-theme-pal .audio-player .link-btn:hover {
  color: var(--rml-pal-fog) !important;
}
body.rml-player-theme-pal .audio-player .visualizer,
body.rml-player-theme-pal .audio-player #visualizer {
  background: rgba(var(--rml-pal-bg-rgb), 0.88) !important;
  border: 1px solid rgba(var(--rml-pal-glow), 0.38) !important;
}
body.rml-player-theme-pal .popup,
body.rml-player-theme-pal #commentPopup,
body.rml-player-theme-pal .comment-panel,
body.rml-player-theme-pal #commentPanel,
body.rml-player-theme-pal #cloudPanel,
body.rml-player-theme-pal #gatePanel,
body.rml-player-theme-pal .info-panel,
body.rml-player-theme-pal #infoPanel,
body.rml-player-theme-pal #rmlCommentEditModal .rml-com-edit-box,
body.rml-player-theme-pal .rml-modal,
body.rml-player-theme-pal #deepSettingsDialogPanel,
body.rml-player-theme-pal #settingsDialogPanel,
body.rml-player-theme-pal .media-led-panel,
body.rml-player-theme-pal #mediaLedPanel {
  background: linear-gradient(165deg, var(--rml-pal-card) 0%, var(--rml-pal-bg) 100%) !important;
  border-color: rgba(var(--rml-pal-glow), 0.55) !important;
  color: var(--rml-pal-ink) !important;
}
body.rml-player-theme-pal .popup .comment-list,
body.rml-player-theme-pal #commentPopup .comment-list,
body.rml-player-theme-pal #commentList {
  background: rgba(var(--rml-pal-bg-rgb), 0.88) !important;
  border-color: rgba(var(--rml-pal-glow), 0.28) !important;
}
body.rml-player-theme-pal .popup label,
body.rml-player-theme-pal .comment-panel label,
body.rml-player-theme-pal .rml-settings-hint,
body.rml-player-theme-pal .rml-settings-section-desc { color: var(--rml-pal-ink-subtle) !important; }
body.rml-player-theme-pal .popup h5,
body.rml-player-theme-pal .rml-settings-section-title,
body.rml-player-theme-pal .rml-modal-title { color: var(--rml-pal-ink) !important; }
body.rml-player-theme-pal .media-led-handle,
body.rml-player-theme-pal .media-led-label { color: var(--rml-pal-ink-muted) !important; }
body.rml-player-theme-pal .comment-panel h3,
body.rml-player-theme-pal .comment-panel h4,
body.rml-player-theme-pal #tab-comments,
body.rml-player-theme-pal #fullCommentList,
body.rml-player-theme-pal .comment-entry { color: var(--rml-pal-ink) !important; }
body.rml-player-theme-pal .comment-entry .comment-timing,
body.rml-player-theme-pal .popup .comment-timing { color: var(--rml-pal-ink-muted) !important; }
/* identity buttons stay untouched — no overrides here */
.rml-theme-swatch { display:inline-flex; width:54px; height:12px; border-radius:3px; overflow:hidden; border:1px solid rgba(255,255,255,0.2); }
.rml-theme-swatch i { flex:1; }
.rml-theme-palette-list { display:flex; flex-direction:column; gap:6px; max-height:240px; overflow:auto; }
.rml-theme-palette-list label { display:flex; align-items:center; gap:8px; cursor:pointer; font-size:11px; }
