/* Venture Radio V1.7.7 */
.vr-accountbar.vr-accountbar-compact{
  position:fixed!important;top:12px!important;left:auto!important;right:16px!important;
  width:auto!important;max-width:min(620px,calc(100vw - 32px))!important;min-height:0!important;
  padding:6px!important;border-radius:14px!important;background:rgba(8,11,15,.88)!important;
  backdrop-filter:blur(18px)!important;box-shadow:0 12px 34px rgba(0,0,0,.32)!important;
  z-index:420!important;
}
.vr-accountbar.vr-accountbar-compact .right{display:flex!important;gap:7px!important;align-items:center!important;flex-wrap:nowrap!important}
.vr-accountbar.vr-accountbar-compact .right a{padding:8px 11px!important;border-radius:10px!important;font-size:.69rem!important;white-space:nowrap!important}
body{padding-top:0!important}

/* De player-layout staat vanaf V12 uitsluitend in v12-radio.css. */
@media(max-width:720px){
  .vr-accountbar.vr-accountbar-compact{top:8px!important;right:8px!important;max-width:calc(100vw - 16px)!important;padding:5px!important}
  .vr-accountbar.vr-accountbar-compact .right a{padding:7px 9px!important;font-size:.62rem!important}
}

/* Venture Radio V1.7.8 — direct cast control */
.vr178-cast-button{position:relative;color:#e4c76f!important;background:rgba(228,199,111,.08)!important;border-color:rgba(228,199,111,.22)!important}
.vr178-cast-button svg{width:17px!important;height:17px!important}
.vr178-cast-button .vr178-cast-dot{position:absolute;right:3px;top:3px;width:7px;height:7px;border-radius:50%;background:#69717d;box-shadow:0 0 0 2px #0b0e12}
.vr178-cast-button.connected{color:#07100b!important;background:#e4c76f!important;border-color:#e4c76f!important;box-shadow:0 0 20px rgba(228,199,111,.32)}
.vr178-cast-button.connected .vr178-cast-dot{background:#2ecf73}
.vr178-cast-button.loading svg{animation:vr178CastPulse 1.05s ease-in-out infinite}
.vr178-cast-button.loading .vr178-cast-dot{background:#f2ba35;animation:vr178CastDot .85s ease-in-out infinite}
@keyframes vr178CastPulse{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@keyframes vr178CastDot{0%,100%{box-shadow:0 0 0 2px #0b0e12,0 0 0 0 rgba(242,186,53,.3)}50%{box-shadow:0 0 0 2px #0b0e12,0 0 0 7px rgba(242,186,53,0)}}