#navbar [data-dest="app_radio_feed"] { position: relative; }
#navbar [data-dest="app_radio_feed"] > .radio-nav-icon { height: 35px; display: flex; align-items: center; }
.radio-playback-status { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
#navbar .radio-playback-status { position: absolute; bottom: 3px; left: 0; right: 0; height: 10px; }
.radio-state-mark { display: inline-block; box-sizing: border-box; width: 9px; height: 9px; border: 2px solid #9ca3af; border-radius: 50%; }
[data-radio-state="playing"] .radio-state-mark { background: #34d86d; border-color: #34d86d; box-shadow: 0 0 5px #34d86d80; }
[data-radio-state="waiting"] .radio-state-mark { border-color: #34d86d; }
[data-radio-state="paused"] .radio-state-mark, [data-radio-state="background"] .radio-state-mark { border: 0; border-radius: 0; background: linear-gradient(to right, #f5bc51 0 33%, transparent 33% 67%, #f5bc51 67%); }
[data-radio-state="loading"] .radio-state-mark { border-color: #f5bc51; border-radius: 2px; }
[data-radio-state="blocked"] .radio-state-mark, [data-radio-state="error"] .radio-state-mark, [data-radio-state="offline"] .radio-state-mark { border-radius: 2px; background: #ef7373; border-color: #ef7373; }
.radio-live-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin: 10px 0 18px; }
.radio-live-controls button { min-height: 44px; padding: 8px 14px; border: 1px solid #999; border-radius: 6px; background: #353535; color: #fff; font: inherit; cursor: pointer; }
.radio-live-controls button:disabled { opacity: .5; }
.radio-live-controls button[hidden] { display: none; }
.radio-live-controls .radio-playback-status { min-width: 95px; font-size: 14px; }