:root{--bg: #0e1216;--panel: #14191f;--panel-2: #171d24;--surface: #1b222b;--border: #25303b;--border-2:#303b46;--text: #e7edf4;--muted: #9aa7b6;--primary:#3b82f6;--primary-2:#1d4ed8;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--radius: 8px;--radius-sm: 6px;--gap: 12px;--shadow: 0 1px 0 rgba(255,255,255,.02) inset, 0 8px 24px rgba(0,0,0,.25)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text)}.dispatcher-console{display:grid;grid-template-rows:auto 1fr;height:100vh;background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif}.top-bar{display:grid;grid-template-columns:1fr auto auto;gap:var(--gap);align-items:center;padding:10px 14px;background:var(--panel);border-bottom:1px solid var(--border)}.brand .title{font-weight:700;letter-spacing:.4px;font-size:14px;text-transform:uppercase;color:var(--text)}.brand .subtitle{font-size:12px;color:var(--muted);margin-top:2px}.bus{display:flex;gap:12px;align-items:center}.conn{display:flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2);font-size:11px;letter-spacing:.6px;font-weight:600}.conn .led{width:8px;height:8px;border-radius:50%;background:#6b7280}.conn.connected .led{background:var(--success)}.conn.disconnected .led{background:var(--danger)}.conn.reconnecting .led{background:var(--warning)}.net{display:flex;gap:12px;color:var(--muted);font-size:12px}.device-selects{display:flex;gap:10px;align-items:center}.device-selects select,.p25-mode{background:var(--surface);color:var(--text);border:1px solid var(--border-2);padding:6px 8px;border-radius:var(--radius-sm);font-size:12px;min-width:220px}.fx-toggle{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.fx-toggle input{accent-color:var(--primary)}.main{display:grid;grid-template-columns:1fr 320px;grid-template-rows:1fr;gap:var(--gap);padding:var(--gap);overflow:hidden;grid-template-areas:"left right"}.left{grid-area:left}.right{grid-area:right}.left{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;min-width:280px;overflow:hidden}.left-scroll{overflow:auto;padding:10px;height:100%}.tg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tg-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;min-height:200px;display:flex;flex-direction:column;gap:8px;cursor:pointer;box-shadow:var(--shadow);outline:none}.tg-tile:focus{box-shadow:0 0 0 2px #3b82f640}.tg-tile.is-selected{border-color:var(--primary)}.tg-tile.is-busy{border-color:var(--danger)}.tg-tile.is-muted{opacity:.8;border-color:#ef44444d;background:#ef444405}.tg-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.tg-name{font-weight:700;font-size:13px;color:var(--text);letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tg-header-controls{display:flex;align-items:center;gap:8px}.tg-status-lamps{display:flex;gap:4px;align-items:center}.status-lamp{width:24px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;letter-spacing:.3px;transition:all .2s ease}.rx-lamp{border:1px solid var(--border-2);background:#0f141a;color:var(--muted)}.rx-lamp.on{background:var(--success);border-color:var(--success);color:#fff;box-shadow:0 0 6px #22c55e66}.tx-lamp{border:1px solid var(--border-2);background:#0f141a;color:var(--muted)}.tx-lamp.on{background:var(--danger);border-color:var(--danger);color:#fff;box-shadow:0 0 6px #ef444466}.tg-actions{display:flex;gap:6px}.icon-btn{background:transparent;border:1px solid var(--border-2);color:var(--muted);width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;line-height:1}.icon-btn:hover{border-color:var(--primary);color:var(--text)}.icon-btn.on{border-color:var(--primary);color:var(--primary)}.tg-vol{width:60px;display:flex;align-items:center}.tg-vol input[type=range]{width:100%;appearance:none;height:4px;background:#374151;border-radius:2px;outline:none;cursor:pointer}.tg-vol input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--primary);border-radius:50%;border:2px solid #ffffff;cursor:pointer;box-shadow:0 2px 4px #0003}.tg-vol input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--primary);border-radius:50%;border:2px solid #ffffff;cursor:pointer;box-shadow:0 2px 4px #0003}.tg-activity{margin-top:8px;background:#0a0e13;border:1px solid var(--border-2);border-radius:6px;padding:12px;min-height:100px;display:flex;flex-direction:column;justify-content:flex-start}.tg-tile.is-muted .tg-activity{border-color:var(--danger);background:#ef44440d;position:relative}.tg-tile.is-muted .tg-activity:before{content:"🔇 MUTED";position:absolute;top:-8px;right:8px;background:var(--danger);color:#fff;font-size:8px;font-weight:700;padding:2px 4px;border-radius:2px;letter-spacing:.3px}.activity-logs{display:flex;flex-direction:column;gap:6px}.activity-entry{cursor:pointer;transition:all .2s ease;border-radius:4px;padding:8px 10px;border:1px solid var(--border-2);background:#ffffff05}.activity-entry:hover{background:var(--panel-2);border:1px solid var(--primary)}.activity-row{display:flex;justify-content:space-between;align-items:center;width:100%}.activity-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.activity-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.last-active{cursor:pointer;transition:all .2s ease;border-radius:4px;padding:4px}.last-active:hover{background:var(--panel-2);border:1px solid var(--primary)}.activity-indicator{display:flex;align-items:center;gap:6px;margin-bottom:4px}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse 2s infinite;flex-shrink:0}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.activity-text{color:var(--text);font-size:11px;font-weight:600}.activity-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.activity-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);margin-top:2px}.activity-timestamp{font-weight:600}.activity-duration{font-size:10px;font-weight:700;color:var(--primary);white-space:nowrap;flex-shrink:0}.activity-time{color:var(--muted);font-size:10px;font-weight:600;white-space:nowrap;flex-shrink:0}.activity-author{color:var(--text);font-size:10px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.activity-type{color:#32be5a;font-size:10px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;background:#32be5a1a;padding:3px 6px;border-radius:3px;border:1px solid rgba(50,190,90,.2);white-space:nowrap;flex-shrink:0;margin-right:6px}.activity-type.dispatcher{color:var(--primary);background:#3b82f61a;border:1px solid rgba(59,130,246,.2);margin-right:6px}.view-logs-btn{color:var(--primary);font-size:9px;font-weight:600;text-align:center;padding:2px 4px;border:1px solid var(--primary);border-radius:3px;background:#3b82f60d;transition:all .2s ease}.last-active:hover .view-logs-btn{background:#3b82f61a}.no-activity{color:var(--muted);font-size:11px;text-align:center;padding:8px 4px;opacity:.8;font-style:italic}.log-popout-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.tg-tile.is-muted .log-popout-overlay,.tg-tile.is-muted .log-popout{opacity:1!important}.log-popout{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:90%;max-width:600px;max-height:85vh;overflow:hidden;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column}.log-popout-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--panel-2)}.log-popout-header h3{margin:0;color:var(--text);font-size:16px;font-weight:700}.close-btn{background:none;border:none;color:var(--muted);font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.log-popout-content{padding:16px 20px;flex:1;overflow-y:auto;min-height:0}.log-popout-content::-webkit-scrollbar{width:6px}.log-popout-content::-webkit-scrollbar-track{background:var(--panel-2)}.log-popout-content::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}.log-popout-entry{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:12px;margin-bottom:8px;transition:all .2s ease}.log-popout-entry:last-child{margin-bottom:0}.log-popout-entry:hover{background:var(--panel-2);border-color:var(--primary)}.log-popout-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.log-popout-author{color:var(--text);font-weight:700;font-size:13px}.log-popout-type{color:#32be5a;font-weight:800;font-size:10px;letter-spacing:.5px;text-transform:uppercase;background:#32be5a1a;padding:3px 6px;border-radius:4px;border:1px solid rgba(50,190,90,.2)}.log-popout-type.dispatcher{color:var(--primary);background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.log-popout-details{display:flex;justify-content:space-between;align-items:center}.log-popout-duration{color:var(--success);font-weight:700;font-size:12px}.log-popout-time{color:var(--muted);font-size:11px;font-weight:500}.log-popout-empty{color:var(--muted);font-size:14px;text-align:center;padding:20px;opacity:.8;font-style:italic}.log-popout-actions{margin-top:8px;display:flex;justify-content:flex-end}.playback-btn{background:var(--primary);border:1px solid var(--primary);color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.playback-btn:hover{background:var(--primary-2);border-color:var(--primary-2);transform:translateY(-1px)}.playback-btn:active{transform:translateY(0)}.center{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;gap:var(--gap);padding:var(--gap);overflow:auto}.right{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--gap);min-width:300px;max-width:360px;overflow:hidden;padding:10px}.ptt{display:flex;flex-direction:column;gap:10px}.ptt-btn{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text);padding:18px 14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.ptt-btn:hover{border-color:var(--primary)}.ptt-btn.tx{background:#2a1416;border-color:#b91c1c;color:#fecaca}.ptt-btn.busy{background:#271717;border-color:#7f1d1d;color:#fecaca}.ptt-btn.preempt{background:#241a0b;border-color:#b45309;color:#ffedd5}.ptt-btn:disabled{opacity:.55;cursor:not-allowed}.ptt-label{font-size:18px}.ptt-tg{font-size:12px;color:var(--muted)}.preempt-btn{background:#1c232b;border:1px solid var(--border-2);color:var(--text);padding:10px 12px;border-radius:var(--radius-sm);font-weight:700;letter-spacing:.6px}.preempt-btn.on{background:#2a1f0d;border-color:#d97706;color:#ffedd5}.all-call-btn{background:#1c232b;border:1px solid var(--border-2);color:var(--text);padding:10px 12px;border-radius:var(--radius-sm);font-weight:700;letter-spacing:.6px;cursor:pointer}.all-call-btn:hover{border-color:var(--primary)}.all-call-btn.is-selected{background:#1a2a1a;border-color:#16a34a;color:#dcfce7}.user-management{margin-top:auto;display:flex;flex-direction:column;gap:8px;height:100%;overflow:hidden}.user-mgmt-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:6px}.user-mgmt-title{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-weight:700}.refresh-users-btn{background:transparent;border:1px solid var(--border-2);color:var(--muted);width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.refresh-users-btn:hover{border-color:var(--primary);color:var(--primary)}.user-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.user-list::-webkit-scrollbar{width:4px}.user-list::-webkit-scrollbar-track{background:var(--panel-2)}.user-list::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}.user-item{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.user-item.dispatcher{border-left:3px solid var(--primary)}.user-item.unit{border-left:3px solid #10b981}.user-header{display:flex;justify-content:space-between;align-items:center}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-size:12px;font-weight:700;color:var(--text)}.user-role{font-size:9px;padding:2px 6px;border-radius:3px;letter-spacing:.3px;font-weight:600}.user-role.dispatcher{color:var(--primary);background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.user-role.unit{color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.user-status{display:flex;align-items:center;gap:6px}.status-indicator{width:8px;height:8px;border-radius:50%;border:1px solid var(--border)}.status-indicator.online{background:#10b981;border-color:#10b981}.status-indicator.offline{background:#ef4444;border-color:#ef4444}.edit-btn{background:none;border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:10px;padding:4px;border-radius:3px;transition:all .2s ease}.edit-btn:hover{border-color:var(--primary);color:var(--primary)}.user-details{display:flex;flex-direction:column;gap:4px}.channel-info,.last-active,.additional-channels{display:flex;align-items:center;gap:6px;font-size:10px}.channel-label,.active-label,.additional-label{color:var(--muted);font-weight:600;min-width:60px}.channel-value{color:var(--text);font-weight:700;background:var(--panel-2);padding:2px 6px;border-radius:3px;border:1px solid var(--border)}.active-time{color:var(--text);font-weight:600}.additional-list{display:flex;gap:4px;flex-wrap:wrap}.additional-channel{color:var(--muted);font-size:9px;background:var(--panel-2);padding:1px 4px;border-radius:2px;border:1px solid var(--border)}.user-channels{display:flex;flex-wrap:wrap;gap:4px}.channel-tag{display:flex;align-items:center;gap:4px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:9px;color:var(--text)}.channel-tag.active{background:#3b82f61a;border-color:#3b82f64d}.channel-name{font-weight:600}.channel-status{color:var(--primary);font-size:8px;margin-left:2px}.no-channels{font-size:9px;color:var(--muted);font-style:italic;padding:4px;text-align:center}.remove-channel-btn{background:none;border:none;color:var(--danger);cursor:pointer;font-size:12px;padding:0;width:12px;height:12px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.remove-channel-btn:hover{background:var(--danger);color:#fff}.user-actions{display:flex;gap:4px}.channel-select{flex:1;background:var(--surface);border:1px solid var(--border-2);color:var(--text);padding:4px 6px;border-radius:4px;font-size:10px;cursor:pointer}.channel-select:focus{outline:none;border-color:var(--primary)}.no-users{color:var(--muted);font-size:12px;text-align:center;padding:20px;opacity:.8;font-style:italic}.edit-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.edit-popup{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:400px;max-width:90vw;max-height:80vh;overflow:hidden;box-shadow:0 10px 25px #0000004d}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--panel-2)}.popup-header h3{margin:0;font-size:16px;color:var(--text);font-weight:700}.close-btn{background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;padding:4px;border-radius:3px;transition:all .2s ease}.close-btn:hover{color:var(--text);background:var(--border)}.popup-content{padding:20px;display:flex;flex-direction:column;gap:20px;max-height:60vh;overflow-y:auto}.popup-content h4{margin:0 0 12px;font-size:14px;color:var(--text);font-weight:600;border-bottom:1px solid var(--border);padding-bottom:8px}.channel-list{display:flex;flex-direction:column;gap:8px}.current-channel-item,.available-channel-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:var(--panel-2)}.available-channel-item{background:var(--surface)}.channel-name{font-weight:600;color:var(--text);font-size:12px}.remove-btn,.add-btn{background:none;border:1px solid var(--border);color:var(--text);cursor:pointer;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:all .2s ease}.remove-btn{color:var(--danger);border-color:var(--danger)}.remove-btn:hover{background:var(--danger);color:#fff}.add-btn{color:var(--primary);border-color:var(--primary)}.add-btn:hover{background:var(--primary);color:#fff}.no-channels{color:var(--muted);font-size:12px;text-align:center;padding:16px;font-style:italic}.loading{display:grid;place-items:center;height:100vh;color:var(--muted)}@media (max-width: 1200px){.main{grid-template-columns:1fr 300px;grid-template-areas:"left right"}.tg-grid{grid-template-columns:1fr}}.channel-selector{background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;padding:4px 8px;font-size:12px;min-width:120px}.channel-selector:focus{outline:none;border-color:#007acc}.channel-selector option{background:#2a2a2a;color:#fff}@media (max-width: 960px){.main{grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"left" "right"}.left,.right{max-height:45vh}}.p25-mode-control{display:flex;flex-direction:column;gap:8px;margin-left:24px}.p25-mode-control label{font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.p25-mode{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:8px 12px;font-size:13px;transition:all .2s ease}.p25-mode:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a}.unit-radio{display:flex;flex-direction:column;height:100vh;background:#101216;color:#eceef1;font-family:Arial,sans-serif;overflow:hidden;position:relative}.radio-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#16181d;border-bottom:2px solid #40444b}.talkgroup-info{display:flex;flex-direction:column;gap:2px;flex:1}.talkgroup-name{font-size:20px;font-weight:700;color:#3c8cff;text-transform:uppercase;letter-spacing:1px}.talkgroup-id{font-size:12px;color:#8c9198;font-family:Courier New,monospace}.call-sign{display:flex;flex-direction:column;gap:2px;align-items:center;flex:1}.unit-name{font-size:18px;font-weight:700;color:#eceef1}.unit-id{font-size:12px;color:#8c9198}.signal-status{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.signal-indicator{display:flex;align-items:center;gap:8px}.signal-bars{display:flex;gap:2px;align-items:end;height:20px}.signal-bars .bar{width:4px;background:#40444b;border-radius:1px;transition:background-color .3s ease}.signal-indicator.excellent .bar:nth-child(1),.signal-indicator.excellent .bar:nth-child(2),.signal-indicator.excellent .bar:nth-child(3),.signal-indicator.excellent .bar:nth-child(4){background:#32be5a}.signal-indicator.good .bar:nth-child(1),.signal-indicator.good .bar:nth-child(2),.signal-indicator.good .bar:nth-child(3){background:#fa0}.signal-indicator.fair .bar:nth-child(1),.signal-indicator.fair .bar:nth-child(2){background:#fa0}.signal-indicator.poor .bar:nth-child(1){background:#f44}.signal-indicator.none .bar{background:#40444b}.signal-bars .bar:nth-child(1){height:6px}.signal-bars .bar:nth-child(2){height:10px}.signal-bars .bar:nth-child(3){height:14px}.signal-bars .bar:nth-child(4){height:18px}.signal-text{font-size:12px;color:#8c9198}.fx-controls{display:flex;flex-direction:column;gap:.5rem}.fx-toggle{display:flex;align-items:center;gap:.5rem}.fx-switch{position:relative;display:inline-block;width:44px;height:24px}.fx-switch input{opacity:0;width:0;height:0}.fx-switch .slider{position:absolute;cursor:pointer;inset:0;background:#888;transition:.2s;border-radius:24px}.fx-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;top:3px;background:#fff;transition:.2s;border-radius:50%}.fx-switch input:checked+.slider{background:#2e7d32}.fx-switch input:checked+.slider:before{transform:translate(20px)}.fx-label{font-size:.85rem;opacity:.85;color:#8c9198}.p25-mode-selector{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.p25-label{font-size:.75rem;color:#8c9198;white-space:nowrap}.p25-select{background:#1a1d22;border:1px solid #464a52;color:#eceef1;padding:4px 8px;border-radius:4px;font-size:.75rem;min-width:140px}.p25-select:focus{outline:none;border-color:#3c8cff;box-shadow:0 0 0 2px #3c8cff33}.p25-select option{background:#1a1d22;color:#eceef1}.network-info{font-size:10px;color:#8c9198}.radio-main{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px;background:#1c1f25;position:relative}.channel-busy-lamp{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.channel-busy-lamp .busy-light{width:30px;height:30px;border-radius:50%;background:#40444b;border:3px solid #666;transition:all .3s ease;position:relative;box-shadow:inset 0 2px 4px #0000004d}.channel-busy-lamp .busy-light:before{content:"";position:absolute;inset:2px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1),transparent 70%);opacity:0;transition:opacity .3s ease}.channel-busy-lamp.active .busy-light{background:#f44;border-color:#f66;box-shadow:0 0 20px #f449,inset 0 2px 4px #0003;animation:busy-pulse 1s infinite}.channel-busy-lamp.active .busy-light:before{opacity:1}.channel-busy-lamp span{font-size:14px;color:#8c9198;text-transform:uppercase;letter-spacing:1px;font-weight:700;transition:color .3s ease}.channel-busy-lamp.active span{color:#f44}.status-lights{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px}.status-light-container{display:flex;flex-direction:column;align-items:center;gap:8px}.status-label{font-size:14px;color:#8c9198;text-transform:uppercase;letter-spacing:1px;font-weight:700}.status-light{width:24px;height:24px;border-radius:50%;background:#40444b;border:2px solid #666;position:relative;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000004d}.status-light:before{content:"";position:absolute;inset:2px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1),transparent 70%);opacity:0;transition:opacity .3s ease}.status-light.active{background:#32be5a;border-color:#4ade80;box-shadow:0 0 15px #32be5a99,inset 0 2px 4px #0003;animation:status-glow 2s infinite}.status-light.active:before{opacity:1}.status-light.inactive{background:#40444b;border-color:#666;box-shadow:inset 0 2px 4px #0000004d}@keyframes status-glow{0%,to{box-shadow:0 0 15px #32be5a99,inset 0 2px 4px #0003}50%{box-shadow:0 0 25px #32be5acc,inset 0 2px 4px #0003}}@keyframes busy-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.transmission-timer{display:flex;flex-direction:column;align-items:center;gap:10px;background:#ff44441a;border:2px solid #ff4444;border-radius:12px;padding:20px 30px}.timer-display{font-size:36px;font-weight:700;color:#f44;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(255,68,68,.5)}.timer-label{font-size:12px;color:#8c9198;text-transform:uppercase;letter-spacing:1px}.ptt-section{display:flex;justify-content:center;align-items:center;flex:1;padding:20px}.ptt-button{width:300px;height:300px;border-radius:50%;background:linear-gradient(145deg,#2a2e36,#1e2127);border:8px solid #40444b;color:#eceef1;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d,inset 0 2px 4px #ffffff1a}.ptt-button:hover{border-color:#3c8cff;background:linear-gradient(145deg,#3a3e46,#2e3239);transform:scale(1.05);box-shadow:0 15px 40px #0006,0 0 20px #3c8cff4d,inset 0 2px 4px #ffffff1a}.ptt-button.pressed{background:#f44;border-color:#f66;transform:scale(.95);box-shadow:0 5px 20px #f446}.ptt-button.transmitting{background:#f44;border-color:#f66;box-shadow:0 0 40px #f44c;animation:ptt-transmitting 1s infinite}.ptt-button.busy{background:#666;border-color:#888;cursor:not-allowed;opacity:.7}.ptt-button.busy:hover{transform:none;border-color:#888;background:#666;box-shadow:0 10px 30px #0000004d}.ptt-button:disabled{opacity:.5;cursor:not-allowed;background:#1a1d23!important;border-color:#40444b!important;color:#666!important}@keyframes ptt-transmitting{0%,to{box-shadow:0 0 40px #f44c}50%{box-shadow:0 0 60px #f44}}.ptt-icon{font-size:80px;filter:drop-shadow(0 0 10px rgba(0,0,0,.5))}.ptt-label{font-size:18px;text-align:center;line-height:1.2}.radio-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#1c1f25;border-top:2px solid #40444b;gap:20px}.channel-selector{display:flex;align-items:center;gap:10px;min-width:200px}.channel-selector label{font-size:12px;color:#8c9198;text-transform:uppercase;letter-spacing:1px;min-width:60px}.channel-select{background:#1a1d22;border:1px solid #464a52;color:#eceef1;padding:8px 12px;border-radius:6px;font-size:12px;min-width:140px}.channel-select:focus{outline:none;border-color:#3c8cff}.volume-control{display:flex;align-items:center;gap:10px;flex:1}.volume-control label{font-size:12px;color:#8c9198;text-transform:uppercase;letter-spacing:1px;min-width:60px}.volume-slider{flex:1;height:6px;background:#40444b;border-radius:3px;outline:none;cursor:pointer;max-width:200px}.volume-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#3c8cff;border-radius:50%;cursor:pointer;box-shadow:0 0 5px #3c8cff4d}.volume-value{font-size:12px;color:#8c9198;min-width:40px;text-align:right}.mute-control{display:flex;align-items:center}.mute-button{background:#282c34;border:2px solid #40444b;border-radius:8px;color:#8c9198;cursor:pointer;font-size:20px;padding:8px 12px;transition:all .2s ease}.mute-button:hover{border-color:#3c8cff;color:#eceef1}.mute-button.muted{background:#f44;border-color:#f66;color:#fff}.device-controls{display:flex;gap:10px;flex:1;justify-content:flex-end}.device-select{background:#1a1d22;border:1px solid #464a52;color:#eceef1;padding:5px 8px;border-radius:4px;font-size:11px;min-width:120px}.device-select:focus{outline:none;border-color:#3c8cff}.loading,.error{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;color:#8c9198}.error{color:#ff6e6e}@media (max-width: 768px){.talkgroup-name{font-size:16px}.ptt-button{width:200px;height:200px}.ptt-icon{font-size:60px}.ptt-label{font-size:14px}.rx-meter{width:30px;height:200px}.radio-footer{flex-direction:column;gap:15px;align-items:stretch}.channel-selector,.volume-control,.mute-control,.device-controls{justify-content:center}.channel-selector{min-width:auto}}.settings-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-popup{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:90%;max-width:500px;max-height:80vh;overflow:hidden}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--panel-2)}.settings-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}.close-btn{background:none;border:none;color:var(--muted);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.close-btn:hover{background:var(--surface);color:var(--text)}.settings-content{padding:20px;overflow-y:auto;max-height:calc(80vh - 80px)}.settings-section{margin-bottom:24px}.settings-section:last-child{margin-bottom:0}.settings-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.device-controls{display:flex;flex-direction:column;gap:12px}.device-controls label{font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.device-controls select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:8px 12px;font-size:13px;transition:all .2s ease}.device-controls select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a}.fx-controls{display:flex;flex-direction:column;gap:12px}.fx-toggle{display:flex;align-items:center;gap:12px}.fx-toggle input[type=checkbox]{margin:0}.fx-toggle span{font-size:13px;color:var(--text);font-weight:500}.p25-mode-selector{display:flex;flex-direction:column;gap:8px;margin-left:24px}.p25-mode-selector label{font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.p25-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:8px 12px;font-size:13px;transition:all .2s ease}.p25-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a}.header-actions{display:flex;align-items:center;gap:8px}.settings-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:16px;cursor:pointer;padding:8px 12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.settings-btn:hover{background:var(--panel-2);color:var(--text);border-color:var(--border-2)}.time-status{display:flex;align-items:center}.utc-time{display:flex;align-items:center;font-size:12px;color:var(--muted);font-weight:500;font-family:Courier New,monospace}.radio-interface{width:100%;height:100vh;background:#101216;color:#eceef1;font-family:Arial,sans-serif;overflow:hidden}.radio-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:#101216;color:#eceef1;gap:20px}.loading-spinner{width:60px;height:60px;border:4px solid #40444b;border-top:4px solid #3c8cff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:24px;font-weight:700;color:#3c8cff;text-align:center}.loading-subtext{font-size:14px;color:#8c9198;text-align:center;max-width:400px;line-height:1.4}.radio-error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:#101216;color:#eceef1;gap:20px;padding:40px;text-align:center}.error-icon{font-size:64px;margin-bottom:10px}.error-title{font-size:28px;font-weight:700;color:#ff6e6e;margin-bottom:10px}.error-message{font-size:16px;color:#8c9198;max-width:500px;line-height:1.5;margin-bottom:20px}.retry-button{background:#3c8cff;border:none;border-radius:8px;color:#fff;padding:12px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.retry-button:hover{background:#2a7ae9;transform:translateY(-2px);box-shadow:0 4px 12px #3c8cff4d}.retry-button:active{transform:translateY(0)}@media (max-width: 768px){.loading-text{font-size:20px}.loading-subtext{font-size:12px}.error-title{font-size:24px}.error-message{font-size:14px}.retry-button{padding:10px 20px;font-size:14px}}