/*
 * MeshMelo v195 — the six *admin-selected* dark genre presets only.
 * This file is enqueued by the extension on chart.php only when one of the
 * new presets is selected. Existing light palettes and personal artist skins
 * never load these overrides.
 *
 * v52 supplies contrast-aware palette roles when installed; explicit genre
 * fallbacks allow the page to remain readable if that enhancement is absent.
 */
body.mm-shell-v19 {
  --mm195-bg: var(--mm52-bg, var(--mm-page-bg, #17191f));
  --mm195-text: var(--mm52-text, var(--mm-nav-text, #f7f7fc));
  --mm195-muted: var(--mm52-muted, var(--mm-nav-muted, #bec2cf));
  --mm195-border: var(--mm52-line, rgba(244, 246, 255, .15));
  --mm195-surface: var(--mm52-soft, rgba(244, 246, 255, .055));
  --mm195-hover: var(--mm52-hover, rgba(244, 246, 255, .095));
  --mm195-selected: var(--mm52-selected, rgba(244, 246, 255, .13));
}
body.mm-shell-v19 #container.mm-site-main .mm-d23-chart-stage,
body.mm-shell-v19 #container.mm-site-main .mm-d23-wrap,
body.mm-shell-v19 #container.mm-site-main .mm-discovery-section {
  background: var(--mm195-bg) !important;
  color: var(--mm195-text) !important;
}
body.mm-shell-v19 #container.mm-site-main :is(
  .mm-d23-chart-head h1,
  .mm-d23-section-head h2,
  .mm-d23-range,
  .mm-d23-rank,
  .mm-d23-track-title,
  .mm-d23-artist,
  .mm-d23-artist-name,
  .mm-discovery-head h2,
  .mm-rail-title,
  .mm-rail-card
) {
  color: var(--mm195-text) !important;
  -webkit-text-fill-color: currentColor !important;
}
body.mm-shell-v19 #container.mm-site-main :is(
  .mm-d23-eyebrow,
  .mm-d23-track-meta,
  .mm-d23-track-meta a,
  .mm-d23-track-artist,
  .mm-d23-track-album,
  .mm-d23-change-same,
  .mm-discovery-head p,
  .mm-rail-meta
) {
  color: var(--mm195-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}
body.mm-shell-v19 #container.mm-site-main :is(
  .mm-d23-track,
  .mm-d23-range,
  .mm-d23-chart-block,
  .mm-discovery-section,
  .mm-rail-card
) {
  border-color: var(--mm195-border) !important;
}
body.mm-shell-v19 #container.mm-site-main :is(
  .mm-d23-track:hover,
  .mm-d23-track:focus-within,
  .mm-d23-artist:hover,
  .mm-d23-artist:focus-visible,
  .mm-rail-card:hover,
  .mm-rail-card:focus-visible
) {
  background: var(--mm195-hover) !important;
}
body.mm-shell-v19 #container.mm-site-main :is(
  .mm-d23-middle-artists,
  .mm-d23-empty,
  .mm-rail-empty
) {
  background: var(--mm195-surface) !important;
  background-image: none !important;
  color: var(--mm195-muted) !important;
  border-color: var(--mm195-border) !important;
}
body.mm-shell-v19 #container.mm-site-main .mm-d23-new {
  border-color: var(--mm195-bg) !important;
}
body.mm-shell-v19 #container.mm-site-main :is(
  .mm-d23-genre-chips a,
  .mm-d23-tabs a,
  .mm-d23-pagination a
) {
  background: var(--mm195-surface) !important;
  color: var(--mm195-text) !important;
  border-color: var(--mm195-border) !important;
}
body.mm-shell-v19 #container.mm-site-main :is(
  .mm-d23-genre-chips a:hover,
  .mm-d23-tabs a[aria-current],
  .mm-d23-pagination a[aria-current]
) {
  background: var(--mm195-selected) !important;
}
/* Accessible accent and dark placeholders; actual artwork remains unchanged. */
body.mm-shell-v19 #container.mm-site-main .mm-d23-change-new {
  color: var(--mm-accent, #b3a4ff) !important;
}
body.mm-shell-v19 #container.mm-site-main .mm-d23-change-up {
  color: #ffa0b1 !important;
}
body.mm-shell-v19 #container.mm-site-main .mm-d23-change-down {
  color: #9ecaff !important;
}
body.mm-shell-v19 #container.mm-site-main button.mm-d23-cover-play.mm-play-trigger {
  background: var(--mm195-surface) !important;
}
body.mm-shell-v19 #container.mm-site-main :is(.mm-d23-wrap,.mm-discovery-section) :is(a,button):focus-visible {
  outline: 2px solid var(--mm-accent, #b3a4ff) !important;
  outline-offset: 3px;
}

/* v197 — SRT / playlist-add actions in the six dark genre skins.
 * The legacy v151/v152 + and v157 SRT controls inherit light-theme colours;
 * the selector below only runs when v195 already loaded this chart-only CSS.
 */
body.mm-shell-v19 #container.mm-site-main .mm-d23-track :is(
  a.mm157-srt,
  button.mm151-track-add,
  button.mm152-add-button
){
  -webkit-appearance:none;
  appearance:none;
  background:color-mix(in srgb,var(--mm195-bg,#19191f) 82%,var(--mm-accent,#c59af5) 18%) !important;
  background-image:none !important;
  border:1px solid color-mix(in srgb,var(--mm195-text,#f7f1ff) 52%,transparent) !important;
  color:var(--mm195-text,#f7f1ff) !important;
  -webkit-text-fill-color:var(--mm195-text,#f7f1ff) !important;
  opacity:1 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
  text-shadow:none !important;
}
body.mm-shell-v19 #container.mm-site-main .mm-d23-track :is(
  a.mm157-srt,
  button.mm151-track-add,
  button.mm152-add-button
):is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--mm195-bg,#19191f) 67%,var(--mm-accent,#c59af5) 33%) !important;
  border-color:var(--mm-accent,#c59af5) !important;
  color:var(--mm195-text,#fff) !important;
  -webkit-text-fill-color:var(--mm195-text,#fff) !important;
}
body.mm-shell-v19 #container.mm-site-main .mm-d23-track button.mm152-add-button :is(svg,.mm152-plus-symbol){
  display:block !important;
  color:inherit !important;
  opacity:1 !important;
  fill:none !important;
  -webkit-text-fill-color:initial !important;
}
body.mm-shell-v19 #container.mm-site-main .mm-d23-track button.mm152-add-button svg path{
  stroke:currentColor !important;
  stroke-width:2.4 !important;
  opacity:1 !important;
}
body.mm-shell-v19 #container.mm-site-main .mm-d23-track :is(a.mm157-srt,button.mm151-track-add):focus-visible{
  outline:2px solid var(--mm-accent,#c59af5) !important;
  outline-offset:3px !important;
}
/* Disabled actions must remain visually distinguishable from enabled actions. */
body.mm-shell-v19 #container.mm-site-main .mm-d23-track :is(a.mm157-srt,button.mm151-track-add)[disabled]{
  opacity:.5 !important;
  cursor:not-allowed !important;
}