/* AJS BLUEODEON — COMMON AUDIO PLAYER
   Shared by En / Pl / It / De.
   Base layout + approved PL V6 visual layer. */

/* AJS BLUEODEON — PL unified audio-player layout */
@media (min-width:1101px){
  .player-console.player-console-compact{
    display:block !important;
    min-height:44px !important;
    padding:5px 7px !important;
  }
  .player-console.player-console-compact > .player-console-inner{
    display:block !important;
    min-width:0 !important;
    width:100% !important;
  }
  .player-console.player-console-compact .controls{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:5px !important;
    width:100% !important;
    margin:0 !important;
  }
  .player-console.player-console-compact .controls button{
    min-height:34px !important;
    padding:4px 5px !important;
    font-size:.82rem !important;
  }

  .playlist-sidebar{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    overflow:hidden !important;
  }
  .playlist-sidebar .track-list{
    flex:1 1 auto !important;
    min-height:240px !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding-right:3px !important;
  }
  .playlist-sidebar .track-btn[disabled]{
    opacity:.48 !important;
    cursor:default !important;
    color:#78909d !important;
    background:#0a1620 !important;
    border-color:#223b4c !important;
  }
  .playlist-sidebar .track-btn[disabled]:hover{
    color:#78909d !important;
    background:#0a1620 !important;
    border-color:#223b4c !important;
  }
  .playlist-cover-slot{
    flex:0 0 auto !important;
    width:100% !important;
    margin-top:14px !important;
    padding:0 10px 10px !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }
  .playlist-cover-slot .cover{
    display:block !important;
    width:min(130px,calc(100% - 48px)) !important;
    max-width:130px !important;
    height:auto !important;
    aspect-ratio:1/1 !important;
    border-radius:50% !important;
    object-fit:cover !important;
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    transform-origin:50% 50% !important;
  }
  .playlist-cover-slot .cover.playing{
    animation:ajsBluodeonPlCoverSpin 5.5s linear infinite !important;
  }
  @keyframes ajsBluodeonPlCoverSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

  .player-zone-actions,.player-zone-btn,.player-zone-video{display:none !important;}
}


/* AJS BLUEODEON — COMMON graphic audio bar v1
   Scope: audio player only. Existing page/navigation/slideshow structure remains unchanged. */

.player-console.player-console-compact.player-console-graphic{
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  min-height:68px !important;
  padding:6px 9px !important;
  background:linear-gradient(90deg,#0a121a,#0b1925 45%,#09131c) !important;
  border:1px solid #29475a !important;
  border-radius:10px !important;
  box-sizing:border-box !important;
}
.player-console.player-console-compact.player-console-graphic > .cover{
  display:block !important;
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  aspect-ratio:1/1 !important;
  border-radius:50% !important;
  object-fit:cover !important;
  border:1px solid rgba(216,178,90,.65) !important;
  outline:none !important;
  box-shadow:0 3px 12px rgba(0,0,0,.38) !important;
  transform-origin:50% 50% !important;
}
.player-console.player-console-compact.player-console-graphic > .cover.playing{
  animation:blueodeonEnGraphicSpin 5.5s linear infinite !important;
}
@keyframes blueodeonEnGraphicSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.playlist-cover-slot{display:none !important;}

.player-console.player-console-compact.player-console-graphic > .player-console-inner{
  display:grid !important;
  grid-template-columns:minmax(150px,.8fr) auto minmax(320px,1.6fr) !important;
  grid-template-rows:auto auto !important;
  grid-template-areas:"title controls meters" "catalog controls meters" !important;
  align-items:center !important;
  column-gap:15px !important;
  row-gap:1px !important;
  width:100% !important;
  min-width:0 !important;
}
.player-console.player-console-compact.player-console-graphic .track-title{
  grid-area:title !important;
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#f0f4f6 !important;
  font-size:.95rem !important;
  font-weight:800 !important;
  line-height:1.18 !important;
}
.player-console.player-console-compact.player-console-graphic .catalog{
  grid-area:catalog !important;
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#8fa4b1 !important;
  font-size:.72rem !important;
  line-height:1.15 !important;
}
.player-console.player-console-compact.player-console-graphic .track-list{display:none !important;}

.player-console.player-console-compact.player-console-graphic .controls.controls-graphic{
  grid-area:controls !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  width:auto !important;
  margin:0 !important;
}
.player-console.player-console-compact.player-console-graphic .transport-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
  border:1px solid transparent !important;
  border-radius:50% !important;
  background:transparent !important;
  color:#c9d5dc !important;
  cursor:pointer !important;
  box-shadow:none !important;
}
.player-console.player-console-compact.player-console-graphic .transport-btn:hover{
  color:#fff !important;
  background:#122737 !important;
  border-color:#315267 !important;
}
.player-console.player-console-compact.player-console-graphic .transport-btn.transport-main{
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  background:#5362f2 !important;
  color:#fff !important;
  border-color:#6775ff !important;
  box-shadow:0 3px 10px rgba(0,0,0,.28) !important;
}
.player-console.player-console-compact.player-console-graphic .transport-btn svg,
.player-console.player-console-compact.player-console-graphic .transport-symbol,
.player-console.player-console-compact.player-console-graphic .transport-symbol svg{
  display:block !important;
  width:20px !important;
  height:20px !important;
  fill:currentColor !important;
}
.player-console.player-console-compact.player-console-graphic .transport-main svg{
  width:22px !important;
  height:22px !important;
}

