/* Scoped to the mobile app only. No changes to the existing talkgroup grid. */
#dispatchApp.phone323{position:relative;isolation:isolate}
#dispatchApp.phone323>.dpc-topbar{visibility:hidden;pointer-events:none}
#dispatchApp.phone323 .phone323-header{position:absolute;inset:0 0 auto;height:48px;box-sizing:border-box;padding:3px 8px;display:grid;grid-template-columns:40px minmax(0,1fr) 58px 52px;gap:5px;background:var(--ws-panel);z-index:100;border-bottom:1px solid var(--ws-line)}
#dispatchApp.phone323 .phone323-logo{width:40px;height:40px;object-fit:contain;border-radius:7px}
#dispatchApp.phone323 .phone323-header button{min-width:0;min-height:40px;margin:0;padding:3px 5px;border:1px solid var(--ws-line);border-radius:8px;background:var(--ws-raised);color:var(--ws-text);font:650 12px/1.2 system-ui;touch-action:manipulation;cursor:pointer}
#dispatchApp.phone323 .phone323-watch{position:relative;overflow:hidden;text-align:left;box-shadow:inset 0 0 13px #ff31572a}
#dispatchApp.phone323 .phone323-watch span,#dispatchApp.phone323 .phone323-watch small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dispatchApp.phone323 .phone323-watch span{font-size:9px;letter-spacing:.02em}
#dispatchApp.phone323 .phone323-watch small{font-size:10px;margin-top:2px}
#dispatchApp.phone323 .phone323-watch i{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ff315722}
#dispatchApp.phone323 .phone323-watch i b{position:absolute;left:0;top:0;width:25%;height:3px;background:linear-gradient(90deg,transparent,#ff3157,#ffd8e0,transparent);box-shadow:0 0 9px #ff3157;transition:left .2s linear}
#dispatchApp.phone323 .phone323-watch[data-state=error]{border-color:#ffb14f;color:#ffd16c}
#dispatchApp.phone323>.layout-phone-nav{z-index:110;position:relative;background:var(--ws-panel);visibility:visible!important}
#dispatchApp.phone323 .phone323-sheet[open]{position:absolute!important;inset:48px 0 var(--mobile-nav,52px)!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;border-radius:0!important;box-sizing:border-box;display:flex!important;flex-direction:column;z-index:90;overflow:hidden!important;background:var(--ws-panel);color:var(--ws-text)}
#dispatchApp.phone323 .phone323-sheet>header{flex:0 0 auto;position:relative}
#dispatchApp.phone323 .phone323-sheet>.phone-dialog-body{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}
#dispatchApp.phone323 .phone323-sheet>.phone-dialog-body>*{flex-shrink:0}
#dispatchApp.phone323 .phone323-sheet.rx-tg-menu{overflow:auto!important;padding:14px}
#dispatchApp.phone323 .phone323-sheet fieldset{border:1px solid var(--ws-line);border-radius:10px;padding:10px;display:flex;flex-wrap:wrap;gap:8px}
#dispatchApp.phone323 .phone323-sheet [aria-pressed=true]{border-color:var(--ws-accent)}
#dispatchApp.phone323 .phone323-activity{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;border-bottom:1px solid var(--ws-line);padding:8px 0}
#dispatchApp.phone323 .phone323-activity time{grid-column:1/-1;color:var(--ws-muted);font-size:12px}
#dispatchApp.phone323 .phone323-call{display:flex;align-items:center;min-height:44px;min-width:0;overflow-wrap:anywhere;color:var(--ws-accent);font-weight:750;text-decoration:underline}
#dispatchApp.phone323 .phone323-activity strong{align-self:center;font-size:13px}
#dispatchApp.phone323 .phone323-heat{height:8px;align-self:center;border-radius:5px;background:var(--ws-raised);overflow:hidden}
#dispatchApp.phone323 .phone323-heat i{display:block;height:100%;border-radius:5px}
#dispatchApp.phone323 .phone323-legend{font-size:12px}
#dispatchApp.phone323 [data-phone-health]{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#dispatchApp.phone323 [data-phone-health] dd{margin:0;padding:5px;border-left:3px solid #ffb14f;background:var(--ws-raised);overflow-wrap:anywhere}
#dispatchApp.phone323 [data-phone-health] dd[data-ok=true]{border-color:#55dca8}
#dispatchApp.phone323 .phone-start-form input{text-transform:none}
#dispatchApp.phone323[data-phone-theme=light]{--ws-bg:#edf2f6;--ws-panel:#fff;--ws-raised:#e6edf3;--ws-text:#112c40;--ws-muted:#415b70;--ws-line:#9bb2c4}
#dispatchApp.phone323[data-phone-theme=dark]{--ws-bg:#061722;--ws-panel:#081f2d;--ws-raised:#123343;--ws-text:#e7f0f5;--ws-muted:#a2bac9;--ws-line:#31576b}
@media(orientation:landscape) and (max-height:500px){
 #dispatchApp.phone323 .phone323-header{height:44px;padding-top:1px;padding-bottom:1px}
 #dispatchApp.phone323 .phone323-sheet[open]{top:44px!important}
}
@media(prefers-reduced-motion:reduce){#dispatchApp.phone323 .phone323-watch i b{transition:none;left:0!important}}

#dispatchApp.phone323 .phone323-watch{min-width:0;box-sizing:border-box;padding:5px;border:1px solid var(--ws-line);border-radius:8px;color:var(--ws-text);background:var(--ws-raised);box-shadow:none;--health:#9aafbe}
#dispatchApp.phone323 .phone323-watch[data-healthy=true]{--health:#55dca8;border-color:#55dca8}
#dispatchApp.phone323 .phone323-watch[data-state=error]{--health:#ff654f;border-color:#ff654f}
#dispatchApp.phone323 .phone323-watch[data-state=paused]{--health:#ffd16c;border-color:#ffd16c}
#dispatchApp.phone323 .phone323-watch i b{background:var(--health);box-shadow:0 0 8px var(--health)}
#dispatchApp.phone323 .phone324-last-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#dispatchApp.phone323 .phone324-last-time{display:block;font-size:9px;line-height:1.1;opacity:.8}
#dispatchApp.phone323 .phone324-install-icon{align-self:center;border-radius:14px}
#dispatchApp.phone323 .phone323-sheet li{margin-bottom:10px}