/* Safe-area values come from the OS; no guessed status-bar height. */
#dispatchApp.swl327{--swl-top:env(safe-area-inset-top,0px);--swl-bottom:env(safe-area-inset-bottom,0px);--swl-left:env(safe-area-inset-left,0px);--swl-right:env(safe-area-inset-right,0px)}
#dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups{box-sizing:border-box;padding:calc(var(--swl-top) + 8px) max(8px,var(--swl-right)) max(8px,var(--swl-bottom)) max(8px,var(--swl-left))!important}
#dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups[data-home-view=spectrum]{width:min(100%,1024px)!important;padding:calc(var(--swl-top) + 8px) max(8px,var(--swl-right)) max(8px,var(--swl-bottom)) max(8px,var(--swl-left))!important;grid-template-rows:var(--swl-scope) minmax(0,1fr) var(--swl-nav)!important;gap:8px!important;--spu:1px;--spv:1px}
#dispatchApp.swl327[data-home-view=spectrum]>.phone323-header{width:100%;max-width:none;padding:0!important}
#dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups[data-home-view=spectrum] .svx-phone-ui{grid-template-rows:36px minmax(0,1fr)!important;gap:8px!important;padding-bottom:0}
#dispatchApp.swl327[data-home-view=spectrum] .swl335-switch{position:relative;filter:none;gap:2px}
#dispatchApp.swl327[data-home-view=spectrum] .swl335-switch button{width:104px;font:550 13px system-ui;border-width:1px;border-radius:9px}
#dispatchApp[data-home-view=spectrum] .swl337-version{right:0}
#dispatchApp.swl327[data-home-view=spectrum] .phone-heading{top:58px;right:10px;max-width:35%;font:11px system-ui}
#dispatchApp.swl327[data-home-view=spectrum] [data-phone-count]{font:11px/1.2 system-ui}
#dispatchApp.swl327[data-home-view=spectrum] .log341-panel{grid-template-rows:26px 24px minmax(0,1fr) 34px;gap:0;padding:9px 5px 0;overflow:hidden;border:1px solid #28536b;border-radius:10px;background:#001a2588}
.log341-panel h2{margin:0;padding:0 4px;font:700 clamp(15px,2.3vw,22px)/1.2 SVX Orbitron,system-ui;color:#def2fb;max-width:65%}
.log341-subtitle{margin:0;padding:0 4px;color:#99bad5;font:11px/1.3 system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.log341-columns{display:flex;gap:5px;min-height:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#91b2c6 #123240;overscroll-behavior:contain;touch-action:pan-x pan-y;padding-bottom:7px}
.log341-column{flex:0 0 max(84px,calc((100% - 15px)/4));min-width:0;display:flex;flex-direction:column;border:1px solid #214c60;border-radius:6px;overflow:hidden;background:#001a2599;color:#dcecf4}
.log341-column>header{flex:none;padding:7px 3px 5px}
.log341-column button{cursor:pointer}
.log341-column .log341-select{width:100%;border:0;padding:0 3px 6px;text-align:left;background:transparent;color:var(--tg-color);font:700 clamp(12px,1.9vw,17px)/1.2 system-ui;white-space:nowrap}
.log341-column.is-selected{border-color:var(--tg-color)}
.log341-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:27px;gap:1px}
.log341-controls button,.log341-colour{display:flex;align-items:center;justify-content:center;position:relative;min-width:0;border:0;border-radius:3px;padding:0;background:transparent;color:#9bc2dc;font:10px system-ui}
.log341-controls svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
.log341-controls [aria-pressed=true]{color:#ffc555}
.log341-controls .log-muted{display:none}
.log341-controls [aria-pressed=true] .log-muted{display:block}
.log341-controls [aria-pressed=true] .log-sound{display:none}
.log341-controls input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.log341-controls button:disabled,.log341-select:disabled{opacity:.5;cursor:default}
.log341-list{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:6px;padding:2px 3px 6px;scrollbar-width:thin;scrollbar-color:#315469 transparent;overscroll-behavior:contain;touch-action:pan-x pan-y}
.log341-entry{flex:none;min-width:0;padding:8px 4px;border:1px solid #193e51;border-radius:6px;background:linear-gradient(125deg,#062333,#001723)}
.log341-entry.is-active{border-color:var(--tg-color);box-shadow:inset 0 0 8px #2c859b22}
.log341-call-line{display:flex;gap:2px;align-items:center;min-width:0}
.log341-call-line strong{font:650 clamp(11px,1.6vw,16px)/1.3 system-ui;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.log341-bars{display:flex;align-items:flex-end;gap:2px;flex:none;height:14px;margin-left:auto}
.log341-bars b{width:3px;background:var(--tg-color);border-radius:1px}
.log341-bars[hidden]{display:none}
.log341-meta{display:flex;justify-content:space-between;gap:2px;margin-top:7px;font:9px/1.2 system-ui;color:#9dc8e0;font-variant-numeric:tabular-nums;white-space:nowrap}
.log341-empty{padding:4px;text-align:center;color:#6c91a6;font:10px/1.4 system-ui}
.log341-hint{margin:0;align-self:center;text-align:center;color:#9dc4db;font:10px system-ui}
.log341-pager{display:flex;align-items:center;justify-content:center;gap:9px;color:#accde0;font:11px system-ui}
.log341-pager button{height:27px;min-width:28px;padding:2px 8px;border:1px solid #31556e;border-radius:5px;background:#082333;color:#d3e8f6;font:12px system-ui}
.log341-pager button:disabled{opacity:.35}.log341-pager [data-log-arrange]{margin-left:auto}
.log341-settings{position:fixed;box-sizing:border-box;inset:calc(env(safe-area-inset-top,0px) + 12px) max(12px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 12px) max(12px,env(safe-area-inset-left,0px));margin:auto;width:min(440px,calc(100% - 24px));max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);padding:16px;border:1px solid #548299;border-radius:12px;background:#031f2d;color:#dceefa;font:14px system-ui;overflow:auto}
.log341-settings::backdrop{background:#000a}.log341-settings h2{font-size:20px}.log341-settings p{font-size:12px;color:#a9c7d8}
.log341-page-form{display:grid;gap:7px}.log341-page-form label{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:5px 0;border-bottom:1px solid #18384a}
.log341-settings select,.log341-settings button{padding:8px 12px;border:1px solid #45687e;border-radius:6px;background:#0b2e40;color:#dcf0fc;font:13px system-ui}
.log341-settings footer{display:flex;justify-content:flex-end;gap:10px;padding-top:15px;position:sticky;bottom:0;background:#031f2d}
/* Reuse the original working navigation and RX label/icons. */
#dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups[data-home-view=spectrum]>.layout-phone-nav{position:static!important;height:auto!important;width:auto!important;grid-template-columns:1fr 1.25fr 1fr!important;padding:4px!important;align-items:stretch;border:1px solid #28536b;border-radius:10px}
#dispatchApp.swl327[data-home-view=spectrum] .layout-phone-nav button{height:100%!important;gap:4px!important;font:12px/1.1 system-ui!important}
#dispatchApp.swl327[data-home-view=spectrum] .layout-phone-nav button>span{font:12px/1.1 system-ui!important}
#dispatchApp.swl327[data-home-view=spectrum] .layout-phone-nav button>svg{width:25px!important;height:25px!important}
#dispatchApp.swl327[data-home-view=spectrum] .layout-phone-nav button:first-child>svg:not(.sp336-people),#dispatchApp.swl327[data-home-view=spectrum] .layout-phone-nav [data-swl-rx]>span,#dispatchApp.swl327[data-home-view=spectrum] .layout-phone-nav [data-swl-rx]>svg:not(.sp336-radio){display:block!important}
#dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups[data-home-view=spectrum] .layout-phone-nav [data-swl-rx]{height:100%!important;flex-direction:column!important;gap:4px!important;border-radius:12px!important}
#dispatchApp[data-screen-locked=true] .log341-columns,#dispatchApp[data-screen-locked=true] .log341-list{touch-action:none;overflow:hidden}
@media(max-width:360px){#dispatchApp.swl327[data-home-view=spectrum] .swl335-switch button{width:90px}.log341-meta{flex-wrap:wrap}.log341-column{flex-basis:calc((100% - 10px)/3)}}
@media(orientation:landscape) and (max-height:500px){#dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups[data-home-view=spectrum]{min-height:0!important;height:var(--svx-phone-height,100dvh)!important;max-height:var(--svx-phone-height,100dvh)!important;overflow:hidden!important}.log341-panel{min-height:0}.log341-column{flex-basis:120px}body.svx-swl-page:has([data-home-view=spectrum]){overflow:hidden}}
@media(orientation:landscape) and (max-height:500px){
 #dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups[data-home-view=spectrum]>.mobile-talkgroups{overflow-y:auto!important;min-height:0;overscroll-behavior:contain}
 #dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups[data-home-view=spectrum] .svx-phone-ui{min-height:320px!important}
 #dispatchApp.swl327[data-home-view=spectrum] .layout-phone-nav button>svg{width:19px!important;height:19px!important}
 #dispatchApp.swl327[data-home-view=spectrum] .layout-phone-nav button>span{font-size:10px!important}
 #dispatchApp.swl327[data-home-view=spectrum] .layout-phone-nav button,#dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups[data-home-view=spectrum] .layout-phone-nav [data-swl-rx]{gap:1px!important}
}