/* SonoraBox 1.9 — remove a faixa escura sobre a tela de Gêneros sem alterar os controles. */
#jukeboxInnerNav.jukebox-inner-nav{
  background:transparent!important;
}

/* SonoraBox 2.0 — ajustes aprovados sobre a base 1.9. */
/* Desktop: controles 20px abaixo da posição do 1.9 e texto Artista/Música centralizado. */
@media (min-width:901px){
  .stage.frame-panel>#coverModeBtn,
  .stage.frame-panel>#lyricsTopBtn,
  .stage.frame-panel>#responsiveBackBtn{top:80px!important}
  #genresToAllBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
}
/* Mobile: impede Letras de invadir Artista/Música na barra de gêneros. */
@media (max-width:900px){
  #jukeboxInnerNav.responsive-genre-actions{display:grid!important;grid-template-columns:auto auto auto minmax(0,1fr)!important;align-items:center!important;gap:4px!important}
  #jukeboxInnerNav.responsive-genre-actions #coverModeBtn,
  #jukeboxInnerNav.responsive-genre-actions #lyricsTopBtn,
  #jukeboxInnerNav.responsive-genre-actions #responsiveBackBtn{min-width:0!important;padding-left:5px!important;padding-right:5px!important}
  #jukeboxInnerNav.responsive-genre-actions #genresToAllBtn{min-width:0!important;width:100%!important;margin:0!important;padding-left:5px!important;padding-right:5px!important;white-space:nowrap!important}
}
/* Radiola: segundo visual do descanso, preservando o Vinil original. */
.idle-radiola-vus,.idle-radiola-arm{display:none}
#idleCoverOverlay[data-idle-style="radiola"]{background:radial-gradient(circle at 50% 42%,#38200f 0,#120a05 52%,#030201 100%)}
#idleCoverOverlay[data-idle-style="radiola"] .idle-turntable{padding:8vh 17vw 16vh 25vw}
#idleCoverOverlay[data-idle-style="radiola"] .idle-vinyl{width:min(64vmin,700px);box-shadow:0 0 0 16px #25170d,0 0 0 20px #8c5b2d,0 25px 65px #000,0 0 90px rgba(218,145,54,.18)}
#idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-vus{display:flex;position:absolute;left:4vw;top:24vh;z-index:8;flex-direction:column;gap:18px;width:min(17vw,230px)}
.idle-radiola-vu{position:relative;height:105px;border:5px solid #2b1709;border-radius:8px;background:linear-gradient(#f2c468,#d58a31);box-shadow:inset 0 0 25px rgba(86,35,4,.5),0 8px 25px #000;color:#4b230c;text-align:center;font:bold 18px Georgia,serif;padding-top:58px}
.idle-radiola-vu:before{content:'−20   −10   −5    0   +3';position:absolute;left:8px;right:8px;top:18px;font:10px monospace}
.idle-radiola-vu i{position:absolute;width:2px;height:58px;background:#6b170d;left:50%;bottom:-4px;transform-origin:50% 100%;animation:idleVuNeedle 1.1s ease-in-out infinite alternate}
.idle-radiola-vu:nth-child(2) i{animation-delay:-.43s}
#idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-arm{display:block;position:absolute;right:7vw;top:17vh;width:28vw;height:58vh;z-index:9;pointer-events:none}
.idle-arm-base{position:absolute;right:2%;top:0;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#d6c2a0 0 12%,#30251c 14% 35%,#b28a55 37% 42%,#17100b 44%);box-shadow:0 10px 28px #000}
.idle-arm-bar{position:absolute;right:62px;top:70px;width:18px;height:52vh;border-radius:12px;background:linear-gradient(90deg,#80694d,#eee0bd 48%,#70593f);transform-origin:50% 0;transform:rotate(27deg);box-shadow:3px 5px 12px #000}
.idle-arm-head{position:absolute;left:18%;bottom:7%;width:74px;height:34px;border-radius:5px;background:linear-gradient(#b7a27e,#4b3c2b);transform:rotate(28deg);box-shadow:0 5px 12px #000}
@keyframes idleVuNeedle{from{transform:rotate(-35deg)}to{transform:rotate(25deg)}}
@media(max-width:900px){#idleCoverOverlay[data-idle-style="radiola"] .idle-turntable{padding:14vh 5vw 20vh}#idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-vus{left:3vw;top:9vh;width:25vw;opacity:.72}.idle-radiola-vu{height:58px;border-width:3px;padding-top:32px;font-size:11px}.idle-radiola-vu:before{top:9px;font-size:6px}.idle-radiola-vu i{height:32px}#idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-arm{right:0;top:18vh;width:34vw;height:45vh;transform:scale(.72);transform-origin:top right}}

/* SonoraBox 2.1 — Radiola visualmente distinta do modo Vinil. */
#idleCoverOverlay[data-idle-style="radiola"]::before{
  content:"";position:absolute;inset:5vh 3vw 7vh;z-index:1;border-radius:34px;
  background:linear-gradient(135deg,#4b2a12 0%,#1b0e07 22%,#38200f 48%,#120a05 78%,#4b2a12 100%);
  border:10px solid #6b3d1b;box-shadow:inset 0 0 0 3px #b77835,inset 0 0 75px #050201,0 28px 90px #000;
}
#idleCoverOverlay[data-idle-style="radiola"]::after{
  content:"SONORABOX  •  RADIOLA";position:absolute;left:5.5vw;top:8.5vh;z-index:10;
  color:#d7a45a;font:700 clamp(14px,1.45vw,25px) Georgia,serif;letter-spacing:.18em;text-shadow:0 2px 5px #000;
}
#idleCoverOverlay[data-idle-style="radiola"] .idle-cover-bg{opacity:.12!important;filter:blur(26px) saturate(.7)!important}
#idleCoverOverlay[data-idle-style="radiola"] .idle-light,#idleCoverOverlay[data-idle-style="radiola"] .idle-center-glow{opacity:.18!important}
#idleCoverOverlay[data-idle-style="radiola"] .idle-travel-logo{left:5.5vw!important;top:13vh!important;width:min(15vw,240px)!important;z-index:10!important;opacity:.92!important}
#idleCoverOverlay[data-idle-style="radiola"] .idle-turntable{z-index:4!important;position:absolute!important;inset:9vh 21vw 15vh 22vw!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:28px!important;background:radial-gradient(circle at 48% 45%,#2c2a25 0 53%,#151310 54% 100%)!important;border:4px solid #72502c!important;box-shadow:inset 0 0 45px #000,0 14px 45px #000!important}
#idleCoverOverlay[data-idle-style="radiola"] .idle-vinyl{width:min(64vh,50vw)!important;height:min(64vh,50vw)!important;max-width:none!important;max-height:none!important;box-shadow:0 0 0 7px #0b0a08,0 0 0 11px #a06b2e,0 22px 55px #000!important}
#idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-vus{left:5.5vw!important;top:35vh!important;width:min(14vw,220px)!important;z-index:10!important}
#idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-arm{right:5vw!important;top:13vh!important;width:24vw!important;height:67vh!important;z-index:11!important}
#idleCoverOverlay[data-idle-style="radiola"] .idle-cover-caption{z-index:12!important;bottom:8.5vh!important}
#idleCoverOverlay[data-idle-style="radiola"] .idle-playlist-position{z-index:12!important;bottom:14vh!important}
@media(max-width:900px){
 #idleCoverOverlay[data-idle-style="radiola"]::before{inset:3vh 2vw 5vh;border-width:5px;border-radius:20px}
 #idleCoverOverlay[data-idle-style="radiola"]::after{left:5vw;top:5vh;font-size:11px}
 #idleCoverOverlay[data-idle-style="radiola"] .idle-travel-logo{left:5vw!important;top:9vh!important;width:24vw!important}
 #idleCoverOverlay[data-idle-style="radiola"] .idle-turntable{inset:18vh 7vw 24vh 7vw!important}
 #idleCoverOverlay[data-idle-style="radiola"] .idle-vinyl{width:min(58vh,76vw)!important;height:min(58vh,76vw)!important}
 #idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-vus{left:5vw!important;top:auto!important;bottom:8vh!important;width:28vw!important;flex-direction:row!important}
 #idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-arm{right:1vw!important;top:18vh!important;width:35vw!important;height:45vh!important}
}