/* Compact shell uses real dimensions, not CSS zoom (which distorts embedded fixed controls). */
#scanner-radio-panel{position:fixed;z-index:1100;right:16px;top:calc(var(--responsive-header-height,96px) + 70px);width:min(320px,calc(100vw - 110px));max-height:calc(100dvh - var(--responsive-header-height,96px) - 90px);overflow:auto;box-sizing:border-box;background:#081a28;color:#fff;border:1px solid #ffd000;border-radius:7px;box-shadow:0 5px 18px #0008;padding:6px;font:6.5px Inter,Arial,sans-serif}
#scanner-radio-panel[hidden]{display:none}
#scanner-radio-panel h2{font-size:8.5px;margin:0;font-weight:800}
.scanner-radio-heading{display:flex;justify-content:space-between;align-items:center;gap:6px}
.scanner-radio-actions{display:flex;gap:3px}
#scanner-radio-panel button{min-height:19px;padding:3px 6px;background:#142c41;color:#fff;border:1px solid #547087;border-radius:4px;cursor:pointer;font:inherit}
#scanner-radio-panel button[aria-pressed=true]{background:#ffd000;color:#05111c}
.scanner-radio-choices{display:flex;gap:4px;flex-wrap:wrap}
.scanner-radio-player:empty{display:none}
.scanner-radio-player{position:relative;height:calc(var(--scanner-frame-height,390px) / 2);overflow:hidden;border-radius:3px}
/* Give the third-party document one consistent viewport; scale only its outer element. */
#scanner-radio-panel .scanner-radio-player iframe{position:absolute;bottom:0;left:0;display:block;width:200%;height:var(--scanner-frame-height,390px);max-width:none;max-height:none;border:0;background:white;transform:scale(.5);transform-origin:bottom left}
#scanner-radio-panel.is-collapsed .scanner-radio-player:not(:empty){height:24px}
#scanner-radio-panel a{display:block;color:#ffd000;margin:5px 0}
#scanner-radio-panel a[hidden],#scanner-radio-panel.is-collapsed>a,#scanner-radio-panel.is-collapsed>small{display:none}
#scanner-radio-panel small{display:block;color:#b9cbd8;line-height:1.4}
.scanner-radio-resize{height:12px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;touch-action:none;color:#b9cbd8;user-select:none}
.scanner-radio-resize:focus-visible{outline:2px solid #ffd000}
.scanner-radio-marker{color:#4da7cc;filter:drop-shadow(0 1px 2px #000);background:none;border:0}
.scanner-radio-marker svg{display:block;width:36px;height:40px}
#explorer-scanner-radio svg{width:18px;height:18px}
@media(max-width:720px){#scanner-radio-panel{right:8px;width:min(320px,calc(100vw - 32px));top:calc(var(--responsive-header-height,100px) + 8px)}}

/* Each feed owns its viewport and controls; never duplicate a stream to fill slots. */
#scanner-radio-panel .scanner-radio-player{height:auto;overflow:visible;display:grid;gap:6px}
#scanner-radio-panel .scanner-radio-player:empty{display:none}
.scanner-feed-heading{display:flex;align-items:center;justify-content:space-between;gap:4px}
.scanner-feed-heading>strong{flex:1;min-width:0}
#scanner-radio-panel .scanner-feed-volume{font-size:10px;flex:none}
#scanner-radio-panel .scanner-feed-volume[aria-expanded=true]{background:#ffd000;color:#081a28}
#scanner-radio-panel .scanner-feed-card.show-volume-controls .scanner-feed-viewport{height:140px;overflow:clip}
#scanner-radio-panel .scanner-feed-volume-help{font-size:10px;line-height:1.4;margin:4px 0;color:#b9cbd8}
#scanner-radio-panel .scanner-feed-volume-help[hidden]{display:none}
.scanner-feed-viewport{position:relative;height:calc(var(--scanner-frame-height,390px) / 2);overflow:hidden;border-radius:3px}
#scanner-radio-panel.is-collapsed .scanner-radio-player:not(:empty){height:auto;overflow:visible}
#scanner-radio-panel.is-collapsed .scanner-feed-viewport{height:24px}
#scanner-radio-panel .scanner-feed-card>a.scanner-feed-credit{display:block;font-size:9px;line-height:1.4;margin:4px 0 2px}
.incident-scanners{border-top:1px solid #547087;margin-top:12px;padding-top:10px}
.incident-scanner-item{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:8px;background:#142c41;border-radius:6px}
.incident-scanner-item button{border:1px solid #ffd000;border-radius:5px;background:#081a28;color:#fff;padding:6px;cursor:pointer}
.incident-scanner-item button:disabled{opacity:.6;cursor:default}

.scanner-browser{font-size:11px}
.scanner-browser input,.scanner-browser select{box-sizing:border-box;width:100%;margin:3px 0;padding:5px;background:#142c41;color:white;border:1px solid #547087;border-radius:4px;font:inherit}
#scanner-radio-panel .scanner-browser button{font-size:10px}
.scanner-browser .scanner-radio-choices{display:grid;max-height:190px;overflow:auto}
.scanner-browser .scanner-radio-choices button{text-align:left}
.scanner-browser .scanner-radio-choices span,.scanner-browser .scanner-radio-choices small{display:block}
#scanner-radio-panel.has-feeds.is-collapsed .scanner-browser{display:none}
.incident-scanner-item small{display:block}

/* Keep warning details accessible beside or above the scanner monitor. */
#explorer-stream-alert.scanner-shared-space{max-height:var(--scanner-warning-height)!important;overflow:auto;overscroll-behavior:contain}
#scanner-radio-panel{overscroll-behavior:contain}
