/* A second home view. The existing group cards and receiver remain unchanged. */
#dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups .svx-phone-ui{grid-template-rows:36px 20px minmax(0,1fr)!important}
#dispatchApp.swl327 .swl335-switch{grid-row:1;display:flex;justify-content:center;align-items:stretch;gap:2px}
#dispatchApp.swl327 .swl335-switch button{width:104px;border:1px solid #38617f;border-radius:9px;background:#092033;color:#cde5ef;font:550 13px system-ui}
#dispatchApp.swl327 .swl335-switch button[aria-selected=true]{border-color:var(--ws-accent);background:color-mix(in srgb,var(--ws-accent) 23%,#091c30);box-shadow:inset 0 0 12px #bf79ff22;color:#fff}
#dispatchApp.swl327 .phone-heading{grid-row:2}
#dispatchApp.swl327 .phone-grid{grid-row:3}
#dispatchApp.swl327 .swl335-panel{grid-row:3;grid-column:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:6px;overflow:auto;padding:1px;overscroll-behavior:contain;color:#d5edf7}
#dispatchApp.swl327 .swl335-panel[hidden],#dispatchApp.swl327[data-home-view=spectrum] .phone-grid{display:none!important}
#dispatchApp.swl327 .swl335-chart{border:1px solid #2d566d;border-radius:10px;padding:9px 5px 5px;background:#021a25;min-height:220px;flex:1;display:flex;flex-direction:column}
#dispatchApp.swl327 .swl335-chart h2{margin:0 5px 3px;font:750 18px/1.2 system-ui;letter-spacing:.04em}
#dispatchApp.swl327 .swl335-subtitle{margin:0 5px 8px;font:12px/1.2 system-ui;color:#9fbdd3}
#dispatchApp.swl327 .swl335-scroll{overflow-x:auto;min-height:120px;flex:1;display:flex}
#dispatchApp.swl327 .swl335-plot{position:relative;flex:1;min-width:0;min-height:120px}
#dispatchApp.swl327 .swl335-plot canvas{position:absolute;inset:0;width:100%;height:100%}
#dispatchApp.swl327 .swl335-tg-tabs{position:absolute;left:26px;right:0;top:0;height:36px;display:flex}
#dispatchApp.swl327 .swl335-tg-tabs button{flex:1;min-width:0;padding:0;border:1px solid #2d5064;border-right:0;background:transparent;color:#c8e8f6;font:500 10px system-ui;border-radius:0;touch-action:manipulation}
#dispatchApp.swl327 .swl335-tg-tabs button[aria-pressed=true]{border:1px solid #68eca7;border-radius:4px;color:#80f4b4;background:#59e4a018}
#dispatchApp.swl327 .swl335-legend{margin:5px 0 0;text-align:center;font:10px/1.3 system-ui;color:#9cbcd1}
#dispatchApp.swl327 .swl335-rows{display:flex;flex-direction:column;gap:3px;flex:none}
#dispatchApp.swl327 .swl335-row{display:grid;grid-template-columns:62px minmax(0,1fr) 36px 36px 36px;column-gap:3px;align-items:center;min-height:49px;border:1px solid var(--tg-color,#244b63);border-radius:8px;background:#061e2b;overflow:hidden}
#dispatchApp.swl327 .swl335-row.is-selected{border-color:#61eea4;box-shadow:inset 0 0 0 1px #61eea4}
#dispatchApp.swl327 .swl335-row button,#dispatchApp.swl327 .swl335-colour{border:0;background:transparent;color:#b5d7ee;min-width:0;min-height:44px;padding:2px;font:600 17px system-ui;border-radius:5px;cursor:pointer}
#dispatchApp.swl327 .swl335-row .swl335-select{font-size:12px;white-space:nowrap;word-break:normal;color:var(--tg-color,#4ed9f3)}
#dispatchApp.swl327 .swl335-call{display:flex;flex-direction:column;min-width:0;font:500 12px system-ui}
#dispatchApp.swl327 .swl335-call span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#dispatchApp.swl327 .swl335-call time{font:10px system-ui;color:#9bbbd0;font-variant-numeric:tabular-nums}
#dispatchApp.swl327 .swl335-row .swl335-priority{font-size:18px!important;letter-spacing:-3px}
#dispatchApp.swl327 .swl335-row .swl335-priority[data-priority]:not([data-priority="0"]){color:#67efaf}
#dispatchApp.swl327 .swl335-row [data-rx-mute]{position:relative!important;display:flex;align-items:center;justify-content:center;min-width:0!important;width:auto!important;padding:3px!important}
#dispatchApp.swl327 .swl335-row svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}
#dispatchApp.swl327 .swl335-row [aria-pressed=true][data-rx-mute]{color:#ffc555;background:#ffc55515!important}
#dispatchApp.swl327 .swl335-row [aria-pressed=true][data-rx-mute]::after{content:'';position:absolute;width:24px;height:2px;transform:rotate(45deg);background:currentColor}
#dispatchApp.swl327 .swl335-colour{position:relative;display:flex;align-items:center;justify-content:center}
#dispatchApp.swl327 .swl335-colour input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
#dispatchApp.swl327 .swl335-footer{display:flex;justify-content:space-between;gap:6px;flex:none}
#dispatchApp.swl327 .swl335-footer button{flex:1;min-height:32px;border:1px solid #385469;border-radius:7px;background:#092432;color:#b7d1e0;font:550 11px system-ui}
#dispatchApp.swl327 .swl335-footer button[aria-pressed=true]{border-color:#67e9a7;background:#14523f;color:#edfff6}
#dispatchApp.swl327 .swl335-panel button:focus-visible,#dispatchApp.swl327 .swl335-switch button:focus-visible,#dispatchApp.swl327 .swl335-colour:focus-within{outline:2px solid var(--ws-accent);outline-offset:-2px}
@media(orientation:landscape) and (max-height:500px){#dispatchApp.swl327 .swl335-panel{display:grid;grid-template-columns:1fr 250px;grid-template-rows:minmax(180px,1fr) 32px}#dispatchApp.swl327 .swl335-chart{grid-row:1/3;min-height:180px}#dispatchApp.swl327 .swl335-rows{overflow:auto}#dispatchApp.swl327 .swl335-row{grid-template-columns:44px minmax(0,1fr) 32px 32px 32px}}
