/* SVX SWL 4.3.330: fixed monitor corners, clear follow state and stable counters. */
#dispatchApp.swl327{--swl-scope:clamp(125px,17dvh,150px)}
#dispatchApp.swl327 .swl329-monitor{grid-template-rows:43px minmax(0,1fr) 23px!important}
#dispatchApp.swl327 .swl-health-title{justify-content:space-between;align-items:flex-start;gap:8px}
#dispatchApp.swl327 .swl330-monitor-heading{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
#dispatchApp.swl327 .swl330-monitor-heading>strong{font:700 15px/1 system-ui;letter-spacing:.04em;white-space:nowrap}
#dispatchApp.swl327 .swl330-monitor-heading>[data-watch-verdict]{font:600 9px/1 system-ui;border:1px solid #278b4e;border-radius:5px;padding:4px 6px;color:var(--health);white-space:nowrap}
#dispatchApp.swl327 .swl330-last{display:grid;gap:1px;min-width:0;max-width:52%;text-align:right;font-variant-numeric:tabular-nums}
#dispatchApp.swl327 .swl330-last small{font:500 8px/1.2 system-ui;letter-spacing:.08em;color:#93b6ca}
#dispatchApp.swl327 .swl330-last strong{font:650 13px/1.2 system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e5f8ff}
#dispatchApp.swl327 .swl330-last time{font:500 10px/1.2 system-ui;color:#b6d6e6;white-space:nowrap}
#dispatchApp.swl327 [data-phone-count]{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;font:450 10px/1.2 system-ui;color:#abc6d9;font-variant-numeric:tabular-nums}
#dispatchApp.swl327 [data-phone-count] b{font-weight:750;color:#edf9ff}
#dispatchApp.swl327 [data-phone-count] i{font-style:normal;color:#ffc471}
#dispatchApp.swl327 .swl-all-wrap .phone-all[aria-pressed=true]{background:#135c43!important;border:2px solid #6bf0af!important;box-shadow:inset 0 0 10px #53dc7626,0 0 5px #61e99533!important;color:#ecfff5!important}
#dispatchApp.swl327 .swl-all-wrap .phone-all[aria-pressed=false]{background:#112939!important;border:1px solid #456172!important;box-shadow:none!important;color:#b9c9d4!important}
#dispatchApp.swl327 .swl-all-wrap .phone-all strong::before{content:''}
#dispatchApp.swl327 .swl-all-wrap .phone-all[aria-pressed=true] strong::before{content:'✓ '}
#dispatchApp.swl327 .swl-all-wrap .phone-all small{font-size:9px;font-weight:700;letter-spacing:.015em;color:inherit}
#dispatchApp.swl327 .phone-tg-spectrum{align-items:flex-end!important;opacity:1!important}
#dispatchApp.swl327 .phone-card.is-muted .phone-tg-spectrum{visibility:visible;opacity:1!important}
#dispatchApp.swl327 .phone-card:not(.is-tx) .phone-tg-spectrum{visibility:hidden}
#dispatchApp.swl327 .layout-phone-nav [data-swl-rx]{font-size:11px!important}
#dispatchApp.swl327 .phone-start-form header{display:flex;align-items:center;justify-content:space-between;gap:8px}
#dispatchApp.swl327 .phone-start-form [data-call-close]{min-width:44px;min-height:44px}
#dispatchApp.swl327 .phone-start-form>button[type=submit]{min-height:48px;border:1px solid #65e9a2;border-radius:9px;background:#135c43;color:#f0fff5;font-weight:650}
@media(max-width:360px){#dispatchApp.swl327 [data-phone-count]{font-size:9px;gap:5px}#dispatchApp.swl327 .phone-heading h1{font-size:11px!important}}
@media(max-height:700px){#dispatchApp.swl327{--swl-scope:112px}#dispatchApp.swl327 .phone-number{font-size:23px}}
@media(orientation:landscape) and (max-height:500px){
 #dispatchApp.swl327{--swl-scope:86px}
 #dispatchApp.swl327 .swl329-monitor{grid-template-rows:37px minmax(0,1fr) 16px!important}
 #dispatchApp.swl327 .swl330-monitor-heading{flex-direction:row;align-items:center;height:100%;gap:10px}
 #dispatchApp.swl327 .swl330-last{gap:0}
}

/* Two-line receiver wordmark, balanced against the last-activity corner. */
#dispatchApp.swl327 .swl330-monitor-heading{flex-direction:column;align-items:flex-start;justify-content:center;height:100%;gap:4px}
#dispatchApp.swl327 .swl330-monitor-heading>strong{font:750 20px/1 system-ui;letter-spacing:.055em;color:#e8f8ff}
#dispatchApp.swl327 .swl330-monitor-heading>strong b{font-weight:750;color:#65e8bb}
#dispatchApp.swl327 .swl330-monitor-heading>small{font:500 10px/1 system-ui;letter-spacing:.10em;color:#a5c8da}
@media(orientation:landscape) and (max-height:500px){#dispatchApp.swl327 .swl330-monitor-heading{gap:3px}#dispatchApp.swl327 .swl330-monitor-heading>strong{font-size:18px}#dispatchApp.swl327 .swl330-monitor-heading>small{font-size:9px}}
/* Explicit grid placement prevents inherited landscape rules hiding the heading. */
#dispatchApp.swl327 .phone-heading{display:flex!important;grid-row:1;grid-column:1}
#dispatchApp.swl327 .phone-grid{grid-row:2;grid-column:1}
#dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups .layout-phone-nav [data-swl-rx]{font-size:11px!important;line-height:1.2!important}
#dispatchApp.swl327 .swl-all-wrap .phone-all strong{color:inherit!important}
#dispatchApp.swl327 .swl-all-wrap .phone-all small{line-height:1!important}
#dispatchApp.swl327 [data-phone-count]>span{font:inherit}
@media(orientation:portrait) and (max-height:700px){
 #dispatchApp.swl327 .phone-select{padding:15px 5px 8px!important;gap:2px}
 #dispatchApp.swl327 .phone-number{font-size:23px!important;line-height:1!important}
 #dispatchApp.swl327 .phone-call{font-size:10px!important}
 #dispatchApp.swl327 .phone325-flag{width:18px;height:13px;flex-basis:18px}
 #dispatchApp.swl327 .phone324-last-name{gap:3px}
 #dispatchApp.swl327 .phone325-call-text b{font-size:9px!important}
 #dispatchApp.swl327 .phone325-call-suffix{display:none}
 #dispatchApp.swl327 .phone324-last-time{font-size:9px;margin-top:2px}
 #dispatchApp.swl327 .phone-tg-spectrum{height:9px!important}
 #dispatchApp.swl327 .phone-tg-spectrum i{background-size:100% 9px!important}
 #dispatchApp.swl327 .phone-speaker{padding:26px 4px 4px 26px}
 #dispatchApp.swl327 .phone-speaker svg{width:14px;height:14px}
 #dispatchApp.swl327 .phone-speaker[aria-pressed=true]::after{width:18px;left:25px;top:34px}
 #dispatchApp.swl327 .swl-all-wrap .phone-all strong{font-size:11px}
}
/* Shared receiver CSS applies to data-rx-mute; keep its icon out of the call line. */
#dispatchApp.swl327 .phone-speaker[data-rx-mute]{padding:6px!important;align-items:flex-end!important;justify-content:flex-end!important}
@media(orientation:portrait) and (max-height:700px){
 #dispatchApp.swl327 .phone-speaker[data-rx-mute]{padding:5px!important}
 #dispatchApp.swl327 .phone-speaker[aria-pressed=true]::after{left:auto;right:3px;top:auto;bottom:11px}
}
