/* Live Link additions preserve the existing map, separate Why CAT page and credits. */
body[data-data-mode="live"] .demo-only,body[data-data-mode="demo"] .live-only,
body[data-data-mode="live"] .playback,body[data-data-mode="live"] #restart-flight,
body[data-data-mode="live"] .flight-list-actions,body[data-data-mode="live"] .route-card,
body[data-data-mode="live"] .compact-progress-track,body[data-data-mode="demo"] #live-controls,
body[data-data-mode="demo"] .live-provider{display:none!important}
.data-mode-row{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border)}
.data-mode-row .segmented{display:flex}.data-mode-row button{font-size:12px;min-height:34px;padding:6px 13px}
.mode-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#73d5c8}
.live-provider{color:var(--muted);font-size:10px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
#live-controls{padding:8px 12px 10px}.live-connection{display:flex;align-items:center;gap:8px}
#live-state{font:10px/1.3 var(--mono);letter-spacing:.05em;color:var(--mint);white-space:nowrap}
#live-state[data-status="UNAVAILABLE"],#live-state[data-status="STALE FEED"],#live-state[data-status="PAUSED"]{color:#d9bf83}
#live-scope{flex:1;font:11px/1.4 var(--mono);color:var(--muted)}
.live-connection button{min-height:30px;font-size:11px;padding:4px 10px}
#live-freshness{font-size:10px;color:var(--muted);margin:7px 0 0}
#live-error{padding:8px 10px;margin:8px 0 0;border:1px solid #655534;border-radius:6px;background:#241f17;color:#e2cfaa;font-size:12px;line-height:1.5}
#live-lookup{margin:0 0 16px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#071b27}
#live-lookup label{display:block;margin-bottom:8px;color:var(--muted);font-size:12px}
#live-lookup>div{display:flex;gap:6px}#live-lookup select{width:108px;font-size:12px}#lookup-value{width:0;flex:1;min-width:0;background:#05131c;border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px;font-size:14px}#live-lookup button{padding:6px 13px}
#lookup-status{font-size:11px;line-height:1.5;color:var(--muted);margin:8px 0 0}
.live-detail{border:1px solid var(--border);border-radius:8px;padding:14px;margin:10px 0 14px;background:#091c28}
.live-detail h3{font:13px/1.5 var(--mono);margin:8px 0}.live-detail>p{font-size:12px;line-height:1.6;color:var(--muted)}
.live-detail>div{display:grid;grid-template-columns:1fr 1fr;gap:14px;color:var(--muted);font-size:11px}.live-detail b{display:block;color:var(--text);font:14px/1.5 var(--mono);margin-top:4px}
.stale-marker{opacity:.5}.unknown-track .aircraft-symbol{visibility:hidden}
.unknown-track .aircraft-hit::after{content:'';display:block;width:10px;height:10px;border:2px solid #9ad8f5;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#12313f}
.point-weather{padding:3px 0 12px}.point-weather .overline{font-size:10px}.point-weather h3{font-size:19px;margin:16px 0 6px}
#point-weather-message,#point-weather-target{color:var(--muted);font-size:12px;line-height:1.65}
#point-weather-message{padding:12px;background:#0a202e;border:1px solid var(--border);border-radius:8px}
.weather-temperature{display:block;font-size:24px;letter-spacing:-.02em;font-weight:600;margin:14px 0}
.weather-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.weather-metrics>div{padding:12px;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:11px}.weather-metrics b{display:block;font-size:16px;color:var(--text);margin-top:5px;font-weight:500}
#point-weather-updated,#point-weather-hour-note{font:11px/1.6 var(--mono);color:var(--muted)}
.weather-hour{display:flex;justify-content:space-between;gap:8px;font:12px/1.5 var(--mono);padding:10px 0;border-bottom:1px solid var(--border)}
.weather-credit{font-size:11px;color:var(--muted);margin:18px 0 8px}.weather-credit a{color:#8ad4f0}.legacy-weather{padding-top:20px;border-top:1px solid var(--border)}
.live-source-section{padding:28px 0;border-bottom:1px solid var(--border)}.live-source-section h2{font-size:25px}.live-source-section h3{font-size:18px;margin:25px 0 10px}.live-source-section p{font-size:14px;line-height:1.8;color:var(--muted);max-width:950px}.live-source-section a{color:#8edaff}
body[data-data-mode="live"] #flight-list .flight-list-metrics b{font-size:12px;white-space:nowrap}
body[data-data-mode="live"] .flight-list-description strong{overflow-wrap:anywhere}
body[data-data-mode="live"] .compact-route-row{gap:8px}
body[data-data-mode="live"] .flight-dock{max-width:700px}
@media(max-width:760px){
 .data-mode-row{padding:7px 8px}.data-mode-row button{padding:5px 11px;min-height:30px;font-size:11px}.live-provider{font-size:9px}
 #live-controls{padding:7px 9px 8px}.live-connection{gap:6px;flex-wrap:wrap}#live-scope{font-size:10px}#live-state{font-size:9px}.live-connection button{min-height:30px;padding:4px 8px;font-size:10px}
 #live-freshness{font-size:9px}#live-error{font-size:11px;max-height:90px;overflow:auto}
 body[data-data-mode="live"] .dock-flight{padding:7px 10px}body[data-data-mode="live"] .dock-route{font-size:8px}body[data-data-mode="live"] #dock-subtitle{font-size:8px}
 body[data-data-mode="live"] .selected .flight-dock .dock-flight{display:none}
 body[data-data-mode="live"] .selected .flight-dock #live-freshness{display:none}
 body[data-data-mode="live"] .selected .flight-dock{bottom:calc(var(--compact-sheet-height, 300px) + 12px)}
 #live-lookup{padding:10px}#live-lookup select{width:97px;font-size:11px}#lookup-value{font-size:16px;padding:7px}#live-lookup button{padding:5px 8px}
}
@media(max-width:390px){#live-scope{flex-basis:100%;order:2}.live-connection button{margin-left:auto}.live-connection button+button{margin-left:0}.live-provider{font-size:8px}}
.data-mode-row .segmented button{width:auto;white-space:nowrap}
body[data-data-mode="live"] .traffic-hud::after{content:'QUERY AREA ONLY'}
@media(max-width:760px){body[data-data-mode="live"] .selected .flight-dock{bottom:calc(var(--live-inspector-height, 300px) + 8px)}}
