.spotifySetup{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 16px}.spotifySetup #spotifyStatus:empty{display:none}.spotifySetup:not(.connectedCompact) #spotifyStatus:empty+.spotifyActions{grid-column:1/-1}.spotifySetup:not(.connectedCompact) #spotifyStatus:empty+.spotifyActions>*{width:100%}
.spotifySetup.connectedCompact{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:42px;padding:5px 8px 5px 12px!important;margin:4px 0 8px!important;border-radius:11px}.connectedCompact #spotifyStatus{display:flex;align-items:center;gap:7px;margin:0;font-size:.82rem;line-height:1;font-weight:750;color:var(--ink);white-space:nowrap}.connectedCompact #spotifyStatus:before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px color-mix(in srgb,var(--mint) 18%,transparent)}.connectedCompact .devicePicker{display:none}.connectedCompact .spotifyActions{flex-wrap:nowrap;gap:0}.connectedCompact #disconnectSpotify{min-height:32px;padding:5px 9px;border-color:transparent;font-size:.72rem;color:var(--muted)}
.spotifyButton{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--mint);border-radius:11px;padding:11px 15px;font-weight:750;text-decoration:none}.activationSteps{grid-column:1/-1;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--muted);line-height:1.35}.activationSteps b{color:var(--ink)}.spotifySetup h2{margin:.35rem 0 .45rem}.spotifyActions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.devicePicker{grid-column:1/-1}.devicePicker label{display:grid;gap:7px;color:var(--muted);font-weight:700}.devicePicker select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--ink);padding:10px}.spotifyRideControls{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}@media(max-width:620px){.spotifySetup{grid-template-columns:1fr}.spotifySetup.connectedCompact{grid-template-columns:minmax(0,1fr) auto}.spotifyActions{justify-content:stretch}.connectedCompact .spotifyActions{justify-content:flex-end}.spotifyActions button,.spotifyActions .spotifyButton{flex:1 1 44%}.connectedCompact .spotifyActions button{flex:0 0 auto}.spotifyRideControls{grid-template-columns:1fr}.spotifyRideControls button{width:100%}}