/* VW_WATCH_TOGETHER_PLAYLIST_NAV_V2_7R3 */
.playlist-nav-strip{
  display:grid;
  grid-template-columns:minmax(112px,1fr) minmax(120px,1.15fr) minmax(112px,1fr);
  align-items:stretch;
  gap:8px;
  margin:10px 0 0;
  padding:7px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(9,16,26,.94),rgba(6,12,20,.96));
}
.playlist-nav-action{
  min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;
  padding:7px 11px;border:1px solid rgba(255,255,255,.075);border-radius:11px;
  background:rgba(255,255,255,.03);color:#e7eef8;cursor:pointer;
  transition:transform .14s ease,border-color .14s ease,background .14s ease,opacity .14s ease;
}
.playlist-nav-action:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(112,122,255,.28);background:rgba(92,104,255,.09)}
.playlist-nav-action:active:not(:disabled){transform:translateY(0)}
.playlist-nav-action:disabled{opacity:.32;cursor:not-allowed}
.playlist-nav-action.loading{opacity:.48;pointer-events:none}
.playlist-nav-arrow{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:rgba(255,255,255,.05);font-size:15px;font-weight:850}
.playlist-nav-action-copy{min-width:0;text-align:left}
.playlist-nav-action.next .playlist-nav-action-copy{text-align:right}
.playlist-nav-action-copy small,.playlist-nav-action-copy b{display:block}
.playlist-nav-action-copy small{font-size:7.5px;letter-spacing:.10em;color:#728399;margin-bottom:1px}
.playlist-nav-action-copy b{font-size:10.5px}
.playlist-nav-current{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 10px;border-radius:11px;background:rgba(84,94,226,.075);box-shadow:inset 0 0 0 1px rgba(110,119,255,.10);text-align:center}
.playlist-nav-current small,.playlist-nav-current b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.playlist-nav-current small{font-size:8.5px;color:#8091a7;margin-bottom:2px}
.playlist-nav-current b{font-size:11.5px;color:#eef2ff}
@media(max-width:700px){
  .playlist-nav-strip{grid-template-columns:minmax(86px,1fr) minmax(92px,1.08fr) minmax(86px,1fr);gap:6px;margin-top:8px;padding:6px;border-radius:12px}
  .playlist-nav-action{min-height:42px;gap:6px;padding:6px 8px;border-radius:10px}
  .playlist-nav-arrow{width:24px;height:24px;font-size:14px}
  .playlist-nav-action-copy small{display:none}
  .playlist-nav-action-copy b{font-size:10px}
  .playlist-nav-current{padding:5px 7px;border-radius:10px}
  .playlist-nav-current small{font-size:8px}
  .playlist-nav-current b{font-size:10.5px}
}
@media(max-width:390px){
  .playlist-nav-strip{grid-template-columns:72px minmax(76px,1fr) 72px;gap:5px;padding:5px}
  .playlist-nav-action{min-height:40px;padding:5px}
  .playlist-nav-action-copy b{font-size:9px}
  .playlist-nav-arrow{width:22px;height:22px;font-size:13px}
  .playlist-nav-current small{font-size:7.5px}
  .playlist-nav-current b{font-size:10px}
}
@media(max-width:330px){
  .playlist-nav-action-copy{display:none}
  .playlist-nav-strip{grid-template-columns:48px minmax(82px,1fr) 48px}
  .playlist-nav-action{padding:4px}
}
/* Manual Back/Next follows saved playlist order.
   Automatic end behavior remains controlled by Play Next / Shuffle / Repeat One. */