/* Public listener votes stay with the existing persistent radio player. */
.site-radio:has(.radio-votes) { flex-wrap: wrap; }
.site-radio .radio-votes {
  flex: 1 0 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  min-width: 0; padding-top: 10px; border-top: 1px solid #ffffff19;
}
.radio-votes__label { color: #aeb7ca; font-size: .75rem; margin-right: 4px; }
.site-radio .radio-votes button {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  min-height: 40px; margin: 0; padding: 8px 12px; border-radius: 999px;
  border: 1px solid #ffffff35; background: #ffffff06; color: #f3f5fa;
  font-size: .8rem; line-height: 1.25;
}
.site-radio .radio-votes button:hover { background: #ffffff10; border-color: #a395ff; }
.site-radio .radio-votes button:disabled { opacity: .5; cursor: default; }
.site-radio .radio-votes button[data-vote="1"][aria-pressed="true"] { color: #bdff65; background: #bdff6514; border-color: #bdff6580; }
.radio-votes [data-count] { font-variant-numeric: tabular-nums; min-width: 1ch; }
.radio-votes__message { color: #b9c4d4; font-size: .73rem; margin-left: auto; }
.radio-votes__message.is-error { color: #ffb2a3; }
@media (max-width: 900px) {
  .site-radio:has(.radio-picks-actions) .radio-votes { grid-column: 1 / -1; grid-row: 3; }
  .radio-votes__message { flex-basis: 100%; margin: 0; }
}
@media (max-width: 440px) {
  .site-radio:has(.radio-picks-actions) .radio-votes { grid-row: 4; }
  .radio-votes__label { flex-basis: 100%; }
  .site-radio .radio-votes button { flex: 1; min-height: 44px; }
}

/* Compact phone player: voting and secondary actions open only on request. */
.site-radio .radio-votes-toggle{display:none}
@media(max-width:900px){
 body:has(.radio-votes-toggle){padding-bottom:max(132px,var(--radio-dock-clearance,132px))}
 html:has(.radio-votes-toggle){scroll-padding-bottom:max(132px,var(--radio-dock-clearance,132px))}
 .site-radio:has(.radio-picks-actions){grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 12px}
 .site-radio:has(.radio-picks-actions) .site-radio__logo{grid-area:1 / 1 / 2 / 2;align-self:center;justify-self:start;width:32px;height:32px}
 .site-radio:has(.radio-picks-actions) .site-radio__info{grid-area:1 / 1 / 2 / -1;margin-left:42px;gap:1px;line-height:1.25}
 .site-radio:has(.radio-picks-actions) .site-radio__info strong{font-size:.76rem}
 .site-radio:has(.radio-picks-actions) #radio-track{font-size:.76rem}
 .site-radio:has(.radio-picks-actions) #radio-status{font-size:.62rem}
 .site-radio:has(.radio-picks-actions) #radio-toggle{grid-area:2 / 1 / 3 / 2;justify-self:stretch;min-width:0;max-width:100%;min-height:44px;margin:0;padding:8px 9px;font-size:.78rem}
 .site-radio:has(.radio-picks-actions) .radio-votes-toggle{grid-area:2 / 2 / 3 / 3;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;max-width:100%;min-height:44px;margin:0;padding:8px 7px;border:1px solid #a395ff60;border-radius:999px;background:#a395ff12;color:#ece8ff;font-size:.76rem;line-height:1.2;white-space:normal;text-align:center}
 .site-radio .radio-votes-toggle[aria-expanded=true]{background:#a395ff25;border-color:#a395ff}
 .site-radio:has(.radio-picks-actions) .site-radio__volume{grid-area:2 / 3 / 3 / 4;display:flex;align-items:center;justify-content:flex-end;width:100%;min-width:0;gap:0;font-size:0}
 .site-radio:has(.radio-picks-actions) .site-radio__volume input{width:min(80px,100%);min-width:0;margin:0;min-height:32px}
 .site-radio:has(.radio-picks-actions):not(.track-options-open) .radio-picks-actions,
 .site-radio:has(.radio-picks-actions):not(.track-options-open) .radio-votes,
 .site-radio:has(.radio-picks-actions):not(.track-options-open) .station-picks-dock{display:none}
 .site-radio:has(.radio-picks-actions).track-options-open{max-height:min(330px,55dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .site-radio:has(.radio-picks-actions) .radio-picks-actions{grid-area:3 / 1 / 4 / -1;justify-self:stretch;width:100%;max-width:none;padding-top:7px;border-top:1px solid #ffffff18}
 .site-radio .radio-picks-actions .radio-picks-save,.site-radio .radio-picks-actions .radio-picks-open{flex:1 1 0;max-width:none;min-width:0;min-height:40px;padding:8px;font-size:.74rem}
 .site-radio:has(.radio-picks-actions) .radio-votes{grid-area:4 / 1 / 5 / -1;padding-top:7px;gap:6px}
 .site-radio .radio-votes__label{display:none}
 .site-radio .radio-votes button{flex:1;min-height:42px;font-size:.76rem;padding:8px 10px}
 .site-radio .radio-votes__message{font-size:.68rem;line-height:1.3}
 .site-radio:has(.radio-picks-actions) .station-picks-dock{grid-area:5 / 1 / 6 / -1;padding-top:7px}
}
.site-radio .radio-chart-vote{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:999px;background:#bdff65;color:#11170b;font-size:.85rem;font-weight:750;text-decoration:none}.site-radio .radio-chart-vote[hidden]{display:none!important}
.site-radio .radio-votes button[hidden]{display:none!important}
.site-radio .radio-votes .radio-chart-vote{background:#bdff65;color:#11170b;border:2px solid #e3ffc1;font-weight:750;white-space:normal}
.site-radio .radio-votes .radio-chart-vote:hover{background:#d1ff92}
.site-radio .radio-votes .radio-chart-vote[aria-pressed=true]{background:#263d24;color:#d7ffad;border-color:#bdff65;opacity:1}
@media(max-width:900px){
 .site-radio.has-chart-track:has(.radio-picks-actions) .radio-votes{display:flex!important;grid-area:3 / 1 / 4 / -1}
 .site-radio.has-chart-track:has(.radio-picks-actions) .radio-picks-actions{grid-area:4 / 1 / 5 / -1}
 body:has(.site-radio.has-chart-track){padding-bottom:max(230px,var(--radio-dock-clearance,230px))}
 html:has(.site-radio.has-chart-track){scroll-padding-bottom:max(230px,var(--radio-dock-clearance,230px))}
}