/* The approved no-scroll SVX phone screen. No desktop or Pocket selectors. */
.svx-phone-ui{display:none}
#dispatchApp.svx-phone-app.phone-talkgroups-layout.show-talkgroups{--shell-head:48px;--rx-height:0px;--shell-foot:0px;--shell-safe:0px;--mobile-nav:calc(52px + env(safe-area-inset-bottom,0px));grid-template-rows:48px 0 minmax(0,1fr) 0 var(--mobile-nav)!important;height:var(--svx-phone-height,100dvh)!important;max-height:var(--svx-phone-height,100dvh)!important;overflow:hidden!important}
#dispatchApp.svx-phone-app.phone-talkgroups-layout.show-talkgroups>.svx-rx-strip,#dispatchApp.svx-phone-app.phone-talkgroups-layout.show-talkgroups>.layout-statusbar{display:none!important}
#dispatchApp.svx-phone-app.phone-talkgroups-layout.show-talkgroups>.mobile-talkgroups{display:flex!important;margin:0!important;padding:8px!important;border:0!important;border-radius:0!important;overflow:hidden!important;min-height:0!important}
#dispatchApp.svx-phone-app.phone-talkgroups-layout.show-talkgroups>.mobile-talkgroups>:not(.svx-phone-ui){display:none!important}
#dispatchApp.svx-phone-app.phone-talkgroups-layout.show-talkgroups .svx-phone-ui{display:grid;grid-template-rows:44px 30px minmax(0,1fr);gap:6px;flex:1;min-width:0;min-height:0;overflow:hidden}
#dispatchApp.svx-phone-app.phone-talkgroups-layout.show-talkgroups>.layout-phone-nav{display:grid!important;grid-row:5!important;grid-column:1!important;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0!important;padding-bottom:env(safe-area-inset-bottom,0px)}
#dispatchApp.svx-phone-app.phone-talkgroups-layout.show-talkgroups .layout-phone-nav button{min-height:44px!important;font-size:15px!important}
#dispatchApp .svx-phone-ui *{box-sizing:border-box}
#dispatchApp .svx-phone-ui button{font-family:system-ui;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#dispatchApp .svx-phone-ui button:focus-visible{outline:3px solid #e9d8ff!important;outline-offset:-4px}
#dispatchApp .svx-phone-ui button:disabled{opacity:.55;cursor:default}
#dispatchApp .svx-phone-ui .phone-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:6px;min-width:0}
#dispatchApp .svx-phone-ui .phone-toolbar button{min-width:0;min-height:44px;height:44px;padding:4px;border:1px solid var(--ws-line);border-radius:10px;background:var(--ws-raised);color:var(--ws-text);font-size:14px;font-weight:650;white-space:nowrap}
#dispatchApp .svx-phone-ui [data-phone-rx][aria-pressed=true]{background:#125139;border-color:#55d697;color:#e1fff1}
#dispatchApp .svx-phone-ui [data-phone-mute][aria-pressed=true]{border-color:#f5bd63;color:#ffe4b3}
#dispatchApp .svx-phone-ui .phone-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
#dispatchApp .svx-phone-ui .phone-heading h1{font:650 21px/1.1 system-ui!important;margin:0!important}
#dispatchApp .svx-phone-ui .phone-heading span{font:400 12px/1.2 system-ui;color:var(--ws-muted);white-space:nowrap}
#dispatchApp .svx-phone-ui .phone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(var(--phone-rows,4),minmax(0,1fr));gap:8px;min-width:0;min-height:0;overflow:hidden;padding:2px}
#dispatchApp .svx-phone-ui .phone-card{position:relative;min-width:0;min-height:0;border:1px solid var(--phone-tg-colour,var(--ws-line));border-radius:12px;background:var(--ws-panel);color:var(--ws-text);overflow:hidden}
#dispatchApp .svx-phone-ui .phone-select{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:100%;min-width:0;min-height:0;padding:17px 4px 29px;border:0;background:transparent;color:inherit;border-radius:11px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#dispatchApp .svx-phone-ui .phone-number{font:700 clamp(20px,3.7dvh,34px)/1.1 system-ui;letter-spacing:-.03em}
#dispatchApp .svx-phone-ui .phone-tg-label{position:absolute;left:7px;top:5px;font:650 11px/1.2 system-ui;color:var(--ws-muted)}
#dispatchApp .svx-phone-ui .phone-priority{position:absolute;right:6px;top:4px;font:600 12px/1.2 system-ui;color:#ffd071;letter-spacing:-1px}
#dispatchApp .svx-phone-ui .phone-call{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12px/1.2 system-ui;color:var(--ws-muted)}
#dispatchApp .svx-phone-ui .phone-speaker{position:absolute;right:0;bottom:0;width:44px;height:44px;min-width:44px;min-height:44px;padding:12px;border:0;border-radius:10px;background:none;color:inherit}
#dispatchApp .svx-phone-ui .phone-speaker svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#dispatchApp .svx-phone-ui .phone-speaker[aria-pressed=true]{color:#ffca7d;background:#734f252e}
#dispatchApp .svx-phone-ui .phone-speaker[aria-pressed=true]::after{content:'';position:absolute;width:25px;height:2px;background:currentColor;transform:rotate(-45deg);left:10px;top:22px}
#dispatchApp .svx-phone-ui .phone-card.is-selected{border-color:#bd99ff;box-shadow:inset 0 0 0 1px #bd99ff}
#dispatchApp .svx-phone-ui .phone-card.is-tx{border-color:#ff405c;background:linear-gradient(135deg,#751029,#300d1c);color:#fff;box-shadow:inset 0 0 16px #ff405c30,0 0 10px #ff405c75}
#dispatchApp .svx-phone-ui .phone-card.is-tx .phone-call,#dispatchApp .svx-phone-ui .phone-card.is-tx .phone-tg-label{color:#fff;font-weight:700}
#dispatchApp .svx-phone-ui .phone-card.is-tx .phone-tg-label{background:#ff3157;border-radius:4px;padding:1px 4px;top:3px;left:4px}
#dispatchApp .svx-phone-ui .phone-all{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:0;padding:4px;border:1px solid var(--ws-line);border-radius:12px;background:var(--ws-panel);color:var(--ws-text)}
#dispatchApp .svx-phone-ui .phone-all[aria-pressed=true]{border-color:#bd99ff;background:#8e55d526;box-shadow:inset 0 0 0 1px #bd99ff}
#dispatchApp .svx-phone-ui .phone-all>span{font-size:24px;color:#bd99ff;line-height:1}
#dispatchApp .svx-phone-ui .phone-all strong{font:650 15px/1.2 system-ui;white-space:nowrap}
#dispatchApp .svx-phone-ui .phone-all small{font:400 11px/1.2 system-ui;color:var(--ws-muted)}
#dispatchApp .svx-phone-ui .phone-empty{grid-column:1/-1;font:400 16px/1.4 system-ui;color:var(--ws-muted)}
#dispatchApp .svx-phone-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 20px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--ws-line);border-radius:16px;background:var(--ws-panel);color:var(--ws-text);font:16px/1.5 system-ui;overflow:auto;overscroll-behavior:contain}
#dispatchApp .svx-phone-dialog::backdrop{background:#000a}
#dispatchApp .svx-phone-dialog>header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:var(--ws-panel);border-bottom:1px solid var(--ws-line);z-index:1}
#dispatchApp .svx-phone-dialog h2{font:650 19px/1.2 system-ui;margin:0}
#dispatchApp .phone-dialog-body{display:grid;gap:12px;padding:16px}
#dispatchApp .svx-phone-dialog button,#dispatchApp .svx-phone-dialog select{min-height:44px;min-width:44px;padding:8px 12px;border:1px solid var(--ws-line);border-radius:9px;background:var(--ws-raised);color:var(--ws-text);font:500 16px/1.3 system-ui}
#dispatchApp .svx-phone-dialog label{display:grid;gap:6px}
#dispatchApp .svx-phone-dialog input[type=range]{min-height:44px;width:100%;accent-color:var(--ws-accent)}
#dispatchApp .svx-phone-dialog h3{font-size:17px;margin:10px 0 0}
#dispatchApp .svx-phone-dialog p{margin:0;color:var(--ws-muted)}
#dispatchApp .phone-help-credit{display:grid;gap:8px;padding-top:16px;margin-top:12px;border-top:1px solid var(--ws-line)}
#dispatchApp .phone-help-credit a{display:flex;align-items:center;min-height:44px;color:var(--ws-accent)}
#dispatchApp .phone-help-credit small{color:var(--ws-muted)}
#dispatchApp .phone-activity-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:10px 0;border-bottom:1px solid var(--ws-line)}
#dispatchApp .phone-activity-row time{grid-column:1/-1;color:var(--ws-muted);font-size:13px}
.phone-colour-settings{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}
.phone-colour-settings[hidden]{display:none}
.phone-colour-settings label{display:flex;align-items:center;gap:8px}.phone-colour-settings input{width:48px;min-height:44px;padding:2px}
@media(orientation:landscape) and (max-height:500px){
 #dispatchApp.svx-phone-app.phone-talkgroups-layout.show-talkgroups{--shell-head:44px;--mobile-nav:calc(44px + env(safe-area-inset-bottom,0px));grid-template-rows:44px 0 minmax(0,1fr) 0 var(--mobile-nav)!important}
 #dispatchApp.svx-phone-app.phone-talkgroups-layout.show-talkgroups>.mobile-talkgroups{padding:4px 8px!important}
 #dispatchApp.svx-phone-app.phone-talkgroups-layout.show-talkgroups .svx-phone-ui{grid-template-rows:44px minmax(0,1fr);gap:4px}
 #dispatchApp .svx-phone-ui .phone-heading{display:none}
 #dispatchApp .svx-phone-ui .phone-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(var(--phone-landscape-rows,2),minmax(0,1fr));gap:5px}
 #dispatchApp .svx-phone-ui .phone-select{padding:15px 36px 3px 3px;gap:2px}
 #dispatchApp .svx-phone-ui .phone-number{font-size:clamp(18px,7dvh,24px)}
 #dispatchApp .svx-phone-ui .phone-call{font-size:11px}
 #dispatchApp .svx-phone-ui .phone-all{gap:2px}
 #dispatchApp .svx-phone-ui .phone-all>span{font-size:18px}
}