/*
 VW Watch Together V2.7R1
 Playback Authority + Premium Responsive Player Controls
 Loaded LAST to neutralize older CSS conflicts.
*/
.member-playback-status{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.02em}
.member-playback-status.paused{color:#ffc0c8;border:1px solid rgba(255,107,122,.18);background:rgba(255,107,122,.07)}
.member-playback-status.buffering{color:#ffd99c;border:1px solid rgba(242,184,75,.18);background:rgba(242,184,75,.07)}
.stage .controls{border-top:1px solid rgba(255,255,255,.035)}
.stage .control-row{min-width:0}
.stage .round,.stage .icon-btn,.stage #rateSelect,.stage .audio-track-btn,.stage .vw-voice-btn{flex:0 0 auto}
.stage .round{width:42px;height:42px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.stage #volume{min-width:64px;max-width:112px;flex:1 1 86px}
@media(max-width:1024px){.stage .control-row{gap:8px}.stage #volume{max-width:88px}.stage .audio-track-btn{min-width:108px}}
@media(max-width:700px){
  .stage .controls{display:grid!important;grid-template-columns:44px 72px minmax(0,1fr) 44px 44px;grid-template-areas:"play time time sync sync" "seek seek seek seek seek" "rate rate audio mute fs" "volume volume volume voice voice";gap:10px 8px!important;padding:12px!important;align-items:center;background:linear-gradient(180deg,rgba(12,17,24,.98),rgba(8,13,20,.99))}
  .stage .control-row{display:contents!important}
  .stage #playPause{grid-area:play;width:44px!important;height:44px!important;justify-self:start;font-size:15px}
  .stage .timeblock{grid-area:time;min-width:0!important;width:auto!important;font-size:11px!important;gap:4px!important;white-space:nowrap}
  .stage .sync-status{grid-area:sync;display:flex!important;margin-left:0!important;justify-self:end;min-width:0;max-width:100%;font-size:9.5px!important;white-space:nowrap;overflow:hidden}
  .stage .sync-status span{overflow:hidden;text-overflow:ellipsis}
  .stage #seek{grid-area:seek;width:100%!important;margin:0!important;min-width:0;height:22px}
  .stage #rateSelect{grid-area:rate;justify-self:start;width:70px!important;min-width:70px!important;height:40px!important;padding:0 9px!important;border-radius:11px!important;font-size:11px!important}
  .stage .audio-track-picker{grid-area:audio;position:static!important;width:100%;min-width:0}
  .stage .audio-track-btn{width:100%!important;min-width:0!important;height:40px!important;grid-template-columns:20px minmax(0,1fr) 13px!important;padding:4px 7px!important;border-radius:11px!important}
  .stage .audio-track-button-copy{display:flex!important;min-width:0}.stage .audio-track-button-copy small{display:none}.stage .audio-track-button-copy b{display:block!important;max-width:none!important;font-size:10px!important}.stage .audio-track-caret{display:block!important}
  .stage #muteBtn,.stage #fullscreenBtn{width:44px!important;height:40px!important;display:grid!important;place-items:center;padding:0!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:11px!important;background:rgba(255,255,255,.035)!important;font-size:16px!important}
  .stage #muteBtn{grid-area:mute}.stage #fullscreenBtn{grid-area:fs}
  .stage #volume{grid-area:volume;display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}
  .stage .vw-audio-boost{grid-area:voice;margin:0!important;justify-self:end;min-width:0}
  .stage .vw-voice-btn{min-width:0;height:36px!important;max-width:100%;padding:0 9px!important;border-radius:10px!important}
  .playback-mode-strip{margin-top:10px!important}
  .audio-track-menu{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;max-height:68vh!important}
}
@media(max-width:430px){
  .stage .controls{grid-template-columns:42px 62px minmax(0,1fr) 40px 40px;gap:9px 6px!important;padding:10px!important}
  .stage #playPause{width:42px!important;height:42px!important}
  .stage #rateSelect{width:64px!important;min-width:64px!important;padding-inline:6px!important}
  .stage #muteBtn,.stage #fullscreenBtn{width:40px!important}
  .stage .vw-voice-btn #vwVoiceBoostLabel{font-size:9.5px!important}
}
@media(max-width:360px){
  .stage .controls{grid-template-columns:40px 58px minmax(0,1fr) 38px 38px;gap:8px 5px!important}
  .stage .audio-track-btn{width:40px!important;justify-self:start;grid-template-columns:1fr!important}
  .stage .audio-track-button-copy,.stage .audio-track-caret{display:none!important}
  .stage .audio-track-picker{width:40px!important;justify-self:start}
  .stage .timeblock{font-size:10px!important}
}
/* VW_WATCH_TOGETHER_PLAYBACK_AUTHORITY_PREMIUM_UI_V2_7R1
   VW_WATCH_TOGETHER_PLAYBACK_PRESENCE_UI_V2_7R2 */


/* V2.7R2 — provider-independent participant playback presence */
.member-playback-status{gap:5px;min-height:23px;padding:0 8px 0 7px;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.member-playback-status i{width:5px;height:5px;border-radius:50%;display:block;background:currentColor;box-shadow:0 0 8px currentColor;opacity:.8}
.member-playback-status.paused{color:#ffadb9;background:linear-gradient(180deg,rgba(255,86,108,.075),rgba(255,86,108,.045));border-color:rgba(255,112,130,.18)}
.member-playback-status.buffering{color:#f5c777;background:linear-gradient(180deg,rgba(239,178,71,.08),rgba(239,178,71,.045));border-color:rgba(239,188,94,.18)}
.room-presence-summary{display:flex;align-items:center;min-height:30px;margin:0 0 9px;padding:0 10px;border-radius:10px;font-size:9.5px;font-weight:750;letter-spacing:.01em;color:rgba(224,232,246,.78);border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.025)}
.room-presence-summary.hidden{display:none!important}
.room-presence-summary.attention{color:#e5ddff;border-color:rgba(117,94,255,.16);background:linear-gradient(135deg,rgba(107,84,255,.07),rgba(44,112,255,.035))}
.room-presence-summary.room-paused{color:#f3cb86;border-color:rgba(241,184,78,.15);background:linear-gradient(135deg,rgba(239,177,64,.075),rgba(239,177,64,.03))}
.sync-status[data-playback-state="room-paused"]{color:#f3cb86!important;border-color:rgba(241,184,78,.14)!important;background:rgba(239,177,64,.055)!important}
.sync-status[data-playback-state="room-paused"] i{background:#e7ae48!important;box-shadow:0 0 9px rgba(231,174,72,.55)!important}
.sync-status[data-playback-state="local-paused"]{color:#ffb4c0!important;border-color:rgba(255,105,125,.15)!important;background:rgba(255,76,101,.045)!important}
.sync-status[data-playback-state="local-paused"] i{background:#ff7387!important;box-shadow:0 0 9px rgba(255,115,135,.5)!important}
.sync-status[data-playback-state="tuning"],.sync-status[data-playback-state="resync"]{color:#ccbfff!important}
@media(max-width:700px){
  .room-presence-summary{min-height:28px;margin-bottom:8px;padding-inline:9px;font-size:9px}
  .member-playback-status{min-height:22px;padding-inline:7px;font-size:8.8px}
}
/* VW_WATCH_TOGETHER_PLAYBACK_PRESENCE_UI_V2_7R2 */