.player-console.player-console-compact.player-console-graphic .progress-row.player-meter-row{
  grid-area:meters !important;
  display:grid !important;
  grid-template-columns:38px minmax(120px,7fr) 42px minmax(120px,3fr) !important;
  align-items:center !important;
  gap:7px !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}
.player-console.player-console-compact.player-console-graphic .time-readout{
  color:#9fb0ba !important;
  font-size:.69rem !important;
  font-variant-numeric:tabular-nums !important;
  text-align:center !important;
  white-space:nowrap !important;
}
.player-console.player-console-compact.player-console-graphic input[type="range"]{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  cursor:pointer !important;
  accent-color:#5967f4 !important;
}
.player-console.player-console-compact.player-console-graphic .volume-control{
  display:grid !important;
  grid-template-columns:24px minmax(0,1fr) !important;
  align-items:center !important;
  gap:6px !important;
  min-width:0 !important;
}
.player-console.player-console-compact.player-console-graphic .speaker-icon,
.player-console.player-console-compact.player-console-graphic .speaker-icon svg{
  display:block !important;
  width:19px !important;
  height:19px !important;
  fill:#b8c4ca !important;
}

@media (max-width:1320px) and (min-width:1101px){
  .player-console.player-console-compact.player-console-graphic > .player-console-inner{
    grid-template-columns:minmax(130px,.65fr) auto minmax(260px,1.4fr) !important;
    column-gap:9px !important;
  }
  .player-console.player-console-compact.player-console-graphic .progress-row.player-meter-row{
    grid-template-columns:36px minmax(90px,7fr) 40px minmax(90px,3fr) !important;
    gap:5px !important;
  }
}

