/* SonoraBox 2.3 SAFE — somente alterações visuais. Nenhum JavaScript do descanso foi alterado. */

/* Desktop: Capa Única / Letras / Voltar 25px mais baixos que a posição original da base. */
@media (min-width:901px){
  .stage.frame-panel>#coverModeBtn,
  .stage.frame-panel>#lyricsTopBtn,
  .stage.frame-panel>#responsiveBackBtn{top:105px!important}
}

/* Radiola: retirar moldura externa e título textual antigo. */
#idleCoverOverlay[data-idle-style="radiola"]::before,
#idleCoverOverlay[data-idle-style="radiola"]::after{display:none!important;content:none!important}

/* Fundo limpo, mantendo o mecanismo original do descanso. */
#idleCoverOverlay[data-idle-style="radiola"]{
  background:radial-gradient(circle at 52% 44%,#38200f 0,#120a05 54%,#030201 100%)!important;
}

/* Logo no alto à esquerda. A animação existente continua sendo a da base 2.2. */
#idleCoverOverlay[data-idle-style="radiola"] #idleTravelLogo.idle-travel-logo{
  left:4.5vw!important;right:auto!important;top:5vh!important;
  width:min(20vw,310px)!important;max-height:19vh!important;
  z-index:14!important;opacity:.96!important;
}

/* Vinil sem box/placa em volta. */
#idleCoverOverlay[data-idle-style="radiola"] .idle-turntable{
  position:absolute!important;inset:8vh 25vw 12vh 22vw!important;
  padding:0!important;display:grid!important;place-items:center!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;z-index:4!important;
}
#idleCoverOverlay[data-idle-style="radiola"] .idle-vinyl{
  width:min(72vh,54vw)!important;height:min(72vh,54vw)!important;
  box-shadow:0 0 0 5px #080706,0 0 0 8px rgba(185,123,49,.76),0 22px 60px #000,0 0 65px rgba(218,145,54,.15)!important;
}

/* VUs no lado direito. Identificação visual L/R; funcionamento permanece o original da 2.2. */
#idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-vus{
  display:flex!important;left:auto!important;right:4.5vw!important;top:36vh!important;
  width:min(15vw,230px)!important;flex-direction:column!important;gap:18px!important;z-index:14!important;
}
#idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-vu{border-color:#3a210d!important;background:linear-gradient(180deg,#f4cc75,#d88b31)!important;box-shadow:inset 0 0 25px rgba(86,35,4,.48),0 8px 25px #000,0 0 16px rgba(213,151,62,.15)!important}
#idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-vu:nth-child(1) span{font-size:0}
#idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-vu:nth-child(1) span::after{content:'L';font-size:18px}
#idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-vu:nth-child(2) span{font-size:0}
#idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-vu:nth-child(2) span::after{content:'R';font-size:18px}

/* Braço com acabamento dourado/bronze, sem alterar sua lógica. */
#idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-arm{
  display:block!important;right:4vw!important;top:9vh!important;width:26vw!important;height:68vh!important;z-index:12!important;
}
#idleCoverOverlay[data-idle-style="radiola"] .idle-arm-base{
  background:radial-gradient(circle,#f0c977 0 10%,#5a3517 12% 31%,#d3a24d 33% 41%,#241409 43% 58%,#a96f2e 60% 67%,#0f0905 69%)!important;
  box-shadow:inset 0 0 10px rgba(255,225,155,.28),0 10px 28px #000,0 0 18px rgba(214,161,74,.2)!important;
}
#idleCoverOverlay[data-idle-style="radiola"] .idle-arm-bar{
  background:linear-gradient(90deg,#5f3514 0%,#c78d3b 24%,#f0ca76 48%,#9c6226 74%,#3b210e 100%)!important;
  box-shadow:inset 1px 0 rgba(255,238,190,.35),3px 5px 12px #000!important;
}
#idleCoverOverlay[data-idle-style="radiola"] .idle-arm-head{
  background:linear-gradient(180deg,#d6a752,#754218 62%,#241308)!important;
  border:1px solid rgba(246,205,116,.42)!important;box-shadow:0 5px 12px #000!important;
}

@media(max-width:900px){
  #idleCoverOverlay[data-idle-style="radiola"] #idleTravelLogo.idle-travel-logo{left:4vw!important;top:4vh!important;width:30vw!important}
  #idleCoverOverlay[data-idle-style="radiola"] .idle-turntable{inset:17vh 7vw 22vh 7vw!important}
  #idleCoverOverlay[data-idle-style="radiola"] .idle-vinyl{width:min(60vh,78vw)!important;height:min(60vh,78vw)!important}
  #idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-vus{right:3vw!important;left:auto!important;top:auto!important;bottom:7vh!important;width:34vw!important;flex-direction:row!important;gap:8px!important}
  #idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-arm{right:0!important;top:18vh!important;width:35vw!important;height:45vh!important}
}

/* v2.4 — VUs da Radiola: agulhas controladas pelos canais reais L/R. */
#idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-vu i{animation:none!important;transition:transform .075s linear!important;transform:rotate(-44deg)}

/* 2.5 integrada: próximas faixas, VUs rebaixados e braço seguindo progresso */
#idleCoverOverlay[data-idle-style="radiola"] .idle-upcoming{display:block;position:absolute;left:4.5vw;top:calc(5vh + min(20vw,310px)*.44 + 50px);width:min(21vw,320px);z-index:15;color:#f6d99c;font-family:Georgia,serif}
.idle-upcoming{display:none}
.idle-upcoming h3{font-size:clamp(13px,1.4vw,21px);margin:0 0 12px}
.idle-upcoming-item{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid #a97a3b55;font-size:clamp(11px,1.05vw,16px)}
.idle-upcoming-item>b{color:#d7a35d;min-width:14px}
.idle-upcoming-item span{display:flex;flex-direction:column;min-width:0}
.idle-upcoming-item strong,.idle-upcoming-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.idle-upcoming-item small{color:#c8ad82;margin-top:3px}
.idle-upcoming-empty{font-size:13px;color:#c8ad82}
#idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-vus{top:43vh!important}
#idleCoverOverlay[data-idle-style="radiola"] .idle-arm-bar{transform:rotate(calc(var(--arm-progress,0)* -11deg))!important;transform-origin:top center!important}
#idleCoverOverlay[data-idle-style="radiola"] .idle-arm-head{transform:translateX(calc(var(--arm-progress,0)* -2vw))!important}
#idleCoverOverlay[data-idle-style="radiola"] .idle-cover-caption{max-width:75vw!important;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){#idleCoverOverlay[data-idle-style="radiola"] .idle-upcoming{left:3vw;top:14vh;width:34vw}.idle-upcoming-item:nth-child(n+4){display:none}#idleCoverOverlay[data-idle-style="radiola"] .idle-radiola-vus{top:auto!important}}