/* Keep mute controls outside the active module, with reserved viewport space. */
:root{--on6-audio-height:0px}
html.on6-receivers-open{--on6-audio-height:calc(66px + env(safe-area-inset-top,0px))}
html.on6-receivers-open body{padding-top:var(--on6-audio-height)!important;box-sizing:border-box}
html.on6-receivers-open #secondScreenApp{top:var(--on6-audio-height)!important;height:calc(var(--workspace-height,100dvh) - var(--on6-audio-height))!important}
html.on6-receivers-open #dispatchApp.map-maximized .dpc-map-zone{top:var(--on6-audio-height)!important;height:calc(var(--workspace-height,100dvh) - var(--on6-audio-height))!important}
html.on6-receivers-open .topbar{top:var(--on6-audio-height)}
html.on6-receivers-open .qo-app{height:calc(var(--app-height,100dvh) - var(--on6-audio-height) - var(--on6-cat-h,0px))!important;min-height:0!important}
html.on6-receivers-open .qo-stage,html.on6-receivers-open .qo-stage iframe{min-height:0!important}
.on6-receiver-bar{position:fixed;inset:0 0 auto;z-index:100000;display:flex;align-items:center;gap:8px;height:var(--on6-audio-height);padding:calc(6px + env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) 6px max(8px,env(safe-area-inset-left,0px));box-sizing:border-box;background:var(--ws-panel,#071c2b);color:var(--ws-text,#eff8ff);border-bottom:1px solid var(--ws-line,#28536b);font:500 15px/1.2 system-ui}
.on6-receiver-bar[hidden]{display:none!important}
.on6-receiver-list{display:grid;grid-template-columns:repeat(var(--receiver-count,1),minmax(0,1fr));align-items:stretch;gap:6px;min-width:0;flex:1;overflow-x:auto;overscroll-behavior:contain;scrollbar-width:thin;height:54px}
.on6-receiver-list.many-receivers{display:flex}
.on6-receiver-list.many-receivers .on6-receiver-unit{flex:0 0 130px}
.on6-receiver-unit{display:flex;align-items:center;border:1px solid var(--ws-line,#28536b);border-radius:8px;background:var(--ws-raised,#102c3d);min-width:0;overflow:hidden}
.on6-receiver-bar .on6-receiver-mute{display:flex!important;align-items:center;gap:7px;flex:1;min-height:44px!important;min-width:0!important;max-width:100%;padding:5px 8px!important;border:0!important;border-radius:7px;background:transparent!important;color:inherit!important;text-align:left;cursor:pointer;font:inherit!important}
.on6-receiver-mute svg{display:block!important;width:23px!important;height:23px!important;flex:none;fill:none;stroke:var(--ws-accent,#55dcff);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.on6-receiver-mute span{display:grid;gap:3px;min-width:0}.on6-receiver-mute strong{font:600 15px/1.15 system-ui!important}.on6-receiver-mute small{display:block!important;font:400 12px/1.2 system-ui!important;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ws-muted,#b3c9d6)}
.on6-sound-slash,.is-muted .on6-sound-waves{display:none}.is-muted .on6-sound-slash{display:block}.is-muted .on6-receiver-mute svg{stroke:#e7b36b}.on6-receiver-unit.is-receiving{border-color:#62ddb1;box-shadow:inset 0 -2px #62ddb1}
.on6-receiver-unit.is-muted.is-receiving{border-color:#e7b36b;box-shadow:inset 0 -2px #e7b36b}
.on6-receiver-volume{width:64px;min-width:44px;min-height:44px;margin:0 8px 0 0;accent-color:var(--ws-accent,#55dcff)}.on6-receiver-volume[hidden]{display:none!important}
.on6-receiver-all{flex:none;min-width:44px;min-height:44px;padding:7px 10px;border:1px solid var(--ws-line,#28536b);border-radius:8px;background:var(--ws-raised,#102c3d);color:inherit;font:600 14px/1.2 system-ui;cursor:pointer}.on6-receiver-all:disabled{opacity:.55;cursor:default}
.on6-receiver-bar :is(button,input):focus-visible{outline:2px solid var(--ws-accent,#55dcff)!important;outline-offset:-3px}
.on6-receiver-feedback:empty{display:none}.on6-receiver-feedback{position:absolute;top:100%;right:8px;max-width:calc(100vw - 16px);padding:8px 12px;background:#673f12;color:#fff;border-radius:6px;font:14px/1.4 system-ui;box-shadow:0 3px 12px #0005}
#dispatchApp .on6-receiver-bar.is-integrated{position:relative!important;inset:auto;flex:1 1 auto!important;min-width:0;width:100%;height:64px;padding:0;border:0;background:transparent;grid-column:1/-1;grid-row:1;z-index:1}
#dispatchApp .has-global-receivers>.dpc-audio-desk{display:none!important}
@media(max-width:1100px){.on6-receiver-volume{display:none}.on6-receiver-bar .on6-receiver-mute{gap:4px;padding-inline:5px!important}.on6-receiver-mute strong{font-size:14px!important}}
@media(max-width:760px){.on6-receiver-all{max-width:50px;font-size:11px;padding:4px}.on6-receiver-list{gap:4px}.on6-receiver-bar .on6-receiver-mute{display:grid!important;justify-items:center;align-content:center;gap:2px;width:100%;padding:3px!important;text-align:center}.on6-receiver-mute svg{width:20px!important;height:20px!important}.on6-receiver-mute strong{font-size:14px!important;white-space:nowrap}.on6-receiver-mute small{display:none!important}.on6-receiver-unit.is-muted{background:#4b371d}.on6-receiver-bar.is-integrated{height:64px}html.on6-receivers-open .pocket-receiver{top:calc(20px + var(--on6-audio-height))}}
@media(max-height:500px) and (orientation:landscape){html.on6-receivers-open{--on6-audio-height:54px}.on6-receiver-bar{padding-block:3px}.on6-receiver-list{height:46px}#dispatchApp .on6-receiver-bar.is-integrated{height:54px}}