@media (max-width:1100px){
  .player-console.player-console-compact.player-console-graphic{
    grid-template-columns:46px minmax(0,1fr) !important;
    gap:5px !important;
    min-height:0 !important;
    padding:4px 5px 5px !important;
    border-radius:7px !important;
  }
  .player-console.player-console-compact.player-console-graphic > .cover{
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    align-self:start !important;
    margin-top:2px !important;
  }
  .player-console.player-console-compact.player-console-graphic > .player-console-inner{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto auto auto !important;
    grid-template-areas:"title" "catalog" "controls" "meters" !important;
    column-gap:0 !important;
    row-gap:3px !important;
  }
  .player-console.player-console-compact.player-console-graphic .track-title{
    display:block !important;
    font-size:.78rem !important;
  }
  .player-console.player-console-compact.player-console-graphic .catalog{
    display:block !important;
    font-size:.62rem !important;
  }
  .player-console.player-console-compact.player-console-graphic .controls.controls-graphic{
    display:flex !important;
    width:min(250px,100%) !important;
    justify-content:space-between !important;
    justify-self:center !important;
    gap:10px !important;
    margin:2px auto 1px !important;
  }
  .player-console.player-console-compact.player-console-graphic .transport-btn{
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 !important;
  }
  .player-console.player-console-compact.player-console-graphic .transport-btn.transport-main{
    width:46px !important;
    min-width:46px !important;
    height:46px !important;
    min-height:46px !important;
  }
  .player-console.player-console-compact.player-console-graphic .transport-btn svg,
  .player-console.player-console-compact.player-console-graphic .transport-symbol,
  .player-console.player-console-compact.player-console-graphic .transport-symbol svg{
    width:21px !important;
    height:21px !important;
  }
  .player-console.player-console-compact.player-console-graphic .transport-main svg{
    width:24px !important;
    height:24px !important;
  }
  .player-console.player-console-compact.player-console-graphic .progress-row.player-meter-row{
    display:grid !important;
    grid-template-columns:34px minmax(0,7fr) 38px minmax(76px,3fr) !important;
    gap:4px !important;
    margin-top:2px !important;
  }
  .player-console.player-console-compact.player-console-graphic .time-readout{
    font-size:.61rem !important;
  }
  .player-console.player-console-compact.player-console-graphic .volume-control{
    display:grid !important;
    grid-template-columns:18px minmax(0,1fr) !important;
    gap:3px !important;
  }
  .player-console.player-console-compact.player-console-graphic .speaker-icon,
  .player-console.player-console-compact.player-console-graphic .speaker-icon svg{
    width:15px !important;
    height:15px !important;
  }
}

@media (max-width:520px){
  .player-console.player-console-compact.player-console-graphic{
    grid-template-columns:42px minmax(0,1fr) !important;
  }
  .player-console.player-console-compact.player-console-graphic > .cover{
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
  }
  .player-console.player-console-compact.player-console-graphic > .player-console-inner{
    grid-template-columns:minmax(0,1fr) auto !important;
  }
  .player-console.player-console-compact.player-console-graphic .catalog{
    display:block !important;
    font-size:.62rem !important;
  }
  .player-console.player-console-compact.player-console-graphic .progress-row.player-meter-row{
    grid-template-columns:32px minmax(0,1fr) 36px !important;
    grid-template-rows:auto auto !important;
  }
  .player-console.player-console-compact.player-console-graphic .volume-control{
    grid-column:2 / 4 !important;
    width:min(150px,100%) !important;
    justify-self:end !important;
    margin-top:1px !important;
  }
}

/* AJS BLUEODEON — COMMON graphic audio bar v3
   Mobile-only layout refinement. Playback logic is unchanged.
   Goals: larger cover, compact top bar, full-width transport, progress + volume on one row,
   and a short three-line file-information strip above the playlist. */
