/* Sonorabox 1.8 — desktop refinements + descanso de tela Playlist/Vinil. */
@media (min-width:901px){
  /* Faixas: altura visual fixa de 12 linhas, mesmo com CDs menores. */
  body:not([data-sonora-view="karaoke"]) .main-layout>.tracks-panel #trackList{
    flex:0 0 648px!important;height:648px!important;min-height:648px!important;max-height:648px!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
  }
  /* Controles do palco: 30px abaixo da posição anterior, alinhados e sem sobreposição. */
  .stage.frame-panel>#coverModeBtn{top:60px!important}
  .stage.frame-panel>#lyricsTopBtn{top:60px!important;right:180px!important;left:auto!important;transform:none!important}
  .stage.frame-panel>#responsiveBackBtn{top:60px!important;right:60px!important;left:auto!important;transform:none!important}
  /* Raiz de gêneros: linha abaixo da logo. */
  #libraryView.genre-home #desktopGenreActions{transform:translateY(78px)!important;margin-top:20px!important;gap:20px!important}
  #libraryView.genre-home #genreGrid{margin-top:78px!important}
  /* Grade acompanha a descida de 30px dos controles. */
  #libraryView.album-grid-mode .album-grid-browser{padding-top:128px!important}
  body[data-sonora-view="all"] #libraryView.album-grid-mode .album-grid-browser{padding-top:195px!important}
  /* Panorâmico: destaque selecionado exatamente 20% acima do tamanho normal. */
  #libraryView.cover-panorama-mode #coverflow .cover-card.panorama-active,
  #libraryView.cover-panorama-mode #coverflow .cover-card[data-pos="0"]{transform:scale(1.20)!important;z-index:260!important}
  #libraryView.cover-panorama-mode #coverflow .cover-card.panorama-active:hover,
  #libraryView.cover-panorama-mode #coverflow .cover-card[data-pos="0"]:hover{transform:scale(1.20)!important}
  /* Equalizador desktop: painel lateral, fora da logo e sem alterar o box esquerdo. */
  body>#equalizerDialog.equalizer-inline-panel{
    position:fixed!important;left:252px!important;right:auto!important;top:175px!important;bottom:auto!important;
    width:min(560px,calc(100vw - 540px))!important;max-width:560px!important;max-height:calc(100vh - 250px)!important;
    overflow:auto!important;z-index:99990!important;transform:none!important;margin:0!important;
  }
}
/* Auto EQ: indicador clicável, preservando o visual atual. */
#eqAutoToggle{appearance:none;border:0;background:transparent;color:inherit;font:inherit;padding:3px 7px;cursor:pointer;border-radius:999px}
#eqAutoToggle[data-mode="auto"]{box-shadow:0 0 10px rgba(255,181,42,.38)}
#eqAutoToggle[data-mode="manual"]{opacity:.72}
/* Descanso de tela: sulcos da playlist sobre o vinil. */
.idle-playlist-grooves{position:absolute;inset:7%;border-radius:50%;z-index:2;pointer-events:none}
.idle-playlist-groove{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(230,183,91,.18);box-shadow:0 0 5px rgba(0,0,0,.55) inset}
.idle-playlist-groove.done{border-color:rgba(214,166,83,.09)}
.idle-playlist-groove.current{border-color:rgba(255,190,63,.95);box-shadow:0 0 8px rgba(255,171,40,.8),inset 0 0 8px rgba(255,171,40,.28)}
.idle-playlist-groove.next{border-color:rgba(232,190,110,.28)}
.idle-playlist-position{position:absolute;left:50%;bottom:8.5%;transform:translateX(-50%);z-index:8;color:#d9b779;font:600 clamp(10px,1vw,14px)/1.2 Georgia,serif;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 5px #000;white-space:nowrap}