/* Dashboard styles: dark theme, responsive layout, component styling */
/* System fonts — no external @import to avoid render-blocking on AP (no internet) */
:root{--bg:#080b0f;--bg2:#0d1117;--card:rgba(13,17,23,0.9);--accent:#1bfef0;--accent-dim:rgba(27,254,240,0.1);--text:#e6edf3;--text2:#9ca3af;--muted:#6b7280;--border:rgba(107,114,128,0.2);--success:#22c55e;--danger:#ef4444;--warn:#f59e0b}
*{box-sizing:border-box;margin:0;padding:0;cursor:default}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:var(--bg);background-image:radial-gradient(ellipse at 10% 90%,rgba(27,254,240,0.05) 0%,transparent 40%),radial-gradient(ellipse at 90% 10%,rgba(139,92,246,0.04) 0%,transparent 40%);color:var(--text);min-height:100vh;overflow-x:hidden}
input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="search"],input[type="url"],input[type="tel"],textarea,.input-field{cursor:text}
#mic1Btn,#mic2Btn,#mic1Btn *,#mic2Btn *{cursor:pointer!important}
.header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(8,11,15,0.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
.header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 16px}
.brand{display:flex;align-items:center;gap:12px;justify-self:start}
.brand img{width:48px;height:48px;border-radius:10px;flex-shrink:0}
.brand-stack{display:flex;flex-direction:column;gap:0}
.brand-text{font-size:22px;font-weight:700;white-space:nowrap;line-height:1.1}
/* Header center - Node ID */
.header-center{display:flex;align-items:center;justify-self:center}
.node-id-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;background:rgba(27,254,240,0.08);border:1px solid rgba(27,254,240,0.25);border-radius:20px}
.node-id-label{font-size:9px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px}
.node-id-value{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:14px;font-weight:700;color:var(--accent);letter-spacing:1px}
.header-versions{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:9px;color:#fff;opacity:0.7}
.tabs{display:none}
.tab{flex:1;padding:10px 8px;background:transparent;border:none;border-radius:10px;color:var(--text2);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:auto}
.tab:hover{background:rgba(255,255,255,0.05)}
.tab.active{background:var(--accent-dim);color:var(--accent)}
.tab-label{font-size:13px;font-weight:500}
.pages-container{padding-top:68px;position:relative;z-index:1;height:100vh;box-sizing:border-box}
.page{display:none;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;padding-top:20px}
.page.active{display:block}
.subtabs{display:flex;gap:6px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px}
.subtab{padding:8px 14px;background:rgba(255,255,255,0.05);border:1px solid var(--border);border-radius:20px;color:var(--text2);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all 0.2s}
.subtab:hover:not(.active){background:rgba(255,255,255,0.1);border-color:rgba(27,254,240,0.2);color:var(--text)}
.subtab.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.subpage{display:none;animation:fadeIn 0.2s}.subpage.active{display:block}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.card{background:var(--card);border-radius:14px;padding:16px;margin-bottom:12px;border:1px solid var(--border);transition:border-color 0.2s,box-shadow 0.2s}
.card:hover{border-color:rgba(27,254,240,0.15);box-shadow:0 0 12px rgba(27,254,240,0.04)}
.card-title{font-size:13px;font-weight:600;color:var(--text2);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.widget-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.widget{background:rgba(0,0,0,0.3);border-radius:12px;padding:14px;text-align:center;transition:background 0.2s}
.widget:hover{background:rgba(0,0,0,0.45)}
.widget-value{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:24px;font-weight:700;color:var(--accent)}
.widget-value.danger{color:var(--danger)}
.widget-value.warn{color:var(--warn)}
.widget-value.inactive{color:var(--muted);opacity:0.5}
.widget-label{font-size:10px;color:var(--muted);text-transform:uppercase;margin-top:4px}
.widget-lg{grid-column:span 2}
.status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:12px;font-weight:600}
.status-badge.ok{background:rgba(27,254,240,0.1);color:var(--accent)}
.status-badge.warn{background:rgba(239,68,68,0.1);color:var(--danger);animation:pulse 1.5s infinite}
.status-badge.aux-voice{background:rgba(34,197,94,0.1);color:#4ade80}
.status-badge.aux-vehicle{background:rgba(59,130,246,0.1);color:#3b82f6}
@keyframes pulse{50%{box-shadow:0 0 12px rgba(239,68,68,0.3)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}
.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.input-group{margin-bottom:12px}
.input-label{display:block;color:var(--muted);font-size:11px;font-weight:600;margin-bottom:6px;text-transform:uppercase}
.input-field{width:100%;background:rgba(0,0,0,0.3);border:1px solid var(--border);border-radius:10px;padding:12px;font-size:14px;font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;color:var(--text)}
.input-field:focus{outline:none;border-color:var(--accent)}
select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}
.btn{width:100%;padding:12px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s;font-family:inherit}
.btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--accent),#06b6a4);color:var(--bg)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(27,254,240,0.3)}
.btn-secondary{background:rgba(255,255,255,0.05);color:var(--text);border:1px solid var(--border)}
.btn-danger{background:var(--danger);color:#fff}
.btn:disabled{opacity:0.5;cursor:not-allowed;transform:none!important}
.btn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.btn-sm{padding:10px;font-size:12px}
#mic1Btn:hover,#mic2Btn:hover{transform:scale(1.02);filter:brightness(1.1)}
.msg{padding:10px 12px;border-radius:8px;font-size:12px;margin-top:10px;display:none}
.msg.ok{display:block;background:rgba(27,254,240,0.1);color:var(--accent)}
.msg.err{display:block;background:rgba(239,68,68,0.1);color:var(--danger)}
.msg.warn{display:block;background:rgba(245,158,11,0.1);color:var(--warn)}
.node-list{max-height:280px;overflow-y:auto;margin:0 -4px;padding:0 4px}
.node-list::-webkit-scrollbar{width:4px}
.node-list::-webkit-scrollbar-track{background:transparent}
.node-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}
.node-item{padding:8px 10px;margin:4px 0;background:rgba(0,0,0,0.2);border-radius:8px;border-left:3px solid var(--accent);cursor:pointer;transition:all 0.2s}
.node-item:hover{background:rgba(27,254,240,0.05);transform:translateX(2px)}
.node-item.selected{background:rgba(27,254,240,0.1);border-left-width:4px}
.node-item.offline{border-left-color:var(--muted);opacity:0.6}
.node-item.alert{border-left-color:var(--danger)}
.node-item.warning{border-left-color:#f59e0b;background:rgba(245,158,11,0.05)}
.node-item.aux-voice{border-left-color:#4ade80;background:rgba(34,197,94,0.05)}
.node-item.aux-vehicle{border-left-color:#3b82f6;background:rgba(59,130,246,0.05)}
.node-item.mock-node{border-left-color:#a855f7}.node-item.mock-node.alert{border-left-color:#ef4444}
.node-item.real-node{border:1px solid rgba(27,254,240,0.25);border-left:3px solid var(--accent)}
.node-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.node-left{display:flex;align-items:center;gap:6px;min-width:0}
.node-status{font-size:11px;color:var(--muted);flex-shrink:0}
.node-item-id{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:12px;font-weight:600;color:var(--accent);white-space:nowrap}
.node-item.offline .node-item-id{color:var(--muted)}
.node-drone{font-size:9px;font-weight:700;color:var(--danger);background:rgba(239,68,68,0.2);padding:1px 5px;border-radius:4px;flex-shrink:0}
.node-self-badge{font-size:9px;font-weight:700;color:var(--accent);background:rgba(27,254,240,0.15);padding:1px 5px;border-radius:4px;flex-shrink:0;margin-left:2px}
.self-node{border:1px solid rgba(27,254,240,0.4);border-left:3px solid var(--accent);background:rgba(27,254,240,0.06)}
.node-right{display:flex;align-items:center;gap:8px;font-size:10px;flex-shrink:0}
.node-sig{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:11px;color:var(--text2)}
.node-sig small{font-size:9px;color:var(--muted);margin-left:1px}
.node-dist{color:var(--accent);font-size:10px;opacity:0.8}
.node-meta{color:var(--muted);font-size:10px;display:flex;align-items:center;gap:4px}
.node-seen{color:var(--muted);font-size:10px;opacity:0.6;min-width:24px;text-align:right}
.node-flags{display:inline-flex;gap:3px;flex-wrap:wrap;margin-left:4px}
.nf{font-size:9px;padding:1px 5px;border-radius:3px;color:var(--muted);background:rgba(255,255,255,0.04);letter-spacing:0.3px}
.nf.on{color:var(--accent);background:rgba(27,254,240,0.1)}
.nf.field{color:#f59e0b;background:rgba(245,158,11,0.12)}
.nf.gw{color:#60a5fa;background:rgba(96,165,250,0.12)}
.nf.jam{color:var(--danger);background:rgba(239,68,68,0.15);font-weight:700}
.nf.alert{color:var(--danger);background:rgba(239,68,68,0.12)}
.nf.aux{color:#4ade80;background:rgba(74,222,128,0.1)}
@media(max-width:400px){.node-row{flex-wrap:wrap}.node-right{width:100%;justify-content:flex-start;margin-top:4px;padding-left:20px}.node-flags{margin-left:0;margin-top:2px}}
#nodesListContent{overflow:hidden}
.signal-bar{display:flex;align-items:center;gap:6px;margin-top:4px}
.signal-bar-track{flex:1;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden;max-width:80px}
.signal-bar-fill{height:100%;border-radius:2px;transition:width 0.3s ease}
.signal-info{font-size:10px;color:var(--muted);display:flex;gap:8px}
.signal-info .dist{color:var(--accent);opacity:0.8}
.search-box{position:relative;margin-bottom:10px}
.search-box input{width:100%;padding:10px 10px 10px 36px;background:rgba(0,0,0,0.2);border:1px solid var(--border);border-radius:10px;font-size:13px;color:var(--text)}
.search-box::before{content:'';position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;border:2px solid var(--muted);border-radius:50%;opacity:0.5}
.search-box::after{content:'';position:absolute;left:24px;top:60%;width:6px;height:2px;background:var(--muted);transform:rotate(45deg);opacity:0.5}
.empty{text-align:center;padding:20px;color:var(--muted);font-size:13px}
.file-upload label{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px;background:rgba(0,0,0,0.2);border:2px dashed var(--border);border-radius:12px;cursor:pointer}
.file-upload label.selected{border-style:solid;border-color:var(--accent);background:rgba(27,254,240,0.05)}
.file-upload input{display:none}
.file-upload .icon{font-size:24px;opacity:0.6}
.file-upload .text{font-size:12px;color:var(--text2)}
.file-upload .name{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:11px;color:var(--accent)}
.progress{height:4px;background:rgba(255,255,255,0.1);border-radius:2px;margin-top:10px;display:none}
.progress.show{display:block}
.progress-bar{height:100%;background:var(--accent);border-radius:2px;width:0%;transition:width 0.3s}
.env-preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.env-preset-btn{background:rgba(100,100,100,0.12);border:1px solid var(--border);border-radius:8px;padding:10px 8px;cursor:pointer;text-align:center;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:2px}
.env-preset-btn:hover{background:rgba(27,254,240,0.08);border-color:var(--accent)}
.env-preset-btn.active{background:rgba(27,254,240,0.15);border-color:var(--accent);box-shadow:0 0 8px rgba(27,254,240,0.2)}
.env-icon{font-size:22px;line-height:1.2}
.env-name{font-size:11px;font-weight:600;color:var(--text)}
.env-desc{font-size:9px;color:var(--muted);line-height:1.2}
.cal-points{display:flex;justify-content:space-around;margin:16px 0}
.cal-point{text-align:center;padding:10px;background:rgba(0,0,0,0.2);border-radius:10px;border:2px solid var(--border);min-width:60px}
.cal-point.active{border-color:var(--accent);animation:pulse 1s infinite}
.cal-point.done{border-color:#22c55e;background:rgba(34,197,94,0.1)}
.cal-point .icon{font-size:20px}
.cal-point .label{font-size:10px;color:var(--text2);margin-top:2px}
.cal-point .status{font-size:9px;color:var(--muted);font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace}
#map{width:100%;height:400px;border-radius:12px;background:var(--bg2);z-index:0}
#map{overflow:hidden}
.card:has(#map){overflow:hidden;position:relative}
.leaflet-popup-pane{z-index:700}
.leaflet-popup{position:absolute}
.leaflet-popup-content-wrapper{background:var(--card);color:var(--text);border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.5)}
.leaflet-popup-content{margin:12px}
.leaflet-popup-tip{background:var(--card)}
.leaflet-container a.leaflet-popup-close-button{color:var(--muted)}
.leaflet-container a.leaflet-popup-close-button:hover{color:var(--text)}
.leaflet-tooltip{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:11px;box-shadow:0 4px 12px rgba(0,0,0,0.4)}
.leaflet-tooltip-top:before{border-top-color:var(--card)}
.leaflet-control-zoom{border:none!important;box-shadow:none!important}
.leaflet-control-zoom a,.leaflet-control-fitall a{width:30px!important;height:30px!important;line-height:30px!important;background:var(--card)!important;border:1px solid var(--border)!important;color:var(--text)!important;font-size:16px!important;font-weight:400!important;backdrop-filter:blur(8px)}
.leaflet-control-zoom a:first-child{border-radius:6px 6px 0 0!important}
.leaflet-control-zoom a:last-child{border-radius:0!important;border-top:none!important}
.leaflet-control-fitall{border:none!important;box-shadow:none!important;margin-top:-1px!important}
.leaflet-control-fitall a{border-radius:0 0 6px 6px!important;font-size:11px!important;width:30px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.leaflet-control-zoom a:hover,.leaflet-control-fitall a:hover{background:var(--bg2)!important;color:var(--accent)!important}
@keyframes halo-pulse{0%,100%{transform:scale(1);opacity:0.4}50%{transform:scale(1.15);opacity:0.25}}
@keyframes halo-blink{0%,100%{transform:scale(1);opacity:0.9}50%{transform:scale(1.3);opacity:0.15}}
.map-node-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.95);z-index:10000;background:#1a1a2e;border:2px solid #1bfef0;border-radius:12px;padding:16px;width:min(320px,90vw);box-shadow:0 8px 32px rgba(0,0,0,0.6);opacity:0;transition:opacity 0.2s,transform 0.2s}
.map-node-popup.active{opacity:1;transform:translate(-50%,-50%) scale(1)}
.mnp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.mnp-title{font-size:15px;font-weight:700;color:#fff}
.mnp-close{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px}.mnp-close:hover{color:#fff;background:rgba(255,255,255,0.1)}
.mnp-status{font-size:14px;font-weight:700;margin-bottom:10px}
.mnp-stats{display:flex;gap:12px;font-size:11px;color:#888;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.08)}
.mnp-verify{padding:10px;background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.25);border-radius:8px}
.mnp-verify-title{font-size:11px;font-weight:600;color:#f59e0b;margin-bottom:8px}
.mnp-play-btn{width:100%;padding:10px;background:rgba(245,158,11,0.15);border:1px solid #f59e0b;color:#f59e0b;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:8px}.mnp-play-btn:hover{background:rgba(245,158,11,0.25)}.mnp-play-btn:disabled{opacity:0.5;cursor:not-allowed}
.mnp-bar{height:3px;background:rgba(255,255,255,0.1);border-radius:2px;margin-top:6px;overflow:hidden}
.mnp-bar-fill{height:100%;background:#f59e0b;width:0%;transition:width 0.3s}
.mnp-btn-drone{flex:1;padding:8px;background:rgba(239,68,68,0.15);border:1px solid #ef4444;color:#ef4444;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer}.mnp-btn-drone:hover{background:rgba(239,68,68,0.3)}
.mnp-btn-clear{flex:1;padding:8px;background:rgba(34,197,94,0.15);border:1px solid #22c55e;color:#22c55e;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer}.mnp-btn-clear:hover{background:rgba(34,197,94,0.3)}
.mnp-action-btn{flex:1;padding:6px 0;background:rgba(27,254,240,0.1);border:1px solid rgba(27,254,240,0.3);color:#1bfef0;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;text-align:center}.mnp-action-btn:hover{background:rgba(27,254,240,0.2)}
.map-offline{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--muted);font-size:13px;gap:8px}
.map-container{width:100%}
.map-container #map{width:100%}
.vol-bar{height:6px;background:rgba(255,255,255,0.1);border-radius:3px;overflow:hidden;margin:8px 0}
.vol-fill{height:100%;background:linear-gradient(90deg,var(--accent),#06b6a4);border-radius:3px;transition:width 0.1s}
.vol-fill.high{background:linear-gradient(90deg,var(--warn),#f97316)}
.vol-fill.crit{background:linear-gradient(90deg,var(--danger),#dc2626)}
.data-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.05)}
.data-row:last-child{border-bottom:none}
.data-label{color:var(--muted);font-size:13px}
.data-value{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:13px;color:var(--accent)}
.card-compact{padding:12px}
.card-compact .card-title{margin-bottom:8px}
.card-compact .data-row{padding:6px 0}
.alert-overlay{display:none;position:fixed;top:10vh;left:10vw;width:80vw;height:80vh;background:linear-gradient(135deg,#1a0000,#2d0000,#1a0000);z-index:9999;flex-direction:column;align-items:center;justify-content:center;animation:alertPulse 2s infinite;border-radius:16px;box-shadow:0 0 60px rgba(239,68,68,0.3),0 0 0 1px rgba(255,68,68,0.2)}
.alert-overlay.active{display:flex}
.alert-close-btn{position:absolute;top:16px;right:16px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;font-size:20px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;transition:background 0.2s}
.alert-close-btn:hover{background:rgba(255,255,255,0.2)}
@keyframes alertPulse{50%{background:linear-gradient(135deg,#2a0000,#4d0000,#2a0000)}}
.alert-icon{font-size:64px;animation:shake 0.5s infinite}
@keyframes shake{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
.alert-title{font-size:28px;font-weight:700;color:#ff4444;margin:12px 0 4px}
.alert-sub{font-size:14px;color:#ff8888;margin-bottom:24px}
.alert-info{background:rgba(0,0,0,0.5);border-radius:12px;padding:16px 24px;min-width:260px}
.alert-row{display:flex;justify-content:space-between;padding:8px 0;gap:16px}
.alert-row .label{color:#ff8888;font-size:13px}
.alert-row .value{color:#fff;font-weight:700;font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace}
.alert-btn{margin-top:24px;background:transparent;border:2px solid #ff4444;color:#ff4444;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer}
.alert-btn:hover{background:#ff4444;color:#000}
.alert-visual{display:flex;flex-direction:column;align-items:center;gap:10px;margin:4px 0}
.alert-gauge{display:flex;flex-direction:column;align-items:center;gap:4px}
.alert-gauge-row{display:flex;gap:28px;justify-content:center}
.alert-gauge-ring{position:relative;width:96px;height:96px}
.alert-gauge-ring svg{width:100%;height:100%}
.alert-gauge-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,monospace}
.alert-gauge-center small{font-size:11px;font-weight:400;opacity:0.6;margin-left:1px}
.alert-gauge-label{font-size:9px;color:#ff8888;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}
#alertConfArc,#alertDistArc{transition:stroke-dashoffset 0.5s ease,stroke 0.5s ease}
#alertCompassArrow{transform-origin:70px 70px;transition:transform 0.4s ease}
.omni-ring{transform-origin:70px 70px;animation:omniPulse 2.1s infinite ease-out;opacity:0}
@keyframes omniPulse{0%{transform:scale(1);opacity:0.6}100%{transform:scale(2.5);opacity:0}}
.alert-strip{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:6px;font-size:11px;color:rgba(255,136,136,0.7)}
.alert-strip-item{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;color:rgba(255,255,255,0.8);font-weight:500}
.alert-strip-sep{opacity:0.3}
.aux-alert-overlay{display:none;position:fixed;inset:0;z-index:9998;flex-direction:column;align-items:center;justify-content:center}
.aux-alert-overlay.active{display:flex}
.aux-alert-overlay.voice{background:linear-gradient(135deg,#002a00,#004d00,#002a00);animation:auxPulseGreen 2s infinite}
.aux-alert-overlay.vehicle{background:linear-gradient(135deg,#00001a,#00002d,#00001a);animation:auxPulseBlue 2s infinite}
@keyframes auxPulseGreen{50%{background:linear-gradient(135deg,#003a00,#006d00,#003a00)}}
@keyframes auxPulseBlue{50%{background:linear-gradient(135deg,#00002a,#00004d,#00002a)}}
.aux-alert-icon{font-size:64px}
.aux-alert-title{font-size:28px;font-weight:700;margin:12px 0 4px}
.aux-alert-overlay.voice .aux-alert-title{color:#22c55e}
.aux-alert-overlay.vehicle .aux-alert-title{color:#3b82f6}
.aux-alert-sub{font-size:14px;margin-bottom:24px}
.aux-alert-overlay.voice .aux-alert-sub{color:#86efac}
.aux-alert-overlay.vehicle .aux-alert-sub{color:#93c5fd}
.aux-alert-info{background:rgba(0,0,0,0.5);border-radius:12px;padding:16px 24px;min-width:260px}
.aux-alert-overlay.voice .alert-row .label{color:#86efac}
.aux-alert-overlay.vehicle .alert-row .label{color:#93c5fd}
.aux-alert-overlay .alert-row .value{color:#fff;font-weight:700;font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,monospace}
.aux-alert-btn{margin-top:24px;background:transparent;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer}
.aux-alert-overlay.voice .aux-alert-btn{border:2px solid #22c55e;color:#22c55e}
.aux-alert-overlay.voice .aux-alert-btn:hover{background:#22c55e;color:#000}
.aux-alert-overlay.vehicle .aux-alert-btn{border:2px solid #3b82f6;color:#3b82f6}
.aux-alert-overlay.vehicle .aux-alert-btn:hover{background:#3b82f6;color:#000}
.section{margin-bottom:16px}
.section-title{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px}
/* Section dividers for scrollable pages */
/* Status indicators */
.status-indicators{display:flex;align-items:center;gap:12px;justify-self:end}
/* Hamburger menu button */
.hamburger-btn{background:none;border:none;color:var(--text2);padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background 0.2s,color 0.2s;flex-shrink:0;margin-right:4px}
.hamburger-btn svg{width:28px;height:28px}
.hamburger-btn:hover,.hamburger-btn.active{background:rgba(255,255,255,0.08);color:var(--accent)}
/* Hamburger slide-out menu */
.hamburger-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:199;opacity:0;pointer-events:none;transition:opacity 0.25s}
.hamburger-overlay.open{opacity:1;pointer-events:auto}
.hamburger-menu{position:fixed;top:0;left:0;bottom:0;width:240px;background:var(--bg2);border-right:1px solid var(--border);z-index:200;transform:translateX(-100%);transition:transform 0.25s ease;padding:80px 0 24px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}
.hamburger-menu.open{transform:translateX(0)}
.hamburger-item{display:flex;align-items:center;gap:14px;padding:14px 24px;color:var(--text2);font-size:14px;font-weight:500;cursor:pointer;transition:background 0.15s,color 0.15s;text-decoration:none;user-select:none;-webkit-tap-highlight-color:rgba(27,254,240,0.15)}
.hamburger-item *{pointer-events:none;cursor:pointer}
.hamburger-item svg{width:20px;height:20px;flex-shrink:0}
.hamburger-item:hover{background:rgba(255,255,255,0.05);color:var(--text)}
.hamburger-item.active{color:var(--accent);background:var(--accent-dim)}
.hamburger-divider{height:1px;background:var(--border);margin:8px 24px}
/* Hamburger submenu (Settings tree) */
.hamburger-chevron{width:16px!important;height:16px!important;margin-left:auto;transition:transform 0.2s;opacity:0.5}
.hamburger-item.submenu-open .hamburger-chevron{transform:rotate(180deg);opacity:1}
.hamburger-submenu{max-height:0;overflow:hidden;transition:max-height 0.25s ease;background:rgba(0,0,0,0.15)}
.hamburger-submenu.open{max-height:600px}
.hamburger-subitem{display:flex;align-items:center;gap:10px;padding:10px 24px 10px 52px;color:var(--text2);font-size:13px;cursor:pointer;transition:background 0.15s,color 0.15s;user-select:none;-webkit-tap-highlight-color:rgba(27,254,240,0.15)}
.hamburger-subitem *{pointer-events:none;cursor:pointer}
.hamburger-subitem svg{width:16px;height:16px;flex-shrink:0;opacity:0.7}
.hamburger-subitem:hover{background:rgba(255,255,255,0.05);color:var(--text)}
.hamburger-subitem.active{color:var(--accent)}
/* Settings icon grid */
.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:4px 0 16px}
.settings-grid-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 8px;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all 0.2s;user-select:none;-webkit-tap-highlight-color:rgba(27,254,240,0.15)}
.settings-grid-item svg{width:28px;height:28px;color:var(--accent);opacity:0.8;transition:opacity 0.2s}
.settings-grid-item span{font-size:11px;font-weight:500;color:var(--text2);text-align:center;white-space:nowrap}
.settings-grid-item:hover{background:rgba(255,255,255,0.08);border-color:rgba(27,254,240,0.3)}
.settings-grid-item:hover svg{opacity:1}
.settings-grid-item:active{transform:scale(0.96)}
@media(min-width:480px){.settings-grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:768px){.settings-grid{grid-template-columns:repeat(5,1fr)}}
/* Settings back bar */
.settings-back{display:none;align-items:center;gap:8px;padding:10px 4px;margin-bottom:12px;cursor:pointer;color:var(--accent);font-size:14px;font-weight:500;user-select:none;-webkit-tap-highlight-color:rgba(27,254,240,0.15)}
.settings-back.visible{display:flex}
.settings-back svg{width:20px;height:20px;flex-shrink:0}
.settings-back-label{color:var(--text2);font-weight:400;margin-left:4px}
.settings-back-label::before{content:"/ "}
/* About modal */
/* Settings gear icon (kept for JS compat — element removed) */
.indicator.settings-gear{cursor:pointer}
.indicator.settings-gear svg{fill:none}
.settings-gear.active{color:var(--accent)}
.siren-icon{display:flex;align-items:center;justify-content:center;animation:sirenPulse 0.5s infinite}
@keyframes sirenPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 4px #ef4444)}50%{transform:scale(1.15);filter:drop-shadow(0 0 8px #ef4444)}}
.indicator{display:flex;align-items:center;gap:4px;font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:11px;color:var(--text2);transition:opacity 0.2s,color 0.3s}
.indicator:hover{opacity:0.8}
.indicator svg{width:18px;height:18px;fill:currentColor}
.indicator.ok{color:var(--accent)}
.indicator.warn{color:var(--warn)}
.indicator.danger{color:var(--danger)}
.indicator.muted{color:var(--muted)}
.battery-wrap{position:relative;display:flex;align-items:center}
.battery-icon{width:16px;height:9px;border:1.5px solid currentColor;border-radius:2px;position:relative;display:flex;align-items:center;padding:1px}
.battery-icon::after{content:'';position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:2px;height:5px;background:currentColor;border-radius:0 1px 1px 0}
.battery-fill{height:100%;background:currentColor;border-radius:1px;transition:width 0.3s,background 0.3s}
.battery-wrap.charging .battery-icon{border-color:var(--accent);animation:pulseGlow 2s infinite}
.battery-wrap.charging .battery-fill{background:var(--accent)}
.charging-bolt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:8px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 4px var(--accent)}50%{box-shadow:0 0 8px var(--accent)}}
/* Heap memory indicator */
.heap-bar-outer{width:20px;height:8px;border:1.5px solid currentColor;border-radius:2px;overflow:hidden;position:relative}
.heap-bar-inner{height:100%;transition:width 0.3s,background 0.3s;border-radius:1px}
#heapPctLabel{font-size:9px;min-width:18px;text-align:center}
.heap-warn{animation:heapPulse 2s infinite}
.heap-critical{animation:heapPulse 0.8s infinite}
@keyframes heapPulse{0%,100%{opacity:1}50%{opacity:0.4}}
.heap-popup{display:none;position:absolute;top:calc(100% + 8px);right:-10px;background:var(--card-bg,#1a1d23);border:1px solid var(--border);border-radius:8px;padding:12px;min-width:240px;z-index:1000;box-shadow:0 4px 16px rgba(0,0,0,0.6);font-size:11px}
.heap-popup.active{display:block}
.heap-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;color:var(--fg)}
.heap-popup-bar-outer{height:6px;background:rgba(255,255,255,0.1);border-radius:3px;overflow:hidden;margin-bottom:8px}
.heap-popup-bar-inner{height:100%;border-radius:3px;transition:width 0.3s}
.heap-popup-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin-bottom:8px;font-size:10px;color:var(--text2)}
.heap-popup-stats .stat-label{color:var(--muted)}
.heap-popup-stats .stat-value{text-align:right;font-family:monospace}
.heap-popup-tasks{border-top:1px solid var(--border);padding-top:8px;max-height:220px;overflow-y:auto}
.wifi-indicator svg{width:16px;height:16px;stroke:currentColor;fill:none}
.wifi-indicator.ok{color:var(--accent)}
.wifi-indicator.internet{color:var(--success)}
.wifi-indicator.warn{color:var(--warn)}
.wifi-indicator.disconnected{color:var(--danger);animation:wifiPulse 2s infinite}
@keyframes wifiPulse{0%,100%{opacity:1}50%{opacity:0.4}}
.wifi-popup{display:none;position:absolute;top:calc(100% + 8px);right:-10px;background:var(--card-bg,#1a1d23);border:1px solid var(--border);border-radius:8px;padding:12px;min-width:300px;z-index:1000;box-shadow:0 4px 16px rgba(0,0,0,0.6);font-size:11px}
.wifi-popup.active{display:block}
.wifi-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;color:var(--fg)}
.wifi-popup-stats{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;margin-bottom:6px;font-size:10px}
.wifi-popup-stats .stat-label{color:var(--muted)}
.wifi-popup-stats .stat-value{text-align:right;font-family:'JetBrains Mono',monospace}
.wifi-popup-log{border-top:1px solid var(--border);padding-top:6px;max-height:160px;overflow-y:auto}
#wifiDisconnectedBanner{position:fixed;top:68px;left:0;right:0;z-index:99;padding:10px 12px;background:var(--danger);color:#fff;font-size:13px;font-weight:600;text-align:center;letter-spacing:0.5px}
.signal-bars{display:flex;align-items:flex-end;gap:1px;height:12px}
.signal-bar{width:3px;background:currentColor;border-radius:1px;transition:opacity 0.2s}
.signal-bar.off{opacity:0.2}
/* Audio level indicator */
.audio-bars{display:flex;align-items:flex-end;gap:1px;height:14px;padding:0 2px}
.audio-bar{width:2px;background:var(--accent);border-radius:1px;transition:height 0.08s ease-out,background 0.3s}
.audio-indicator.warn .audio-bar{background:var(--warn)}
.audio-indicator.danger .audio-bar{background:var(--danger)}
.audio-indicator{position:relative}
.ota-update-icon{display:none;align-items:center;gap:2px;padding:2px 6px;background:rgba(27,254,240,0.15);border:1px solid var(--accent);border-radius:6px;font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:10px;color:var(--accent);cursor:pointer;transition:all 0.2s}
.ota-update-icon:hover{background:rgba(27,254,240,0.25);transform:scale(1.05)}
.ota-update-icon.visible{display:flex}
.ota-update-icon svg{width:14px;height:14px;fill:currentColor}
.ota-update-icon.installing svg{animation:spin 1s linear infinite}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
/* (Old spectrum-container styles removed -- replaced by rainbowSpectrum inside audioCard) */
/* Signal metrics row */
.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.metric{background:rgba(0,0,0,0.2);border-radius:8px;padding:10px;text-align:center}
.metric-value{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:16px;font-weight:600;color:var(--accent)}
.metric-value.low{color:var(--muted)}
.metric-value.med{color:var(--warn)}
.metric-value.high{color:var(--accent)}
.metric-label{font-size:9px;color:var(--muted);text-transform:uppercase;margin-top:2px}
/* Detection params fancy bars */
.det-param{display:grid;grid-template-columns:70px 1fr 90px;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,0.05)}
.det-param:last-of-type{border-bottom:none}
.det-info{display:flex;flex-direction:column}
.det-name{font-size:11px;font-weight:500;cursor:default;user-select:none}
.det-dir{font-size:9px;color:var(--muted);cursor:default;user-select:none}
.det-bar{position:relative;height:16px;background:rgba(0,0,0,0.3);border-radius:8px;overflow:hidden}
.det-fill{position:absolute;height:100%;border-radius:8px;transition:width 0.3s,background 0.3s}
.det-fill.pass{background:linear-gradient(90deg,#10b981,#34d399)}
.det-fill.fail{background:linear-gradient(90deg,#ef4444,#f87171)}
.det-fill.close{background:linear-gradient(90deg,#f59e0b,#fbbf24)}
.det-thresh{position:absolute;width:2px;height:100%;background:var(--accent);box-shadow:0 0 4px var(--accent)}
.det-thresh-range{position:absolute;height:100%;background:rgba(27,254,240,0.2);border-left:2px solid var(--accent);border-right:2px solid var(--accent)}
.det-vals{display:flex;gap:6px;align-items:center;justify-content:flex-end}
.det-live{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:11px;width:40px;text-align:right;cursor:default;user-select:none}
.det-thresh-val{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:10px;width:54px;text-align:right;color:var(--muted);cursor:default;user-select:none}
.det-input{width:54px;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:2px 6px;color:var(--text);font-size:10px;font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;text-align:right}
.det-input:focus{border-color:var(--accent);outline:none}
.det-settings-grid{display:grid;grid-template-columns:1fr;gap:4px}
@media(min-width:600px){.det-settings-grid{grid-template-columns:1fr 1fr;gap:8px 16px}}
.det-params-grid{display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:600px){.det-params-grid{grid-template-columns:1fr 1fr;gap:0 24px}}
/* Stability bar */
.stability-bar{height:4px;background:rgba(255,255,255,0.1);border-radius:2px;margin-top:4px;overflow:hidden}
.stability-fill{height:100%;background:linear-gradient(90deg,var(--danger),var(--warn),var(--accent));border-radius:2px;transition:width 0.3s}
.oscilloscope{width:100%;height:80px;background:rgba(0,0,0,0.4);border-radius:8px;border:1px solid rgba(27,254,240,0.2);position:relative;overflow:hidden}
.oscilloscope::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 9px,rgba(27,254,240,0.03) 10px),repeating-linear-gradient(90deg,transparent,transparent 9px,rgba(27,254,240,0.03) 10px);pointer-events:none}
.oscilloscope::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(27,254,240,0.15)}
@keyframes scanline{0%{top:-100%}100%{top:100%}}
.oscilloscope .scanline{position:absolute;left:0;right:0;height:3px;background:linear-gradient(to bottom,transparent,rgba(27,254,240,0.1),transparent);animation:scanline 2s linear infinite;pointer-events:none}
.card.detecting{box-shadow:0 0 20px rgba(239,68,68,0.3);border-color:rgba(239,68,68,0.4);animation:detectPulse 1s infinite}
@keyframes detectPulse{50%{box-shadow:0 0 30px rgba(239,68,68,0.5)}}
/* Detection display row - prevent animations from causing sibling repaints */
.detection-display-row{contain:layout style}
/* Tier Status Indicator */
.tier-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;flex-shrink:0;isolation:isolate}
.tier-circle{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:22px;font-weight:700;border:3px solid currentColor;transform:translateZ(0);box-shadow:0 0 12px currentColor}
.tier-label{font-size:11px;text-align:center;margin-top:8px;line-height:1.3;max-width:90px}
/* Tier color states */
.tier-indicator.idle .tier-circle{color:#67a8c7;border-color:rgba(103,168,199,0.5);box-shadow:0 0 8px rgba(103,168,199,0.25);animation:idlePulse 2.5s ease-in-out infinite}
@keyframes idlePulse{0%,100%{box-shadow:0 0 8px rgba(103,168,199,0.25);border-color:rgba(103,168,199,0.5)}50%{box-shadow:0 0 16px rgba(103,168,199,0.4);border-color:rgba(103,168,199,0.7)}}
.tier-indicator.idle .tier-label{color:#67a8c7;font-size:10px}
.tier-indicator.t0 .tier-circle{color:#6b7280;border-color:#6b7280;box-shadow:0 0 8px rgba(107,114,128,0.4)}
.tier-indicator.t0 .tier-label{color:#9ca3af}
.tier-indicator.t1-reject .tier-circle{color:#22c55e;border-color:#22c55e;box-shadow:0 0 12px rgba(34,197,94,0.4)}
.tier-indicator.t1-reject .tier-label{color:#22c55e;font-size:10px}
.tier-indicator.aux-vehicle .tier-circle{color:#3b82f6;border-color:#3b82f6;box-shadow:0 0 12px rgba(59,130,246,0.4)}
.tier-indicator.aux-vehicle .tier-label{color:#3b82f6;font-size:10px}
.tier-indicator.aux-voice .tier-circle{color:#4ade80;border-color:#4ade80;box-shadow:0 0 12px rgba(74,222,128,0.4)}
.tier-indicator.aux-voice .tier-label{color:#4ade80;font-size:10px}
.tier-indicator.t2-reject .tier-circle{color:#84cc16;border-color:#84cc16;box-shadow:0 0 12px rgba(132,204,22,0.4)}
.tier-indicator.t2-reject .tier-label{color:#84cc16}
.tier-indicator.t2-pass .tier-circle{color:#f97316;border-color:#f97316;box-shadow:0 0 16px rgba(249,115,22,0.5)}
.tier-indicator.t2-pass .tier-label{color:#f97316}
.tier-indicator.t3-wait .tier-circle{color:#eab308;border-color:#eab308;box-shadow:0 0 12px rgba(234,179,8,0.4);animation:tierPulse 1.5s infinite}
.tier-indicator.t3-wait .tier-label{color:#eab308}
.tier-indicator.t3-confirm .tier-circle{color:#ef4444;border-color:#ef4444;box-shadow:0 0 20px rgba(239,68,68,0.6);animation:tierPulse 0.8s infinite}
.tier-indicator.t3-confirm .tier-label{color:#ef4444;font-weight:600}
@keyframes tierPulse{0%,100%{transform:scale(1)}50%{transform:scale(0.95)}}
/* Confidence value/unit inherit tier indicator colors */
.tier-indicator.idle .conf-value,.tier-indicator.idle .conf-unit{color:#67a8c7}
.tier-indicator.t0 .conf-value,.tier-indicator.t0 .conf-unit{color:#6b7280}
.tier-indicator.t1-reject .conf-value,.tier-indicator.t1-reject .conf-unit{color:#22c55e}
.tier-indicator.aux-vehicle .conf-value,.tier-indicator.aux-vehicle .conf-unit{color:#3b82f6}
.tier-indicator.aux-voice .conf-value,.tier-indicator.aux-voice .conf-unit{color:#4ade80}
.tier-indicator.t2-reject .conf-value,.tier-indicator.t2-reject .conf-unit{color:#84cc16}
.tier-indicator.t2-pass .conf-value,.tier-indicator.t2-pass .conf-unit{color:#f97316}
.tier-indicator.t3-wait .conf-value,.tier-indicator.t3-wait .conf-unit{color:#eab308}
.tier-indicator.t3-confirm .conf-value,.tier-indicator.t3-confirm .conf-unit{color:#ef4444}
/* Visual Metrics */
.metric-visual{display:flex;flex-direction:column;align-items:center;background:rgba(0,0,0,0.25);border-radius:8px;padding:8px 4px;transition:background 0.2s,transform 0.2s}
.metric-visual:hover{background:rgba(0,0,0,0.4);transform:translateY(-1px)}
/* Confidence display */
.conf-display{display:flex;align-items:baseline;justify-content:center;height:28px}
.conf-value{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:20px;font-weight:700;color:var(--accent);transition:color 0.3s}
.conf-unit{font-size:11px;color:var(--muted);margin-left:1px}
.conf-display.warn .conf-value{color:var(--warn)}
.conf-display.danger .conf-value{color:var(--danger)}
.metric-label{font-size:8px;color:var(--muted);text-transform:uppercase;margin-top:4px;letter-spacing:0.3px}
/* Harmonics Bars */
.harmonic-bars{display:flex;gap:3px;align-items:flex-end;height:28px}
.harm-bar{width:8px;height:6px;background:rgba(27,254,240,0.15);border-radius:2px;transition:all 0.3s}
.harm-bar.active{height:100%;background:var(--accent);box-shadow:0 0 8px rgba(27,254,240,0.5)}
.harm-bar:nth-child(1).active{height:100%}
.harm-bar:nth-child(2).active{height:80%}
.harm-bar:nth-child(3).active{height:60%}
.harm-bar:nth-child(4).active{height:45%}
/* Duration Timer */
.duration-timer{width:36px;height:36px;position:relative}
.duration-timer svg{width:100%;height:100%;transform:rotate(-90deg)}
.timer-bg{fill:none;stroke:rgba(255,255,255,0.1);stroke-width:3}
.timer-fill{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 0.5s,stroke 0.3s}
.timer-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:11px;font-weight:700;color:var(--accent)}
/* SNR Gauge */
.snr-gauge{width:50px;height:30px;position:relative}
.snr-gauge svg{width:100%;height:100%}
.gauge-bg{fill:none;stroke:rgba(255,255,255,0.1);stroke-width:4;stroke-linecap:round}
.gauge-fill{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-dasharray:63;stroke-dashoffset:63;transition:stroke-dashoffset 0.5s,stroke 0.3s}
.gauge-value{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:10px;font-weight:700;color:var(--accent)}
/* Proximity Gauge */
.proximity-gauge{width:50px;height:30px;position:relative}
.proximity-gauge svg{width:100%;height:100%}
.prox-fill{fill:none;stroke:var(--muted);stroke-width:4;stroke-linecap:round;stroke-dasharray:63;stroke-dashoffset:63;transition:stroke-dashoffset 0.5s,stroke 0.3s}
.prox-value{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:12px;font-weight:700;color:var(--muted);transition:color 0.3s}
.prox-value.approaching{color:#ef4444;animation:proxPulse 1s ease-in-out infinite}
.prox-value.receding{color:#22c55e}
.prox-value.stable{color:var(--accent)}
@keyframes proxPulse{0%,100%{opacity:1}50%{opacity:0.5}}
/* Temporal Dots */
.temporal-dots{display:flex;gap:4px;height:28px;align-items:center}
.temp-dot{width:10px;height:10px;border-radius:50%;background:rgba(27,254,240,0.15);transition:all 0.3s}
.temp-dot.active{background:var(--accent);box-shadow:0 0 8px rgba(27,254,240,0.6)}
.temp-dot.warn{background:#f59e0b;box-shadow:0 0 8px rgba(245,158,11,0.6)}
.temp-dot.danger{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,0.6)}
/* Detection Info Grid */
.detection-info{display:flex;flex-direction:column;gap:8px}
.det-info-row{display:flex;gap:12px}
.det-info-item{flex:1;background:rgba(0,0,0,0.25);border-radius:8px;padding:10px 12px;text-align:center}
.det-info-value{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:18px;font-weight:600;color:var(--accent);transition:color 0.3s}
.det-info-value.inactive{color:var(--muted);opacity:0.5}
.det-info-unit{font-size:10px;color:var(--muted);margin-left:1px;font-weight:400}
.det-info-label{font-size:9px;color:var(--muted);text-transform:uppercase;margin-top:2px;letter-spacing:0.3px}
.harmonics-display{display:flex;gap:6px;margin-top:12px}
.harmonic-bar{flex:1;background:rgba(0,0,0,0.3);border-radius:6px;padding:8px 4px;text-align:center;position:relative;overflow:hidden}
.harmonic-bar::before{content:'';position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--accent),transparent);transition:height 0.15s}
.harmonic-bar.h1::before{background:linear-gradient(to top,#1bfef0,transparent)}
.harmonic-bar.h2::before{background:linear-gradient(to top,#06b6a4,transparent)}
.harmonic-bar.h3::before{background:linear-gradient(to top,#0891b2,transparent)}
.harmonic-bar.h4::before{background:linear-gradient(to top,#6366f1,transparent)}
.harmonic-label{font-size:9px;color:var(--muted);position:relative;z-index:1}
.harmonic-value{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:11px;font-weight:600;color:var(--text);position:relative;z-index:1;margin-top:2px}
.waterfall-container{width:100%;height:60px;background:rgba(0,0,0,0.4);border-radius:8px;overflow:hidden;position:relative}
.waterfall-label{position:absolute;top:4px;left:6px;font-size:9px;color:rgba(27,254,240,0.5);text-transform:uppercase;z-index:1}
.timeline-container{width:100%;height:50px;background:rgba(0,0,0,0.3);border-radius:8px;position:relative;overflow:hidden}
.timeline-container::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:rgba(255,255,255,0.1)}
/* Tier history timeline bar */
.tier-history-container{width:100%;height:16px;background:rgba(0,0,0,0.2);border-radius:4px;margin-top:12px;display:flex;gap:1px;overflow:hidden;padding:2px}
.tier-history-container .tier-cell{flex:1;min-width:1px;border-radius:2px;transition:background 0.15s}
.tier-history-container .tier-cell:hover{filter:brightness(1.4)}
.timeline-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 19px,rgba(255,255,255,0.03) 20px);pointer-events:none}
/* Connection timeline */
.conn-bar{display:flex;gap:1px;height:18px;background:rgba(0,0,0,0.2);border-radius:4px;padding:2px;overflow:hidden}
.conn-bar-slot{flex:1;min-width:1px;border-radius:1px;transition:background 0.3s}
.conn-log-entry{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:11px;border-bottom:1px solid rgba(255,255,255,0.04)}
.conn-log-entry:last-child{border-bottom:none}
.conn-log-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.conn-log-time{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);min-width:70px}
.conn-log-dur{margin-left:auto;font-size:10px;color:var(--muted);font-family:'JetBrains Mono',monospace}
.signal-ring{width:70px;height:70px;margin:0 auto;position:relative}
.signal-ring svg{display:none}
.signal-ring-bg{display:none}
.signal-ring-fill{display:none}
.signal-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.signal-ring-center-box{width:100%;height:100%;background:rgba(0,0,0,0.5);border:3px solid rgba(27,254,240,0.4);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(27,254,240,0.15)}
.freq-bands{display:flex;gap:3px;align-items:flex-end;height:40px;padding:8px;background:rgba(0,0,0,0.2);border-radius:8px}
.freq-band{flex:1;background:linear-gradient(to top,var(--accent),#06b6a4);border-radius:2px 2px 0 0;transition:height 0.1s;min-height:2px}
.confirm-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);z-index:10000;align-items:center;justify-content:center;padding:20px;animation:fadeIn 0.2s}
.confirm-overlay.active{display:flex}
.confirm-modal{background:var(--card);border:1px solid var(--border);border-radius:16px;max-width:340px;width:100%;overflow:hidden;animation:modalSlide 0.25s ease-out}
.boot-overlay{position:fixed;inset:0;background:rgba(8,11,15,0.97);backdrop-filter:blur(16px);z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;transition:opacity 0.5s}
.boot-overlay.hidden{opacity:0;pointer-events:none}
.boot-spinner{width:56px;height:56px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}
.spinner-inline{display:inline-block;width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}
.boot-stage{font-size:18px;font-weight:600;color:var(--text)}
.boot-sub{font-size:13px;color:var(--muted);text-align:center}
.reboot-overlay{display:none;position:fixed;inset:0;background:rgba(8,11,15,0.95);backdrop-filter:blur(12px);z-index:10001;align-items:center;justify-content:center;flex-direction:column;gap:20px}
.reboot-overlay.active{display:flex}
.reboot-spinner{width:64px;height:64px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}
.reboot-check{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#06b6a4);display:flex;align-items:center;justify-content:center;font-size:32px;animation:popIn 0.3s ease-out}
@keyframes popIn{from{transform:scale(0)}to{transform:scale(1)}}
.reboot-stage{font-size:18px;font-weight:600;color:var(--text)}
.reboot-sub{font-size:13px;color:var(--muted);text-align:center}
.reboot-progress{width:200px;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden}
.reboot-progress-bar{height:100%;background:var(--accent);border-radius:2px;width:0%;transition:width 0.3s}
@keyframes modalSlide{from{opacity:0;transform:translateY(-20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}
.confirm-header{padding:20px 20px 0;display:flex;align-items:center;gap:12px}
.confirm-icon{width:44px;height:44px;background:rgba(245,158,11,0.15);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.confirm-title{font-size:16px;font-weight:600;color:var(--text)}
.confirm-body{padding:16px 20px 20px;font-size:13px;color:var(--text2);line-height:1.5}
.confirm-warning{display:flex;align-items:center;gap:8px;padding:12px;background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.2);border-radius:10px;margin-top:12px;font-size:12px;color:var(--warn)}
.confirm-warning-icon{font-size:16px}
.confirm-actions{display:flex;gap:10px;padding:0 20px 20px}
.confirm-actions .btn{flex:1;padding:12px}
.tier-group{margin-bottom:12px;padding:10px;background:rgba(0,0,0,0.15);border-radius:8px;transition:opacity 0.2s}
.tier-group.disabled{opacity:0.4}
.tier-group.disabled .param-row input{pointer-events:none}
.tier-group.disabled>label input[type="checkbox"]{pointer-events:auto;cursor:pointer}
.tier-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,0.05)}
.tier-header input[type="checkbox"]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}
.tier-header label{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;cursor:pointer;flex:1}
.tier-header .tier-desc{font-size:9px;color:var(--muted);opacity:0.7;font-weight:400;text-transform:none}
.param-row{display:flex;align-items:center;gap:6px;padding:4px 0}
.param-name{font-size:10px;color:var(--text2);min-width:70px;flex-shrink:0}
.param-name .param-dir{color:var(--muted);font-size:9px}
.param-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,rgba(59,130,246,0.5) var(--val,50%),rgba(255,255,255,0.15) var(--val,50%));border-radius:2px;outline:none;cursor:pointer}
.param-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 0 4px rgba(27,254,240,0.4);margin-top:0}
.param-slider::-moz-range-thumb{width:12px;height:12px;background:var(--accent);border-radius:50%;cursor:pointer;border:none}
.param-slider::-webkit-slider-runnable-track{height:4px;background:transparent;border-radius:2px}
.param-slider::-moz-range-track{height:4px;background:transparent;border-radius:2px}
.param-slider::-moz-range-progress{background:rgba(59,130,246,0.5);border-radius:2px;height:4px}
.param-value{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:10px;color:var(--accent);min-width:45px;text-align:right;flex-shrink:0}
.param-row.range .param-slider{background:linear-gradient(to right,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) var(--min,10%),rgba(34,197,94,0.4) var(--min,10%),rgba(34,197,94,0.4) var(--max,90%),rgba(255,255,255,0.1) var(--max,90%),rgba(255,255,255,0.1) 100%)}
.dual-range{position:relative;height:20px;flex:1}
.dual-range .track{position:absolute;top:7px;left:0;right:0;height:6px;background:rgba(255,255,255,0.4);border-radius:3px}
.dual-range .fill{position:absolute;top:7px;height:6px;background:var(--accent);border-radius:3px;left:0;width:50%}
.dual-range input[type="range"]{position:absolute;width:100%;height:20px;top:0;-webkit-appearance:none;appearance:none;background:transparent;pointer-events:none;margin:0}
.dual-range input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:0 1px 3px rgba(0,0,0,0.4);margin-top:-5px}
.dual-range input[type="range"]::-webkit-slider-runnable-track{height:6px;background:transparent}
.dual-range input[type="range"]::-moz-range-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;pointer-events:auto;border:none;box-shadow:0 1px 3px rgba(0,0,0,0.4)}
.dual-range input[type="range"]::-moz-range-track{height:6px;background:transparent}
.param-box{background:rgba(0,0,0,0.2);border-radius:6px;padding:0;display:flex;flex-direction:row;height:70px;position:relative}
.param-box[title]{cursor:help;pointer-events:auto}
.param-box[title]:hover{background:rgba(0,0,0,0.3)}
.det-param[title]{cursor:help;pointer-events:auto}
.det-param[title]:hover{background:rgba(255,255,255,0.02)}
.param-box .param-row{display:none}
.param-box .param-name-v{width:18px;min-width:18px;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:9px;font-weight:600;color:var(--muted);background:rgba(0,0,0,0.3);border-radius:6px 0 0 6px;cursor:pointer;user-select:none}
.param-box .param-vals-v{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;padding:4px 6px;min-width:48px}
.param-box .param-vals-v .live{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;color:var(--text2);white-space:nowrap}
.param-box .param-vals-v .thresh-input{width:52px;background:rgba(0,0,0,0.4);border:1px solid var(--border);border-radius:4px;padding:2px 4px;color:var(--accent);font-size:10px;font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;text-align:right;cursor:text}
.param-box .param-vals-v .thresh-input:focus{border-color:var(--accent);outline:none}
.mini-chart{width:100%;height:40px;display:block;background:rgba(0,0,0,0.15);border-radius:6px}
.param-box .mini-chart{flex:1;min-width:50px;height:100%;border-radius:0;cursor:pointer;background:rgba(0,0,0,0.15)}
/* Collapsed individual chart - horizontal bar with name and value */
.param-box.collapsed{height:22px;flex-direction:row;align-items:center;cursor:pointer}
.param-box.collapsed .param-name-v{width:auto;min-width:auto;padding:0 8px;writing-mode:horizontal-tb;text-orientation:mixed;transform:none;background:transparent;border-radius:0;font-size:9px;letter-spacing:0.5px}
.param-box.collapsed .mini-chart{display:none}
.param-box.collapsed .param-vals-v{flex-direction:row;gap:6px;margin-left:auto;padding-right:8px;font-size:9px}
.param-box.collapsed .param-vals-v .live{background:rgba(100,100,100,0.4);color:#fff;padding:1px 5px;border-radius:3px;font-weight:600}
.param-box.collapsed .param-vals-v .thresh{color:var(--muted)}
.param-box.collapsed .param-vals-v .thresh-input{width:44px;font-size:9px;padding:1px 3px}
@media(max-width:600px){
.param-box{flex-direction:column;height:auto;min-height:90px}
.param-box .param-name-v{width:100%;min-width:unset;height:auto;padding:6px 8px;writing-mode:horizontal-tb;text-orientation:mixed;transform:none;border-radius:6px 6px 0 0;font-size:10px;letter-spacing:0.5px;justify-content:flex-start}
.param-box .mini-chart{height:70px;border-radius:0 0 6px 6px;touch-action:none}
.param-box .param-vals-v{flex-direction:row;justify-content:flex-end;padding:2px 8px;min-width:unset;gap:6px}
}
.tier-group{margin-bottom:8px;padding:8px;border-radius:6px;transition:opacity 0.2s,filter 0.2s}
@media(max-width:600px){.tier-group{padding:10px;margin-bottom:12px}}
.tier-group.disabled{opacity:0.35;filter:grayscale(1)}
.tier-group.disabled>*:not(label){pointer-events:none}
.tier-group.disabled>label{pointer-events:auto}
.tier-group.disabled>label input[type="checkbox"]{pointer-events:auto;cursor:pointer}
.tier-group.disabled label{pointer-events:auto!important}
.tier-group.disabled label input[type="checkbox"]{pointer-events:auto!important;cursor:pointer!important}
.tier-toggle.disabled{background:rgba(100,100,100,0.1)!important;border-color:var(--muted)!important}
.tier-toggle.disabled span{color:var(--muted)!important}
.tier-cards-grid{display:grid;grid-template-columns:1fr;gap:6px}
.tier-cards-grid-2{display:grid;grid-template-columns:1fr;gap:6px}
/* Desktop: side-by-side layout for Node + Network */
@media(min-width:1024px){
body{max-width:none;margin:0}
/* Header adjustments for desktop */
.header{max-width:none;left:0;transform:none;padding:0 24px}
.header-top{padding:14px 0}
.brand{cursor:pointer}
/* Pages layout — one at a time (overridden by layout-new-dashboard) */
}
/* Tablet: single column but wider */
@media(min-width:768px) and (max-width:1023px){
body{max-width:none;margin:0}
.header{max-width:none;left:0;right:0;transform:none}
.page{max-width:700px;margin:0 auto}
.page#page2.active{max-width:none;width:100%}
}
/* Mobile: restore original constraints */
@media(max-width:767px){
body{max-width:none;margin:0}
.header{max-width:none;left:0;right:0;transform:none}
.page{max-width:480px;margin:0 auto}
.page#page2.active{max-width:none;width:100%}
}
/* Mobile header adjustments */
@media(max-width:480px){
.header-top{grid-template-columns:auto 1fr auto;gap:8px;padding:8px 12px}
.brand{gap:6px}
.hamburger-btn svg{width:24px;height:24px}
.hamburger-btn{padding:4px;margin-right:2px}
.brand img{width:28px;height:28px}
.brand-text{font-size:16px}
.header-versions{font-size:7px}
.header-center{gap:1px}
.node-id-badge{padding:3px 10px;gap:4px}
.node-id-label{font-size:8px}
.node-id-value{font-size:12px}
.status-indicators{gap:10px}
}

/* Inline styles extracted from body */
/* Vertical tier flow layout */
.tier-flow{flex-direction:column!important;align-items:stretch!important;gap:0!important}
.tier-flow-container{flex:none;display:flex;flex-direction:row;align-items:stretch;gap:12px;width:100%;margin-top:10px;margin-bottom:10px}
.tier-flow-box{width:60px;min-width:60px;flex-shrink:0;align-self:stretch;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 4px;border-radius:8px;background:rgba(100,100,100,0.15);border:2px solid rgba(100,100,100,0.3);transition:all 0.25s ease}
.tier-flow-box .tier-label{font-size:14px;font-weight:700;color:var(--muted)}
/* Tier info with tooltips and info icons */
.tier-info{text-align:left;flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.tier-info .tier-sub{font-size:13px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:0.3px;cursor:help;pointer-events:auto}
.tier-info .tier-sub::after{content:'ⓘ';display:inline;font-size:10px;margin-left:6px;opacity:0.4;vertical-align:super}
.tier-info .tier-sub:hover{color:var(--accent);text-decoration:underline}
.tier-info .tier-desc{font-size:11px;color:var(--muted);opacity:0.7;margin-bottom:4px;cursor:help;pointer-events:auto}
.tier-info .tier-desc::after{content:'ⓘ';display:inline;font-size:9px;margin-left:4px;opacity:0.5}
.tier-info .tier-desc:hover{color:var(--accent);text-decoration:underline}
.tier-info .tier-val{font-size:11px;font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;line-height:1.4;color:var(--text)}
.tier-info .tier-val .tier-logic{font-size:11px;color:var(--accent);margin-bottom:2px;opacity:0.8}
.tier-info .tier-val .tier-logic:hover{opacity:1}
.tier-params-toggle{font-size:11px;transition:transform 0.2s;display:inline-block;user-select:none}
.tier-params-toggle.collapsed{transform:rotate(-90deg)}
.tier-params-container{overflow:hidden;transition:max-height 0.3s ease-out;max-height:none}
.tier-params-container.collapsed{max-height:0!important;padding:0;margin:0}
/* Tier explain tooltips */
.tier-info .tier-val .tier-explain{padding:1px 0;display:inline-block;margin-right:12px;font-size:11px;cursor:help;pointer-events:auto}
.tier-info .tier-val .tier-explain:hover{background:rgba(27,254,240,0.08);border-radius:3px}
/* Tier tooltip popup (click-to-show) */
.tier-tooltip-popup{position:fixed;z-index:9999;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.6);padding:16px;max-width:360px;max-height:60vh;overflow-y:auto;animation:tierTooltipIn 0.2s ease-out}
@keyframes tierTooltipIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.tier-tooltip-content{font-size:12px;line-height:1.6;color:var(--text);font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;white-space:pre-wrap;word-break:break-word}
.tier-tooltip-close{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:rgba(255,255,255,0.1);color:var(--muted);border-radius:50%;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all 0.15s}
.tier-tooltip-close:hover{background:rgba(239,68,68,0.3);color:#ef4444}
.tier-info .tier-val .tier-how{font-size:11px;color:var(--muted);opacity:0.7;font-style:italic;font-family:inherit;display:none}
.tier-check{font-size:9px;display:inline-block;width:12px}
.tier-check.pass{color:#22c55e}
.tier-check.fail{color:#ef4444}
/* pass=red (drone-like, alert), fail=green (not drone, safe) */
.tier-flow-box.pass{background:rgba(239,68,68,0.2);border-color:#ef4444;box-shadow:0 0 8px rgba(239,68,68,0.3)}
.tier-flow-box.pass .tier-label{color:#ef4444}
.tier-flow-box.fail{background:rgba(34,197,94,0.25);border-color:#22c55e;box-shadow:0 0 8px rgba(34,197,94,0.3)}
.tier-flow-box.fail .tier-label{color:#22c55e}
.tier-flow-box.ambiguous{background:rgba(251,146,60,0.25);border-color:#fb923c;box-shadow:0 0 8px rgba(251,146,60,0.3)}
.tier-flow-box.ambiguous .tier-label{color:#fb923c}
.tier-flow-box.active{border-color:var(--accent);box-shadow:0 0 10px rgba(27,254,240,0.4)}
.tier-flow-box.disabled{opacity:1;pointer-events:auto;border-style:dashed;border-color:rgba(255,255,255,0.3);background:repeating-linear-gradient(45deg,rgba(255,255,255,0.08),rgba(255,255,255,0.08) 3px,transparent 3px,transparent 6px)!important;box-shadow:none!important}
.tier-flow-box.disabled .tier-label{color:rgba(255,255,255,0.4)!important}
.tier-raw-indicator{width:8px;height:8px;border-radius:50%;display:none;margin-left:4px;vertical-align:middle;opacity:0.9;border:1px solid rgba(0,0,0,0.3)}
body.advanced-mode .tier-raw-indicator{display:inline-block}
.tier-raw-indicator.raw-pass{background:#22c55e;box-shadow:0 0 4px rgba(34,197,94,0.6)}
.tier-raw-indicator.raw-fail{background:#ef4444;box-shadow:0 0 4px rgba(239,68,68,0.6)}
.tier-raw-indicator.raw-idle{background:#666;box-shadow:none}
/* Vertical arrows between tiers - matches tier-flow-container 2-column layout */
.tier-flow-arrow{display:flex;flex-direction:row;gap:12px;flex-shrink:0;font-size:11px;margin:10px 0 4px;height:16px;width:100%}
.tier-flow-arrow-col{width:60px;min-width:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.tier-flow-arrow .flow-arrow{opacity:0.25;color:var(--muted);transition:all 0.25s ease;transform:rotate(90deg);line-height:1}
@keyframes tierFlowDown{0%{opacity:0.3}50%{opacity:1}100%{opacity:0.3}}
.tier-flow-arrow.flow .flow-arrow{opacity:1;color:#22c55e;text-shadow:0 0 4px rgba(34,197,94,0.6);animation:tierFlowDown 1s ease-in-out infinite}
.tier-flow-arrow.flow .flow-arrow:nth-child(2){animation-delay:0.15s}
.tier-flow-arrow.flow .flow-arrow:nth-child(3){animation-delay:0.3s}
.tier-flow-arrow.flow-orange .flow-arrow{color:#fb923c;text-shadow:0 0 4px rgba(251,146,60,0.6)}
.tier-flow-arrow.flowing .flow-arrow{animation-duration:0.6s}
/* Prevent line breaks in score grid items */
#calT2ScoreGrid span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}

/* Modern number input spinners */
.num-spin{-moz-appearance:textfield;appearance:textfield}
.num-spin::-webkit-inner-spin-button,.num-spin::-webkit-outer-spin-button{-webkit-appearance:none;display:none}
.num-spin-wrap{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg)}
.num-spin-wrap .num-spin{border:none;outline:none;background:transparent}
.num-spin-btn{display:flex;align-items:center;justify-content:center;width:28px;height:100%;background:rgba(255,255,255,0.04);color:var(--text2);font-size:16px;font-weight:600;cursor:pointer;user-select:none;transition:background 0.15s,color 0.15s;border:none;padding:0;line-height:1}
.num-spin-btn:hover{background:rgba(27,254,240,0.12);color:var(--accent)}
.num-spin-btn:active{background:rgba(27,254,240,0.2)}

/* Side-by-side cards layout */
.cards-row{display:flex;gap:12px;align-items:flex-start}
.cards-row>.card{flex:1;min-width:0}
@media(max-width:600px){.cards-row{flex-direction:column}.cards-row>.card{width:100%}}


/* Custom tooltips for pipeline buttons - delayed to avoid accidental triggers */
.pipeline-btn{position:relative}
.pipeline-btn::after{content:attr(data-tooltip);position:absolute;top:100%;right:0;margin-top:6px;padding:6px 10px;background:rgba(0,0,0,0.9);color:#fff;font-size:11px;font-weight:500;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.15s,visibility 0.15s;transition-delay:0s;z-index:1000;pointer-events:none;max-width:220px;white-space:normal;text-align:left;line-height:1.4;box-shadow:0 4px 12px rgba(0,0,0,0.4)}
.pipeline-btn:hover::after{opacity:1;visibility:visible;transition-delay:1.5s}

/* Timeline recording pulse animation */
@keyframes recording-pulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0.5)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}
.recording-pulse{animation:recording-pulse 1.5s infinite}

/* Detection status label (centered above both columns) */
.det-status-label{text-align:center;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);transition:color 0.3s;margin-bottom:16px}
/* Detection gauge: arc + 3D ball */
.det-gauge-wrap{position:relative;width:160px;height:160px;flex-shrink:0}
#detGaugeCanvas{position:absolute;top:0;left:0;width:160px;height:160px}
.det-gauge-wrap .tier-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}

/* 3D green sphere (tier circle) */
.tier-circle{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:0.1rem;padding:0;width:110px;height:110px;border-radius:50%;background:radial-gradient(ellipse at 35% 28%,rgba(120,230,160,0.95) 0%,rgba(45,180,80,0.92) 25%,rgba(28,140,55,0.95) 55%,rgba(12,90,35,0.97) 100%);border:1.5px solid rgba(255,255,255,0.08);box-shadow:inset 0 -5px 10px rgba(0,0,0,0.45),inset 0 2px 5px rgba(180,255,200,0.2),0 3px 14px rgba(34,160,70,0.45),0 0 28px rgba(34,160,70,0.12);color:rgba(255,255,255,0.95);font-family:var(--mono);font-weight:700;letter-spacing:0.08em;cursor:pointer;transition:all 0.3s ease;overflow:visible;position:relative;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}
.tier-circle::after{content:'';position:absolute;top:6%;left:12%;width:60%;height:45%;background:linear-gradient(170deg,rgba(255,255,255,0.55) 0%,rgba(255,255,255,0.30) 30%,rgba(255,255,255,0.08) 55%,transparent 65%);border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;pointer-events:none;transition:opacity 0.2s ease}
.tier-circle:hover{transform:translate(-50%,-50%) scale(1.06);box-shadow:inset 0 -5px 10px rgba(0,0,0,0.35),inset 0 2px 5px rgba(180,255,200,0.25),0 3px 18px rgba(34,180,80,0.55),0 0 35px rgba(34,180,80,0.2);border-color:rgba(255,255,255,0.2)}
.tier-circle:focus{outline:none}
.tier-circle:focus-visible{box-shadow:inset 0 -5px 10px rgba(0,0,0,0.45),inset 0 2px 5px rgba(180,255,200,0.2),0 3px 14px rgba(34,160,70,0.45),0 0 28px rgba(34,160,70,0.12),0 0 0 3px rgba(27,254,240,0.5)}
.tier-circle:active{transform:translate(-50%,-50%) scale(0.97)}
.tier-circle:active::after{opacity:0.5}
.tier-circle-label{position:relative;z-index:1;font-size:1.2rem;font-weight:800;letter-spacing:0.1em}
.tier-circle-timer{position:relative;font-size:0.75rem;color:rgba(255,255,255,0.85);font-weight:600;white-space:nowrap;z-index:1;margin-top:2px;font-family:'SF Mono',monospace}
.tier-circle.det-recording{background:radial-gradient(ellipse at 35% 28%,rgba(255,110,110,1) 0%,rgba(239,68,68,0.97) 25%,rgba(200,45,45,0.97) 55%,rgba(150,20,20,0.97) 100%);box-shadow:inset 0 -4px 8px rgba(0,0,0,0.3),inset 0 2px 4px rgba(255,200,200,0.2),0 3px 22px rgba(239,68,68,0.6),0 0 45px rgba(239,68,68,0.25);border-color:rgba(255,120,120,0.15);color:#fff}
.tier-circle.det-recording:hover{box-shadow:inset 0 -5px 10px rgba(0,0,0,0.35),inset 0 2px 5px rgba(255,200,200,0.25),0 3px 18px rgba(239,68,68,0.65),0 0 35px rgba(239,68,68,0.3)}
.tier-circle.det-recording .tier-circle-label{animation:det-rec-pulse 1.2s ease-in-out infinite}
@keyframes det-rec-pulse{0%,100%{opacity:1}50%{opacity:0.3}}

/* Detection card main two-column layout */
.det-orb-wrap{display:flex;justify-content:center;margin-bottom:26px}
.det-main-row{display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:10px}
.det-mic-row{display:flex;gap:8px;justify-content:center;margin-bottom:20px}
.det-radar-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:160px;flex-shrink:0}
#radarCanvas{width:160px;height:160px}
.det-radar-label{text-align:center;font-size:10px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.det-mic-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 10px;background:rgba(0,0,0,0.3);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all 0.2s;min-width:56px}
.det-mic-card.active{background:rgba(27,254,240,0.08);border-color:var(--accent)}
.det-mic-card.error{background:rgba(239,68,68,0.08);border-color:var(--danger)}
.det-mic-led{width:14px;height:14px;border-radius:50%;background:var(--muted);border:2px solid var(--border);transition:all 0.2s}
.det-mic-card.active .det-mic-led{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent)}
.det-mic-card.error .det-mic-led{background:var(--danger);border-color:var(--danger);box-shadow:0 0 10px var(--danger)}
.det-mic-name{font-size:9px;font-weight:500;color:var(--text)}
.det-mic-pins{font-size:7px;color:var(--muted)}
.det-mic-status{font-size:7px;font-weight:600;color:var(--muted)}
.det-mic-card.active .det-mic-status{color:var(--accent)}
.det-mic-card.error .det-mic-status{color:var(--danger)}
.det-mic-card:hover{filter:brightness(1.15)}
@media(max-width:420px){.det-mic-name{font-size:8px}.det-mic-pins,.det-mic-status{font-size:6px}.det-mic-led{width:10px;height:10px}#radarCanvas{width:120px;height:120px}.det-gauge-wrap{width:120px;height:120px}#detGaugeCanvas{width:120px;height:120px}.tier-circle{width:82px;height:82px}}

/* Audio file playback pulse animation */
@keyframes audio-file-pulse{0%,100%{box-shadow:0 0 0 0 rgba(99,102,241,0.5)}50%{box-shadow:0 0 0 6px rgba(99,102,241,0)}}
.audio-file-active{animation:audio-file-pulse 1.5s infinite}

/* Battery page - full width single column */
#sub-2-bat>.card{width:100%;max-width:none;box-sizing:border-box}

/* Battery page font scaling - increase all fonts */
#sub-2-bat{font-size:14px}
#sub-2-bat [style*="font-size:7px"]{font-size:10px !important}
#sub-2-bat [style*="font-size:8px"]{font-size:11px !important}
#sub-2-bat [style*="font-size:9px"]{font-size:12px !important}
#sub-2-bat [style*="font-size:10px"]{font-size:13px !important}
#sub-2-bat [style*="font-size:11px"]{font-size:14px !important}
#sub-2-bat [style*="font-size:12px"]{font-size:15px !important}
#sub-2-bat [style*="font-size:13px"]{font-size:16px !important}
#sub-2-bat [style*="font-size:14px"]{font-size:17px !important}
#sub-2-bat .card-title{font-size:16px !important}
#sub-2-bat .data-label,#sub-2-bat .data-value{font-size:13px !important}

/* Fleet mode - map-only view */
body.fleet-mode .tab[data-tab="0"]{display:none}
body.fleet-mode #page0{display:none !important}
body.fleet-mode #audioCard{display:none !important}
body.fleet-mode #detectionCard{display:none !important}
body.fleet-mode #map{height:calc(100vh - 180px) !important;min-height:500px}
body.fleet-mode .map-container{width:100%}
body.fleet-mode .page#page1{max-width:100%}
body.fleet-mode .card:has(#map){margin-bottom:8px}
body.fleet-mode #fleetSimControls{display:flex !important}
.fleet-sim-controls{padding:8px 12px;display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--border)}

/* Calibration status badge */
.cal-badge{display:inline-block;font-size:11px;font-weight:600;padding:4px 14px;border-radius:12px;letter-spacing:0.3px;background:rgba(245,158,11,0.12);color:#f59e0b;border:1px solid rgba(245,158,11,0.25)}
.cal-badge.ok{background:rgba(34,197,94,0.12);color:#22c55e;border-color:rgba(34,197,94,0.25)}

/* Location source badge */
.loc-source-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;letter-spacing:0.3px}
.loc-source-badge.manual{background:rgba(255,255,255,0.08);color:var(--muted)}
.loc-source-badge.gps{background:rgba(34,197,94,0.15);color:#22c55e}

/* Event summary */
.evt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.evt-stat{text-align:center;padding:6px 4px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06)}
.evt-stat-val{font-size:18px;font-weight:700;font-family:'JetBrains Mono',monospace}
.evt-stat-lbl{font-size:9px;color:var(--muted);margin-top:2px}
.evt-ok .evt-stat-val{color:var(--muted)}
.evt-neutral .evt-stat-val{color:var(--text)}
.evt-warn{border-color:rgba(245,158,11,0.3)}.evt-warn .evt-stat-val{color:#f59e0b}
.evt-critical{border-color:rgba(239,68,68,0.3);background:rgba(239,68,68,0.06)}.evt-critical .evt-stat-val{color:#ef4444}
.evt-sect-title{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px;margin:10px 0 4px;padding-top:8px;border-top:1px solid rgba(255,255,255,0.06)}
.evt-timeline{font-family:'Courier New',monospace;font-size:10px;line-height:1.7}
.evt-row{display:flex;gap:8px;padding:1px 4px;border-radius:3px}
.evt-time{color:#6b7280;min-width:90px;flex-shrink:0}
.evt-lbl{color:#d4d4d4}
.evt-crash{background:rgba(239,68,68,0.08)}.evt-crash .evt-lbl{color:#ef4444;font-weight:600}
.evt-reboot{background:rgba(245,158,11,0.06)}.evt-reboot .evt-lbl{color:#f59e0b;font-weight:600}
.evt-error .evt-lbl{color:#f97316}
.evt-warn .evt-lbl{color:#eab308}
.evt-context{opacity:0.7;padding-left:16px}
.evt-muted{color:var(--muted);font-style:italic}
.evt-total{font-size:9px;color:var(--muted);text-align:right;margin-top:8px}

/* Device log terminal */
.device-log-output{background:#0a0a0a;border:1px solid rgba(255,255,255,0.1);border-radius:4px;padding:8px;font-family:'Courier New',monospace;font-size:10px;color:#d4d4d4;height:220px;overflow-y:auto;white-space:pre-wrap;line-height:1.6}
.device-log-output::-webkit-scrollbar{width:4px}
.device-log-output::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}
.dlog-line{border-bottom:1px solid rgba(255,255,255,0.03);padding:1px 0}
.dlog-ts{color:#6b7280;font-size:9px}
.dlog-lvl{font-weight:600}
.dlog-msg{color:#d4d4d4}

/* GPS acquisition grid */
.gps-acq-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:8px}
.gps-acq-item{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:2px 0}
.gps-acq-label{color:var(--muted)}
.gps-acq-val{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:var(--text);text-align:right}
/* GPS acquisition log */
.gps-log-area{max-height:200px;overflow-y:auto;font-family:'Courier New',monospace;font-size:11px;background:rgba(0,0,0,0.3);border-radius:6px;padding:8px;line-height:1.5;color:var(--text)}
.gps-log-area::-webkit-scrollbar{width:4px}
.gps-log-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}
.gps-log-area .gps-log-ok{color:#22c55e}
.gps-log-area .gps-log-warn{color:#f59e0b}
.gps-log-area .gps-log-err{color:#ef4444}
.gps-log-area .gps-log-info{color:var(--muted)}
.gps-log-area .gps-log-ts{color:var(--muted);margin-right:4px}

/* Environment Calibration Wizard */
#calWizModal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;align-items:center;justify-content:center}
#calWizModal.visible{display:flex}
.cal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);z-index:0}
.cal-dialog{position:relative;z-index:1;background:var(--card,rgba(13,17,23,0.9));border:1px solid var(--accent-dim);border-radius:14px;padding:2rem 2.5rem;max-width:460px;width:90vw;box-shadow:0 24px 80px rgba(0,0,0,0.6);text-align:center}
.cal-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:1.5rem}
.cal-step-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.15);transition:all 0.3s ease}
.cal-step-dot.active{background:var(--accent)}
.cal-step-dot.current{background:var(--accent);box-shadow:0 0 8px rgba(0,212,170,0.5);transform:scale(1.3)}
.cal-step-line{width:32px;height:2px;background:rgba(255,255,255,0.1);margin:0 4px}
.cal-body h3{font-size:1.15rem;font-weight:700;margin:0.5rem 0;color:var(--text)}
.cal-icon{font-size:2.5rem;margin-bottom:0.25rem;line-height:1}
.cal-desc{font-size:0.85rem;color:var(--muted);margin:0.5rem 0;line-height:1.5}
.cal-hint{font-size:0.72rem;color:var(--muted);background:rgba(255,255,255,0.03);border-radius:6px;padding:0.5rem 0.75rem;margin:0.75rem 0;border-left:3px solid var(--border);text-align:left}
.cal-instructions{text-align:left;font-size:0.82rem;color:var(--muted);margin:0.75rem auto;padding-left:1.5rem;max-width:320px;line-height:1.8}
.cal-instructions li{margin-bottom:0.3rem}
.cal-instructions strong{color:var(--text)}
.cal-progress-wrap{display:flex;align-items:center;gap:0.75rem;margin:1.25rem 0}
.cal-progress-bar{flex:1;height:8px;background:rgba(255,255,255,0.08);border-radius:4px;overflow:hidden}
.cal-progress-fill{height:100%;background:var(--accent);border-radius:4px;width:0%;transition:width 0.1s linear}
.cal-countdown{font-size:1.3rem;font-weight:700;color:var(--accent);font-family:monospace;min-width:2.5rem;text-align:right}
.cal-level-wrap{display:flex;align-items:center;gap:0.5rem;margin:0.75rem 0}
.cal-level-label{font-size:0.7rem;color:var(--muted);min-width:2.5rem;text-transform:uppercase;letter-spacing:0.05em}
.cal-level-bar{flex:1;height:6px;background:rgba(255,255,255,0.06);border-radius:3px;overflow:hidden}
.cal-level-fill{height:100%;background:#22c55e;border-radius:3px;width:0%;transition:width 0.08s linear}
.cal-level-value{font-size:0.72rem;color:var(--muted);font-family:monospace;min-width:3rem;text-align:right}
.cal-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;margin:1rem 0}
.cal-result-item{background:rgba(255,255,255,0.03);border-radius:8px;padding:0.6rem}
.cal-result-label{display:block;font-size:0.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.2rem}
.cal-result-value{display:block;font-size:1.1rem;font-weight:700;color:var(--text);font-family:monospace}
.cal-results-apply{background:var(--accent-dim);border:1px solid var(--border);border-radius:8px;padding:0.6rem 1rem;margin:0.75rem 0}
.cal-apply-row{display:flex;justify-content:space-between;align-items:center;font-size:0.8rem;padding:0.25rem 0}
.cal-apply-row span:first-child{color:var(--muted)}
.cal-apply-value{font-weight:700;color:var(--text);font-family:monospace;min-width:52px;text-align:right;font-size:0.75rem}
.cal-apply-slider-row{flex-wrap:wrap;gap:2px}
.cal-slider-wrap{display:flex;align-items:center;gap:6px;flex:1;min-width:0}
.cal-slider{flex:1;min-width:60px;height:4px;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,0.12);border-radius:2px;outline:none;cursor:pointer}
.cal-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,0.4)}
.cal-slider::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 3px rgba(0,0,0,0.4)}
.cal-warn{font-size:0.75rem;color:var(--warn,#f59e0b);background:rgba(245,158,11,0.08);border-radius:6px;padding:0.5rem 0.75rem;margin:0.5rem 0}
.cal-note{font-size:0.7rem;color:var(--muted);margin:0.3rem 0;text-align:left}
.cal-speaker-note{background:rgba(255,255,255,0.03);border-radius:6px;padding:0.5rem 0.75rem;border-left:3px solid rgba(255,255,255,0.12);line-height:1.5;margin-top:0.75rem}
.cal-actions{display:flex;gap:0.75rem;justify-content:center;margin-top:1.25rem}
.cal-btn{padding:0.6rem 1.5rem;border-radius:8px;font-size:0.85rem;font-weight:600;cursor:pointer;border:none;transition:all 0.15s ease}
.cal-btn-primary{background:var(--accent);color:var(--bg);font-weight:700}
.cal-btn-primary:hover{opacity:0.85;transform:translateY(-1px)}
.cal-btn-secondary{background:rgba(255,255,255,0.06);color:var(--muted);border:1px solid rgba(255,255,255,0.1)}
.cal-btn-secondary:hover{background:rgba(255,255,255,0.1)}
.cal-mode-cards{display:flex;gap:0.75rem;margin:1rem 0}
.cal-mode-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:0.3rem;padding:1.25rem 0.75rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:12px;cursor:pointer;transition:all 0.2s ease;color:inherit;text-align:center}
.cal-mode-card:hover{background:var(--accent-dim);border-color:var(--accent);transform:translateY(-2px)}
.cal-mode-icon{font-size:2rem;line-height:1}
.cal-mode-title{font-size:0.95rem;font-weight:700;color:var(--text)}
.cal-mode-sub{font-size:0.72rem;color:var(--muted)}
.cal-mode-steps{font-size:0.65rem;color:var(--muted);font-family:monospace;margin-top:0.25rem}
.cal-modes-compare{display:flex;gap:0.5rem;margin:0.5rem 0}
.cal-mode-tag{flex:1;display:flex;justify-content:space-between;padding:0.4rem 0.6rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:6px;font-size:0.75rem}
.cal-mode-tag-active{border-color:var(--accent);background:rgba(0,255,200,0.06)}
.cal-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.6rem;margin:1rem 0;text-align:left}
.cal-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:0.75rem;transition:border-color 0.2s}
.cal-card-done{border-color:var(--accent);background:rgba(0,212,170,0.04)}
.cal-card-header{display:flex;align-items:center;gap:0.4rem;flex-wrap:wrap;margin-bottom:0.3rem}
.cal-card-icon{font-size:1.2rem;line-height:1}
.cal-card-title{font-weight:700;font-size:0.85rem;color:var(--text)}
.cal-tag{font-size:0.55rem;padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:0.04em;font-weight:600}
.cal-tag-opt{color:var(--muted);background:rgba(255,255,255,0.06)}
.cal-tag-drone{color:var(--accent);background:rgba(0,212,170,0.1)}
.cal-card-hint{font-size:0.68rem;color:var(--muted);line-height:1.4;margin-bottom:0.4rem}
.cal-card-summary{font-size:0.75rem;color:var(--text);margin-bottom:0.4rem}
.cal-btn-sm{padding:0.35rem 0.8rem;font-size:0.72rem;width:100%}
.cal-btn:disabled{opacity:0.35;cursor:not-allowed;transform:none}
.wifi-test-box{margin-top:12px;padding:16px;border-radius:10px;text-align:center}
.wifi-test-box.testing{background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.4);animation:pulse 1.5s infinite}
.wifi-test-box.success{background:rgba(27,254,240,0.1);border:1px solid var(--accent)}
.wifi-test-box.fail{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.5)}
.wifi-test-title{font-size:12px;font-weight:600;color:var(--text);margin-bottom:4px}
.wifi-test-ip{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:700;color:var(--accent);margin:8px 0}
.wifi-test-sub{font-size:11px;color:var(--muted)}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}
.dash-test-badge{display:none;position:fixed;bottom:16px;left:16px;z-index:200;width:32px;height:32px;align-items:center;justify-content:center;border-radius:50%;border:2px solid;font-family:'SF Mono',monospace;font-size:14px;font-weight:700;pointer-events:none;animation:pulse 1.5s infinite}
body:not(.advanced-mode) .advanced-only{display:none!important}
body:not(.advanced-mode) #metricsGrid{grid-template-columns:repeat(2,1fr)}
body:not(.advanced-mode) .hz-label{display:none!important}
body.advanced-mode .simple-only{display:none!important}
/* Remote mode - greyed out unavailable sections */
.remote-unavailable{opacity:0.15;pointer-events:none;user-select:none;position:relative;filter:grayscale(100%)}
.remote-unavailable::after{content:"Not available via LoRa";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;color:var(--muted);background:rgba(8,11,15,0.85);padding:6px 14px;border-radius:8px;white-space:nowrap;z-index:5;pointer-events:none}
.remote-badge{padding:4px 10px;background:rgba(139,92,246,0.15);border:1px solid rgba(139,92,246,0.4);border-radius:16px;font-size:10px;font-weight:600;color:#a78bfa;text-transform:uppercase;letter-spacing:0.5px}

/* Dashboard Layout Overrides
   Scoped under body.layout-new-dashboard (always active).
   Page-based navigation — one full page visible at a time,
   switched via hamburger menu. */

body.layout-new-dashboard .tabs { display: none !important; }

body.layout-new-dashboard .header {
    position: fixed !important;
    top: 0 !important;
    z-index: 100 !important;
}

body.layout-new-dashboard .pages-container {
    padding-top: 68px !important;
    box-sizing: border-box !important;
}

body.layout-new-dashboard .page {
    display: none !important;
    overflow-y: auto;
    padding: 16px 12px !important;
    height: calc(100vh - 68px);
    box-sizing: border-box;
}
body.layout-new-dashboard .page.active {
    display: block !important;
}

/* Settings page: use columns on wide screens */
@media (min-width: 768px) {
    body.layout-new-dashboard .page#page2 .subpage.active {
        columns: 340px;
        column-gap: 12px;
    }
    body.layout-new-dashboard .page#page2 .subpage.active > .card { break-inside: avoid; }
    body.layout-new-dashboard .page#page2 #sub-2-bat.active { columns: 1; }
    body.layout-new-dashboard .page#page3 { columns: 340px; column-gap: 12px; }
    body.layout-new-dashboard .page#page3 > .card { break-inside: avoid; }
}

/* Audio Recorder */
.rec-card{padding:14px 16px}
.rec-row{display:flex;gap:10px;align-items:center;justify-content:center}
.rec-btn{display:flex;align-items:center;gap:8px;padding:10px 22px;border-radius:24px;border:1px solid rgba(239,68,68,0.3);background:linear-gradient(135deg,rgba(239,68,68,0.15),rgba(239,68,68,0.05));color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s;font-family:inherit}
.rec-btn:hover:not(:disabled){background:linear-gradient(135deg,rgba(239,68,68,0.25),rgba(239,68,68,0.1));border-color:rgba(239,68,68,0.5);transform:translateY(-1px)}
.rec-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none!important}
.rec-icon{width:10px;height:10px;border-radius:50%;background:#ef4444;flex-shrink:0;transition:all 0.3s}
.rec-btn.recording .rec-icon{border-radius:2px;width:9px;height:9px}
.rec-btn.recording{background:rgba(239,68,68,0.2);border-color:rgba(239,68,68,0.6);animation:recGlow 1.5s ease-in-out infinite}
@keyframes recGlow{0%,100%{box-shadow:0 0 8px rgba(239,68,68,0.2)}50%{box-shadow:0 0 16px rgba(239,68,68,0.4)}}
.rec-dur{padding:8px 14px;border-radius:20px;border:1px solid var(--border);background:rgba(255,255,255,0.04);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s;font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;min-width:44px;text-align:center}
.rec-dur:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2)}
.rec-status{margin-top:12px}
.rec-track{height:3px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden}
.rec-fill{height:100%;background:var(--accent);transition:width 0.3s;border-radius:2px}
.rec-status-row{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--muted)}
.rec-pct{color:var(--text);font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;font-weight:600}
#recSummary{margin-top:10px}
.rec-summary-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.rec-summary-title{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px}
#recSummaryClose{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;padding:0 2px;line-height:1}
#recSummaryClose:hover{color:var(--text)}
.rec-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:5px;margin-bottom:8px}
.rec-scard{background:rgba(255,255,255,0.03);border-radius:4px;padding:5px 7px;border-left:2px solid #3a3d48}
.rec-sc-big{font-size:1.05em;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}
.rec-sc-desc{font-size:8px;color:var(--muted);margin-top:1px;line-height:1.2}
.rec-sc-det{border-left-color:#ff1744}.rec-sc-rej{border-left-color:#81c995}
.rec-sc-ml{border-left-color:#e040fb}.rec-sc-score{border-left-color:#fdd663}
.rec-summary-tl{display:flex;gap:1px;height:20px;margin-bottom:6px;border-radius:2px;overflow:hidden;background:rgba(255,255,255,0.03)}
.rec-tl-bar{flex:1;min-width:2px;border-radius:1px;cursor:default;transition:opacity 0.1s}
.rec-tl-bar:hover{opacity:0.7}
.rec-summary-bk{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:10px;color:var(--muted)}
.rec-tl-cat{display:flex;align-items:center;gap:3px;white-space:nowrap}
.rec-tl-swatch{width:8px;height:8px;border-radius:2px;flex-shrink:0}
.rec-spark-legend{font-size:10px;color:var(--muted);margin:2px 0 0}
.rec-spark-legend span{margin-right:8px}
.rec-chart-stack{position:relative;border-radius:3px;overflow:hidden;height:48px;margin-bottom:6px;background:#141720}
.rec-waveform{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}
.rec-spark{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;cursor:crosshair}
.rec-cl-group{display:inline-flex;gap:2px;margin-left:auto}
.rec-cl-group label{cursor:pointer;padding:2px 8px;border-radius:3px;border:1px solid var(--border);color:var(--muted);transition:all 0.15s;user-select:none;font-size:11px}
.rec-cl-group label:hover{border-color:rgba(255,255,255,0.2)}
.rec-cl-group label.active-drone{border-color:#f28b82;background:rgba(242,139,130,0.15);color:#f28b82}
.rec-cl-group label.active-env{border-color:#81c995;background:rgba(129,201,149,0.15);color:#81c995}
.rec-cl-meta{margin-top:6px;border-top:1px solid var(--border);padding-top:6px}
.rec-tag-row{display:flex;flex-wrap:wrap;gap:3px;align-items:center;margin-bottom:4px}
.rec-tag-label{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:0.3px;min-width:28px;flex-shrink:0}
.rec-tag-unit{font-size:9px;color:var(--muted)}
.rec-tag-row label{cursor:pointer;padding:1px 5px;border-radius:3px;border:1px solid var(--border);color:var(--muted);font-size:10px;transition:all 0.15s;user-select:none;white-space:nowrap}
.rec-tag-row label:hover{border-color:rgba(255,255,255,0.2)}
.rec-tag-row label.active{border-color:var(--accent);background:rgba(27,254,240,0.1);color:var(--accent)}
.rec-cl-note{flex:1;min-width:80px;background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:3px;color:var(--text);font-size:10px;padding:2px 6px;font-family:inherit}
.rec-cl-note::placeholder{color:var(--muted);opacity:0.5}
.rec-cl-note:focus{outline:none;border-color:var(--accent)}
.rec-cl-save{width:100%;background:rgba(255,255,255,0.04);color:var(--accent);border:1px solid var(--border);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:11px;font-family:inherit;margin-top:6px}
.rec-cl-save:hover{background:rgba(255,255,255,0.08)}
.rec-save-links{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}
.rec-save-label{color:var(--muted);font-size:10px}
.rec-save-link{display:inline-block;padding:3px 10px;font-size:10px;color:var(--accent);border:1px solid var(--border);border-radius:3px;text-decoration:none;background:rgba(255,255,255,0.03)}
.rec-save-link:hover{background:rgba(255,255,255,0.08);border-color:var(--accent)}
.rec-tooltip{position:fixed;pointer-events:none;z-index:100;background:var(--card-bg,#1a1d28);border:1px solid var(--border,#2a2d38);border-radius:4px;padding:6px 10px;font-size:11px;color:var(--text);max-width:280px;box-shadow:0 4px 12px rgba(0,0,0,0.5);display:none}
.rec-tooltip .rtt-tier{font-weight:600;margin-bottom:2px}
.rec-tooltip .rtt-reason{color:#f28b82}
.rec-tooltip .rtt-pass{color:#81c995}
.rec-tooltip .rtt-meta{color:var(--muted);margin-top:2px;font-size:10px;font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,monospace}
/* Quick Start overlay */
.qs-lightbox{display:none;position:fixed;inset:0;z-index:10002;background:rgba(0,0,0,0.88);backdrop-filter:blur(12px);align-items:center;justify-content:center;padding:24px}
.qs-lightbox.active{display:flex;animation:fadeIn 0.2s}
.qs-lightbox-close{position:fixed;top:16px;right:20px;background:none;border:none;color:#fff;font-size:36px;cursor:pointer;opacity:0.7;transition:opacity 0.2s;z-index:10003;line-height:1}
.qs-lightbox-close:hover{opacity:1}
.qs-lightbox-content{display:flex;align-items:center;justify-content:center}
.qs-lightbox-content svg{filter:drop-shadow(0 4px 24px rgba(0,0,0,0.5))}
.qs-lightbox-content.rotated svg{transform:rotate(90deg)}
#qsMicDiagram:hover{opacity:0.85;transition:opacity 0.15s}
.qs-icon{cursor:pointer!important}
.qs-icon svg{width:18px;height:18px;color:var(--accent);opacity:0.85;transition:opacity 0.2s}
.qs-icon:hover svg{opacity:1}
.qs-overlay{display:none;position:fixed;top:68px;left:0;right:0;bottom:0;z-index:102;background:var(--bg);background-image:radial-gradient(ellipse at 10% 90%,rgba(27,254,240,0.05) 0%,transparent 40%),radial-gradient(ellipse at 90% 10%,rgba(139,92,246,0.04) 0%,transparent 40%)}
.qs-overlay.active{display:flex;flex-direction:column;animation:fadeIn 0.2s}
.qs-container{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}
.qs-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(8,11,15,0.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);min-height:44px}
.qs-topbar-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--accent);letter-spacing:0.5px}
.qs-close-btn{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text2);font-size:22px;width:34px;height:34px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;line-height:1}
.qs-close-btn:hover{background:rgba(255,255,255,0.08);border-color:var(--accent);color:var(--text)}
.qs-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px 40px;max-width:520px;width:100%;margin:0 auto}
.qs-intro{font-size:12px;color:var(--muted);margin:0 0 14px;text-align:center}
.qs-test{background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:10px;overflow:hidden;transition:border-color 0.2s}
.qs-test:hover{border-color:rgba(255,255,255,0.1)}
.qs-test-header{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background 0.15s}
.qs-test-header:active{background:rgba(255,255,255,0.03)}
.qs-test-badge{width:28px;height:28px;border-radius:8px;background:var(--accent-dim);border:1px solid rgba(27,254,240,0.2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--accent);flex-shrink:0}
.qs-test-info{flex:1;min-width:0}
.qs-test-name{font-size:14px;font-weight:600;color:var(--text);line-height:1.3}
.qs-test-desc{font-size:11px;color:var(--muted);line-height:1.3;margin-top:1px}
.qs-test-check{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;opacity:0;transition:opacity 0.2s}
.qs-test-check.pass{opacity:1;color:var(--success)}
.qs-test-check.fail{opacity:1;color:var(--danger)}
.qs-test-chevron{width:18px;height:18px;flex-shrink:0;position:relative}
.qs-test-chevron::after{content:'';position:absolute;top:5px;left:4px;width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform 0.2s}
.qs-test.expanded .qs-test-chevron::after{transform:rotate(-135deg);top:7px}
.qs-test-body{display:none;padding:0 14px 14px;animation:fadeIn 0.2s}
.qs-test.expanded .qs-test-body{display:block}
.qs-card{padding:14px;margin-bottom:10px}
.qs-level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.qs-level-title{font-size:12px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:0.5px}
.qs-level-value{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;font-weight:700;color:var(--accent)}
.qs-level-track{height:24px;background:rgba(0,0,0,0.4);border-radius:12px;overflow:hidden;border:1px solid var(--border)}
.qs-level-fill{height:100%;width:0%;background:var(--muted);border-radius:12px;transition:width 0.15s ease-out,background 0.3s}
.qs-hint{font-size:11px;color:var(--text);margin-top:8px;line-height:1.5}
.qs-actions{display:flex;align-items:center;gap:12px;justify-content:center}
.qs-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:1px solid var(--border);background:rgba(0,0,0,0.3);color:var(--text);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all 0.2s;min-width:110px;justify-content:center}
.qs-btn:hover:not(:disabled){background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.15)}
.qs-btn:disabled{opacity:0.35;cursor:not-allowed}
.qs-rec-btn{border-color:rgba(239,68,68,0.3)}
.qs-rec-btn:hover:not(:disabled){border-color:rgba(239,68,68,0.5);background:rgba(239,68,68,0.08)}
.qs-rec-btn.recording{border-color:var(--danger);background:rgba(239,68,68,0.12)}
.qs-rec-dot{width:12px;height:12px;border-radius:50%;background:var(--danger);flex-shrink:0;transition:all 0.2s}
.qs-rec-btn.recording .qs-rec-dot{animation:qsPulse 1s ease-in-out infinite}
@keyframes qsPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.8)}}
.qs-play-btn{border-color:rgba(27,254,240,0.3)}
.qs-play-btn:hover:not(:disabled){border-color:rgba(27,254,240,0.5);background:rgba(27,254,240,0.08)}
.qs-play-btn.playing{border-color:var(--accent);background:rgba(27,254,240,0.12)}
.qs-play-btn svg{flex-shrink:0}
.qs-dur-label{font-size:11px;color:var(--muted);font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,monospace}
.qs-rec-progress{margin-top:12px}
.qs-rec-progress-track{height:4px;background:rgba(255,255,255,0.08);border-radius:2px;overflow:hidden}
.qs-rec-progress-fill{height:100%;background:var(--danger);border-radius:2px;width:0%;transition:width 0.3s}
.qs-status{font-size:12px;margin-top:10px;text-align:center;min-height:18px;transition:color 0.2s}
.qs-status.ok{color:var(--success)}
.qs-status.err{color:var(--danger)}
.qs-result-prompt{text-align:center;font-size:15px;font-weight:600;color:var(--text);margin:20px 0 14px}
.qs-result-btns{display:flex;gap:10px;justify-content:center}
.qs-pass-btn{border-color:rgba(34,197,94,0.3)!important;color:var(--success)!important}
.qs-pass-btn:hover{border-color:rgba(34,197,94,0.5)!important;background:rgba(34,197,94,0.08)!important}
.qs-fail-btn{border-color:rgba(239,68,68,0.3)!important;color:var(--danger)!important}
.qs-fail-btn:hover{border-color:rgba(239,68,68,0.5)!important;background:rgba(239,68,68,0.08)!important}
.qs-result-msg{display:flex;align-items:center;gap:8px;justify-content:center;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:600;margin-top:14px;animation:fadeIn 0.2s}
.qs-result-msg.pass{background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.25);color:var(--success)}
.qs-result-msg.fail{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.25);color:var(--danger)}
.qs-steps{margin:0 0 14px;padding:0 0 0 22px;list-style:none;counter-reset:qs-step}
.qs-steps li{position:relative;padding:6px 0 6px 6px;font-size:13px;color:var(--text);line-height:1.5;margin-left:-12px;padding-left:18px;counter-increment:qs-step}
.qs-steps li::before{content:counter(qs-step);position:absolute;left:-10px;top:6px;width:18px;height:18px;border-radius:50%;background:var(--bg2);border:1px solid var(--border);font-size:10px;font-weight:600;color:var(--muted);display:flex;align-items:center;justify-content:center;line-height:1;box-sizing:border-box}
.qs-steps li strong{color:var(--text);font-weight:600}
.qs-done-row{display:flex;justify-content:flex-end}
.qs-done-btn{border-color:rgba(34,197,94,0.3)!important;color:var(--success)!important;min-width:90px!important;padding:8px 16px!important}
.qs-done-btn:hover:not(:disabled){border-color:rgba(34,197,94,0.5)!important;background:rgba(34,197,94,0.08)!important}
.qs-done-btn.done{opacity:0.5;cursor:not-allowed!important;background:rgba(34,197,94,0.06)!important}
.qs-gps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.qs-gps-title{font-size:12px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:0.5px}
.qs-gps-status{font-size:12px;font-weight:600;font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,monospace}
.qs-gps-sats{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;color:var(--text2)}
.qs-gps-sats-value{font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;font-size:14px}
.qs-gps-progress-track{height:4px;background:rgba(255,255,255,0.08);border-radius:2px;overflow:hidden}
.qs-gps-progress-fill{height:100%;background:var(--accent);border-radius:2px;width:0%;transition:width 0.3s}
.qs-or-divider{display:flex;align-items:center;margin:4px 0 10px;gap:12px}
.qs-or-divider::before,.qs-or-divider::after{content:'';flex:1;height:1px;background:var(--border)}
.qs-or-divider span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}
.qs-run-all-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:1px solid rgba(27,254,240,0.25);background:rgba(27,254,240,0.06);color:var(--accent);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all 0.2s;white-space:nowrap}
.qs-run-all-btn:hover:not(:disabled){background:rgba(27,254,240,0.12);border-color:rgba(27,254,240,0.4)}
.qs-run-all-btn:disabled{opacity:0.4;cursor:not-allowed}
.qs-progress-count{font-size:12px;font-weight:700;font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;margin-left:6px;padding:2px 8px;border-radius:6px;background:rgba(0,0,0,0.3);border:1px solid var(--border)}
.qs-auto-prompt{margin-top:14px;padding:14px;border-radius:10px;background:rgba(27,254,240,0.06);border:1px dashed rgba(27,254,240,0.25);text-align:center;animation:fadeIn 0.2s}
.qs-auto-prompt-msg{font-size:13px;color:var(--text2);margin-bottom:10px;line-height:1.5}
.qs-auto-skip-btn{border-color:rgba(255,255,255,0.1)!important;color:var(--muted)!important;width:100%}