:root{color-scheme:light dark;--bg: #0f172a;--surface: #1e293b;--border: #334155;--text: #e2e8f0;--text-muted: #94a3b8;--accent: #38bdf8;--accent-strong: #0ea5e9;--danger: #f87171;--ok: #4ade80;--ptt-clear: #4ade80;--ptt-lockout: #facc15;--ptt-tx-base: #7f1d1d;--ptt-tx-fill: #ef4444;--ptt-rx-base: #78350f;--ptt-rx-fill: #facc15;font-family:system-ui,-apple-system,Segoe UI,sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #f8fafc;--surface: #ffffff;--border: #cbd5e1;--text: #0f172a;--text-muted: #64748b;--accent: #0284c7;--accent-strong: #0369a1;--danger: #dc2626;--ok: #16a34a;--ptt-clear: #16a34a;--ptt-lockout: #ca8a04;--ptt-tx-base: #fecaca;--ptt-tx-fill: #dc2626;--ptt-rx-base: #fef08a;--ptt-rx-fill: #ca8a04}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.4}main{max-width:640px;margin:0 auto;padding:1.5rem 1rem 4rem}h1{font-size:1.5rem;margin:0 0 1rem}h2{font-size:1.1rem;margin:1.75rem 0 .5rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}h3{font-size:1rem;margin:0 0 .25rem}ul{list-style:none;margin:0;padding:0}li{padding:.4rem 0;border-bottom:1px solid var(--border)}form{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}form.inline-form,div.inline-form{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem}.inline-form input,.inline-form select{flex:1 1 140px}.log-viewer{max-height:70vh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem;font-size:.75rem;line-height:1.4;white-space:pre-wrap;word-break:break-all}input,select{width:100%;min-width:0;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.4rem .6rem;font-size:.95rem}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.4rem .8rem;font-size:.9rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}.ptt-button{display:block;width:100%;padding:.9rem;font-size:1.05rem;font-weight:600;transition:background 60ms linear;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ptt-button:disabled{opacity:1;cursor:not-allowed}.ptt-button--clear{background:var(--ptt-clear);border-color:var(--ptt-clear);color:#04240e}.ptt-button--lockout{--vu-level: 0%;background:linear-gradient(to right,var(--ptt-rx-fill) var(--vu-level),var(--ptt-rx-base) var(--vu-level));border-color:var(--ptt-rx-base);color:#fff}.ptt-button--tx{--vu-level: 0%;background:linear-gradient(to right,var(--ptt-tx-fill) var(--vu-level),var(--ptt-tx-base) var(--vu-level));border-color:var(--ptt-tx-base);color:#fff}.ptt-button--offline{background:var(--surface);border-color:var(--border);color:var(--text-muted)}[role=tablist]{display:flex;gap:.5rem;margin-bottom:1rem}[role=tablist] button[aria-pressed=true]{background:var(--accent-strong);border-color:var(--accent-strong);color:#04202e;font-weight:600}.feed-filter{margin:.5rem 0}.feed-filter button{padding:.25rem .6rem;font-size:.8rem}[role=alert]{color:var(--danger);font-size:.9rem;margin:.5rem 0}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.app-header h1{margin:0}.header-actions{display:flex;align-items:center;gap:.75rem}.user-menu{position:relative}.user-menu-panel{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem;box-shadow:0 8px 24px #00000059;z-index:10}.user-menu-panel strong{display:block}.user-menu-panel p{margin:.2rem 0 .75rem;color:var(--text-muted);font-size:.85rem;word-break:break-all}.user-menu-panel button{width:100%}.canned-message-picker{position:relative;display:inline-block}.canned-message-picker>button{padding:.9rem 1rem;font-size:1.05rem;line-height:1.4}.canned-message-list{position:absolute;bottom:calc(100% + .5rem);left:0;min-width:180px;max-width:260px;max-height:280px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.4rem;box-shadow:0 8px 24px #00000059;z-index:10;list-style:none;margin:0}.canned-message-list li+li{margin-top:.25rem}.canned-message-list button{width:100%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signal-meter{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:none;padding:.3rem}.signal-meter:hover:not(:disabled){border-color:transparent}.signal-meter-bars{display:flex;align-items:flex-end;gap:2px;height:14px}.signal-meter-bar{width:4px;background:var(--border);border-radius:1px}.signal-meter-bar:nth-child(1){height:25%}.signal-meter-bar:nth-child(2){height:50%}.signal-meter-bar:nth-child(3){height:75%}.signal-meter-bar:nth-child(4){height:100%}.signal-meter-bar--active{background:var(--ok)}.signal-meter--offline .signal-meter-bar{background:var(--danger);opacity:.5}.signal-meter-value{font-size:.8rem;color:var(--text-muted)}.section-header{display:flex;align-items:center;justify-content:space-between}.section-header h2{margin:1.75rem 0 .5rem}.icon-button{line-height:1;padding:.3rem .6rem;min-width:2.2rem}.icon-button--joined{background:var(--ok);border-color:var(--ok);color:#04240e}.icon-button--stale{position:relative}.icon-button--stale:after{content:"";position:absolute;top:.15rem;right:.15rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);border:1px solid var(--surface)}.build-reload{background:var(--accent);border-color:var(--accent-strong);color:#04240e}.talkgroup-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tg-card{border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem 1rem;margin:1rem 0}.tg-card details{margin-top:.5rem}.tg-card summary{cursor:pointer;color:var(--text-muted);font-size:.9rem}.tg-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tg-badges{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.15rem .5rem;line-height:1.4}.device-badge{margin-left:.35rem;font-size:.7rem;padding:.05rem .4rem}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--border)}.status-dot--online{background:var(--ok)}.activity-scroll{max-height:320px;overflow-y:auto;scroll-behavior:smooth}.activity-row{display:flex;align-items:flex-start;gap:.5rem}.avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600}.activity-body{min-width:0;flex:1}.activity-meta{display:flex;align-items:baseline;gap:.4rem;font-size:.8rem}.activity-meta time{color:var(--text-muted)}.activity-bubble{margin:.15rem 0 0;background:var(--surface);border-radius:8px;padding:.4rem .6rem;word-break:break-word}.activity-bubble:not(.activity-audio){width:fit-content;max-width:min(70ch,100%)}.activity-audio{display:flex;flex-direction:column;gap:.2rem}.activity-audio-row{display:flex;align-items:center;gap:.5rem}.activity-audio-meta{margin-left:auto;flex-shrink:0;font-size:.8rem;color:var(--text-muted)}.activity-transcript{margin:0;font-size:.65rem;line-height:1.3;color:var(--text-muted)}.activity-audio .activity-transcript{margin-left:2.9rem}.activity-transcript-word{color:#1a1a1a;border-radius:3px;padding:0 .15em;margin-right:.2em;display:inline-block}.activity-transcript--timeline{position:relative;height:1.3rem}.activity-transcript--timeline .activity-transcript-word{position:absolute;top:0;white-space:nowrap;margin-right:0}.activity-transcript-word--clickable{cursor:pointer}.waveform-player{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.waveform-unavailable{color:var(--text-muted);font-style:italic;font-size:.9rem}.waveform-play{flex-shrink:0;width:2.4rem;height:2.4rem;border-radius:50%;padding:0;font-size:1rem;display:flex;align-items:center;justify-content:center;background:var(--accent);border-color:var(--accent);color:#04202e}.waveform-bars{position:relative;flex:1;min-width:0;height:36px;cursor:pointer}.waveform-bars-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;gap:2px;pointer-events:none}.waveform-bars-layer span{flex:1;min-width:2px;border-radius:1px}.waveform-bars-track span{background:var(--border)}.waveform-bars-progress{clip-path:inset(0 calc(100% - var(--progress)) 0 0)}.waveform-bars-progress span{background:var(--accent)}.waveform-time{flex-shrink:0;font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.level-meter{background:var(--surface);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden;margin:.4rem 0 .6rem}.level-meter-fill{height:100%;background:var(--ok);transition:width 80ms linear}.admin-tabs{display:flex;flex-wrap:wrap;gap:.25rem;margin:.75rem 0;border-bottom:1px solid var(--border);padding-bottom:.5rem}.admin-tab{background:transparent;border:1px solid var(--border)}.admin-tab--active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.admin-table-scroll{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.85rem}.admin-table th,.admin-table td{border:1px solid var(--border);padding:.3rem .4rem;text-align:left;white-space:nowrap}.desktop-shell{display:grid;grid-template-columns:56px var(--sidebar-width, 260px) 6px 1fr auto;height:100vh}.sidebar-resize-handle{grid-column:3;cursor:col-resize;position:relative}.sidebar-resize-handle:after{content:"";position:absolute;top:0;right:-4px;bottom:0;left:-4px}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:var(--accent)}.desktop-rail{grid-column:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 0;background:var(--surface);border-right:1px solid var(--border)}.desktop-rail-logo{width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--accent-strong);color:var(--bg);font-weight:700;margin-bottom:.5rem}.desktop-rail-spacer{flex:1}.desktop-rail .icon-button--active{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--bg)}.desktop-rail .signal-meter{position:relative}.desktop-rail .signal-meter-value{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.15rem .4rem;white-space:nowrap;z-index:5}.desktop-rail .user-menu-panel{top:auto;bottom:calc(100% + .5rem);left:.5rem;right:auto}.sidebar{grid-column:2;overflow-y:auto;padding:.75rem;border-right:1px solid var(--border)}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--text-muted);margin:.5rem 0}.sidebar-browse summary{cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--text-muted);margin:.75rem 0 .5rem}.sidebar-empty{color:var(--text-muted);font-size:.85rem;border-bottom:none}.sidebar-tg-list{display:flex;flex-direction:column;gap:.15rem}.sidebar-tg-row{display:flex;align-items:center;gap:.4rem;padding:.3rem;border-bottom:none;border-radius:6px}.sidebar-tg-row:hover{background:var(--surface)}.sidebar-tg-row--focused{background:var(--surface);box-shadow:inset 2px 0 0 var(--accent)}.sidebar-tg-name{flex:1;display:flex;align-items:center;gap:.4rem;min-width:0;background:none;border:none;padding:.2rem;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-new-tg{width:100%;margin-top:.5rem;border-style:dashed;color:var(--text-muted)}.ptt-button--mini{display:flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;padding:0;flex-shrink:0;border-radius:50%}.unread-badge{flex-shrink:0;min-width:1.1rem;height:1.1rem;padding:0 .3rem;border-radius:999px;background:var(--accent-strong);color:var(--bg);font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.desktop-focus-pane{grid-column:4;display:flex;flex-direction:column;min-width:0;max-width:none;margin:0;padding:1rem 1.25rem;overflow:hidden}.desktop-focus-pane .activity-feed{flex:1;display:flex;flex-direction:column;min-height:0;margin-top:.75rem}.desktop-focus-pane .activity-scroll{flex:1;max-height:none}.activity-footer{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.activity-footer .ptt-button{width:15rem;flex-shrink:0;min-height:3.4rem;padding:.6rem .75rem;white-space:normal;line-height:1.2;text-align:center}.activity-footer form.inline-form{flex:1}.activity-live-transcript{flex:1 1 140px;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem;font-size:.95rem;line-height:1.3;overflow-wrap:break-word}.desktop-empty-state{margin:auto;color:var(--text-muted)}.desktop-main-full{grid-column:2 / -1;overflow-y:auto;padding:1rem 1.5rem}.members-panel{grid-column:5;width:240px;overflow-y:auto;padding:.75rem;border-left:1px solid var(--border)}.members-panel--collapsed{width:auto;background:var(--surface);border:none;border-left:1px solid var(--border);color:var(--text-muted);border-radius:0;padding:.75rem .4rem}.toast-stack{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:20;max-width:320px}.toast{background:var(--surface);border:1px solid var(--accent);border-radius:8px;padding:.6rem .8rem;font-size:.85rem;box-shadow:0 8px 24px #00000059;cursor:pointer}