/* The network selector shares the radio's existing machined control style. */
.radio-page .band-control{grid-column:1/-1;text-align:center;border-top:1px solid #ffffff15;padding-top:9px;min-width:0}
.radio-page .band-control .network-band-knob{margin:9px auto 7px;outline-offset:4px}
.radio-page .network-band-knob:focus-visible{outline:2px solid var(--cbj-cyan,#72efe0)}
.radio-page .network-band-knob[aria-disabled=true]{opacity:.55;cursor:wait}
.radio-page .band-control output{display:block;float:none;font:700 11px monospace;color:var(--cbj-yellow,#edc478)}
.band-stops{display:flex;justify-content:center;gap:4px;margin-top:6px}
.radio-page .band-stops button{font:9px monospace;padding:5px 7px;min-width:29px;min-height:28px;border:1px solid #4b606d;border-radius:4px;background:#101c26;color:#a6bdca;cursor:pointer}
.radio-page .band-stops button[aria-pressed=true]{color:var(--cbj-yellow,#edc478);border-color:#d5b66f;background:#283038}
.band-knob-help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.radio-page .radio[data-view=portofoon] .band-control{padding-top:5px}
.radio-page .phone-controls>.band-control{margin:8px auto 0;max-width:180px;border:0}
.radio-page .phone-controls>.band-control .network-band-knob{width:48px;height:48px}

/* Show the connected radio, independently of the website's own language. */
.radio-page .connection-summary{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.radio-page #connected-network:not([hidden]){display:inline-flex;align-items:center;white-space:nowrap;gap:5px;padding:3px 7px;border:1px solid #55d9dd66;border-radius:5px;background:#102b35;color:#d3fcff;font:700 16px/1.25 system-ui,sans-serif}

.radio-page .site-origin-flag{display:inline-block;width:24px;height:16px;min-width:24px;max-width:none;object-fit:fill;vertical-align:-3px;border-radius:2px;box-shadow:0 0 0 1px #ffffff30;flex:none}