@media (max-width:1100px){
  .player-console.player-console-compact.player-console-graphic{
    grid-template-columns:56px minmax(0,1fr) !important;
    align-items:center !important;
    gap:7px !important;
    padding:5px 6px 6px !important;
  }
  .player-console.player-console-compact.player-console-graphic > .cover{
    width:54px !important;
    min-width:54px !important;
    height:54px !important;
    margin:0 !important;
    align-self:center !important;
  }

  /* In the compact bar show only the technical/catalog name.
     The real title appears in the file-information strip below. */
  .player-console.player-console-compact.player-console-graphic > .player-console-inner{
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:auto auto !important;
    grid-template-areas:"catalog controls" "meters meters" !important;
    align-items:center !important;
    column-gap:7px !important;
    row-gap:4px !important;
  }
  .player-console.player-console-compact.player-console-graphic .track-title{
    display:none !important;
  }
  .player-console.player-console-compact.player-console-graphic .catalog{
    grid-area:catalog !important;
    display:block !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:.72rem !important;
    font-weight:700 !important;
    color:#a8bac4 !important;
  }

  /* Keep the four transport buttons finger-friendly and spread across their zone. */
  .player-console.player-console-compact.player-console-graphic .controls.controls-graphic{
    grid-area:controls !important;
    display:flex !important;
    width:min(230px,100%) !important;
    justify-content:space-between !important;
    justify-self:end !important;
    gap:7px !important;
    margin:0 !important;
  }
  .player-console.player-console-compact.player-console-graphic .transport-btn{
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    min-height:42px !important;
  }
  .player-console.player-console-compact.player-console-graphic .transport-btn.transport-main{
    width:46px !important;
    min-width:46px !important;
    height:46px !important;
    min-height:46px !important;
  }

  /* One meter line: roughly 2/3 playback position and 1/3 volume. */
  .player-console.player-console-compact.player-console-graphic .progress-row.player-meter-row{
    grid-area:meters !important;
    display:grid !important;
    grid-template-columns:31px minmax(0,2fr) 35px minmax(82px,1fr) !important;
    grid-template-rows:auto !important;
    align-items:center !important;
    gap:4px !important;
    width:calc(100% + 63px) !important;
    margin:1px 0 0 -63px !important;
  }
  .player-console.player-console-compact.player-console-graphic .volume-control{
    grid-column:auto !important;
    display:grid !important;
    grid-template-columns:17px minmax(0,1fr) !important;
    gap:3px !important;
    width:100% !important;
    min-width:0 !important;
    justify-self:stretch !important;
    margin:0 !important;
  }

  /* Reuse the existing file-information panel as a compact mobile strip.
     No new player logic is added: it is the same title/catalog/category/format data already present. */
  .media-main > .media-info-panel,
  .media-main > .media-info-panel.media-info-hidden{
    display:grid !important;
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    width:100% !important;
    height:auto !important;
    min-width:0 !important;
    max-height:none !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:2px 10px !important;
    margin:4px 0 0 !important;
    padding:5px 8px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    border:1px solid #29475a !important;
    border-radius:7px !important;
    background:linear-gradient(90deg,#091721,#0a1a25) !important;
  }
  .media-main > .media-info-panel .media-info-head,
  .media-main > .media-info-panel .media-info-label,
  .media-main > .media-info-panel .media-info-text-label,
  .media-main > .media-info-panel .media-info-text{
    display:none !important;
  }
  .media-main > .media-info-panel > .media-info-row{
    display:block !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
  /* Child 2 = real title, 3 = technical name, 4 = category, 5 = source file, 6 = format. */
  .media-main > .media-info-panel > .media-info-row:nth-child(2){
    grid-column:1 / -1 !important;
    grid-row:1 !important;
  }
  .media-main > .media-info-panel > .media-info-row:nth-child(3){
    grid-column:1 / -1 !important;
    grid-row:2 !important;
  }
  .media-main > .media-info-panel > .media-info-row:nth-child(4){
    grid-column:1 !important;
    grid-row:3 !important;
  }
  .media-main > .media-info-panel > .media-info-row:nth-child(5){
    display:none !important;
  }
  .media-main > .media-info-panel > .media-info-row:nth-child(6){
    grid-column:2 !important;
    grid-row:3 !important;
    text-align:right !important;
  }
  .media-main > .media-info-panel .media-info-value{
    display:block !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    line-height:1.15 !important;
  }
  .media-main > .media-info-panel .info-title{
    color:#edf4f6 !important;
    font-size:.79rem !important;
    font-weight:800 !important;
  }
  .media-main > .media-info-panel .info-technical{
    color:#94aab5 !important;
    font-size:.66rem !important;
  }
  .media-main > .media-info-panel .info-category,
  .media-main > .media-info-panel .info-format{
    color:#6fa2b0 !important;
    font-size:.61rem !important;
    font-weight:700 !important;
  }
}

@media (max-width:420px){
  .player-console.player-console-compact.player-console-graphic{
    grid-template-columns:52px minmax(0,1fr) !important;
    gap:5px !important;
    padding-left:5px !important;
    padding-right:5px !important;
  }
  .player-console.player-console-compact.player-console-graphic > .cover{
    width:50px !important;
    min-width:50px !important;
    height:50px !important;
  }
  .player-console.player-console-compact.player-console-graphic > .player-console-inner{
    column-gap:4px !important;
  }
  .player-console.player-console-compact.player-console-graphic .catalog{
    font-size:.66rem !important;
  }
  .player-console.player-console-compact.player-console-graphic .controls.controls-graphic{
    width:min(190px,100%) !important;
    gap:4px !important;
  }
  .player-console.player-console-compact.player-console-graphic .transport-btn{
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    min-height:38px !important;
  }
  .player-console.player-console-compact.player-console-graphic .transport-btn.transport-main{
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    min-height:42px !important;
  }
  .player-console.player-console-compact.player-console-graphic .progress-row.player-meter-row{
    grid-template-columns:29px minmax(0,2fr) 33px minmax(76px,1fr) !important;
    width:calc(100% + 57px) !important;
    margin-left:-57px !important;
    gap:3px !important;
  }
  .player-console.player-console-compact.player-console-graphic .time-readout{
    font-size:.58rem !important;
  }
  .media-main > .media-info-panel{
    padding:4px 7px !important;
  }
  .media-main > .media-info-panel .info-title{font-size:.75rem !important;}
  .media-main > .media-info-panel .info-technical{font-size:.63rem !important;}
  .media-main > .media-info-panel .info-category,
  .media-main > .media-info-panel .info-format{font-size:.58rem !important;}
}

/* AJS BLUEODEON — COMMON graphic audio bar v4
   Mobile-only spacing refinement requested after the working V3.
   Playback logic, HTML, playlist, paths and slideshow are unchanged.
   Changes: progress/volume row no longer extends under the cover;
   technical/catalog name is centered above the meter zone;
   cover uses the freed left-hand square more fully. */
@media (max-width:1100px){
  .player-console.player-console-compact.player-console-graphic{
    grid-template-columns:70px minmax(0,1fr) !important;
    gap:8px !important;
  }
  .player-console.player-console-compact.player-console-graphic > .cover{
    width:68px !important;
    min-width:68px !important;
    height:68px !important;
    align-self:center !important;
    margin:0 !important;
  }
  .player-console.player-console-compact.player-console-graphic .catalog{
    text-align:center !important;
    justify-self:stretch !important;
    padding:0 4px !important;
    box-sizing:border-box !important;
  }
  .player-console.player-console-compact.player-console-graphic .progress-row.player-meter-row{
    width:100% !important;
    margin:1px 0 0 0 !important;
  }
}

@media (max-width:420px){
  .player-console.player-console-compact.player-console-graphic{
    grid-template-columns:66px minmax(0,1fr) !important;
    gap:6px !important;
  }
  .player-console.player-console-compact.player-console-graphic > .cover{
    width:64px !important;
    min-width:64px !important;
    height:64px !important;
  }
  .player-console.player-console-compact.player-console-graphic .catalog{
    text-align:center !important;
  }
  .player-console.player-console-compact.player-console-graphic .progress-row.player-meter-row{
    width:100% !important;
    margin-left:0 !important;
  }
}

/* AJS BLUEODEON — COMMON graphic audio bar v5
   Mobile-only information-strip refinement.
   Playback logic, HTML, playlist, paths, slideshow, cover and player controls are unchanged.
   The file-information values now flow continuously across the full available width
   and wrap naturally onto the next line instead of occupying separate columns. */
@media (max-width:1100px){
  .media-main > .media-info-panel,
  .media-main > .media-info-panel.media-info-hidden{
    display:block !important;
    width:100% !important;
    text-align:left !important;
  }
  .media-main > .media-info-panel > .media-info-row{
    display:inline !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
  }
  .media-main > .media-info-panel > .media-info-row:nth-child(5){
    display:none !important;
  }
  .media-main > .media-info-panel > .media-info-row:nth-child(2)::after,
  .media-main > .media-info-panel > .media-info-row:nth-child(3)::after,
  .media-main > .media-info-panel > .media-info-row:nth-child(4)::after{
    content:"  •  " !important;
    color:#496b7c !important;
    white-space:pre !important;
  }
  .media-main > .media-info-panel > .media-info-row:nth-child(6)::after{
    content:"" !important;
  }
  .media-main > .media-info-panel .media-info-value{
    display:inline !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    line-height:1.35 !important;
  }
}

/* AJS BLUEODEON — COMMON playlist dark visual v6
   Scope: playlist appearance only.
   Playback logic, HTML, JS, paths, slideshow, player controls and file-information strip are unchanged. */
.playlist-sidebar{
  background:linear-gradient(180deg,#081722 0%,#07131d 100%) !important;
  border-color:#2c4d60 !important;
}
.playlist-sidebar-head{
  color:#dff7f3 !important;
  font-weight:900 !important;
}
.playlist-sidebar .track-btn{
  background:linear-gradient(180deg,#10283a 0%,#0c2130 100%) !important;
  color:#f1f6f8 !important;
  border-color:#355c70 !important;
  font-weight:700 !important;
  letter-spacing:.005em !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 2px 7px rgba(0,0,0,.16) !important;
}
.playlist-sidebar .track-btn:hover{
  background:linear-gradient(180deg,#17384b 0%,#112c3d 100%) !important;
  color:#ffffff !important;
  border-color:#69c6c0 !important;
}
.playlist-sidebar .track-btn.active{
  background:linear-gradient(90deg,#16495a 0%,#123848 55%,#102d3d 100%) !important;
  color:#ffffff !important;
  border-color:#78d8d0 !important;
  font-weight:900 !important;
  box-shadow:inset 4px 0 0 #8be5dd,inset 0 1px 0 rgba(255,255,255,.08),0 2px 9px rgba(0,0,0,.22) !important;
}
.playlist-sidebar .track-btn[disabled],
.playlist-sidebar .track-btn[disabled]:hover{
  background:#0a1721 !important;
  color:#708795 !important;
  border-color:#203b4b !important;
  font-weight:600 !important;
  box-shadow:none !important;
  opacity:.62 !important;
}

@media (max-width:1100px){
  .playlist-sidebar .track-btn{
    font-size:.90rem !important;
    font-weight:750 !important;
    line-height:1.12 !important;
  }
  .playlist-sidebar .track-btn.active{
    font-weight:900 !important;
  }
}


/* AJS BLUEODEON — PLAYLIST LEGEND v1 — 2026-09-18 */
@media (min-width:1101px){
  .media-info-panel{display:flex !important;flex-direction:column !important;}
  .playlist-legend{
    margin-top:auto !important;
    padding-top:10px !important;
    border-top:1px solid #203b4b !important;
    color:#8fa4b0 !important;
  }
}
.playlist-legend-head{
  color:#7fa9b3 !important;
  font-size:.68rem !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  margin-bottom:5px !important;
}
.playlist-legend-text{
  color:#92a7b2 !important;
  font-size:.73rem !important;
  line-height:1.42 !important;
  overflow-wrap:anywhere !important;
}
@media (max-width:1100px){
  .media-main > .media-info-panel .playlist-legend{
    display:block !important;
    width:100% !important;
    margin-top:6px !important;
    padding-top:6px !important;
    border-top:1px solid #203b4b !important;
    clear:both !important;
  }
  .media-main > .media-info-panel .playlist-legend-head{
    display:block !important;
    font-size:.62rem !important;
    margin-bottom:3px !important;
  }
  .media-main > .media-info-panel .playlist-legend-text{
    display:block !important;
    font-size:.67rem !important;
    line-height:1.35 !important;
    white-space:normal !important;
  }
}