/* Calm instrument layout: the scope remains primary, details open when needed. */
.tower-mode .legend,.tower-mode #altitude-legend{display:none}
.ux-control-view[hidden],#tower-controls[hidden],.tower-overlay[hidden],.ux-compass[hidden],.controls [hidden]{display:none!important}.ux-control-view .ux-panel{margin-bottom:12px}.ux-control-view #ux-controls-0{padding:0 3px 8px!important}.ux-control-view #ux-controls-0>.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.ux-control-view #ux-controls-0>.segmented button{font-size:8px;padding:10px 1px}.ux-control-view #ux-controls-0 label{display:block;margin:14px 0}.ux-control-view #ux-controls-0 input[type=number]{display:block;width:100%;box-sizing:border-box;padding:7px;margin-top:5px}.ux-control-view #ux-controls-0>button{width:100%}#tower-controls{padding:0 0 10px;border-bottom:1px solid #344b51;margin-bottom:10px}#tower-controls>button{width:100%;margin-top:7px}#tower-controls details{margin:12px 0;color:#9bb2b9;font-size:10px}#tower-controls summary{cursor:pointer}.tower-overlay{position:absolute;left:18px;right:18px;bottom:125px;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:9px 12px;border:1px solid #566e73;background:#0c191de6;border-radius:4px;z-index:6}.tower-overlay strong{font-size:10px;color:#d0e2df}.tower-overlay button{font-size:9px;white-space:nowrap}
.controls .ux-panel{background:transparent;border:0;border-bottom:1px solid #293c43;border-radius:0;margin:0;padding:0 4px}
.controls .ux-panel>summary{min-height:48px;font-size:11px;letter-spacing:0}
.controls .ux-panel[open]{padding-bottom:14px}
.controls .ux-panel[open]>summary{border:0;margin-bottom:5px;color:#deece6}
.controls .ux-panel>summary small{font-size:8px;color:#85a297}
.controls .ux-panel .ux-panel{border:0;padding:0}
.controls .ux-panel .ux-panel>summary{min-height:30px;font-size:10px;font-weight:normal;color:#8da5ab}
.controls .ux-panel .ux-panel[open]{padding-bottom:0}
.controls #recenter{width:100%;margin:0 0 8px}
.controls .ux-panel label{font-size:10px;letter-spacing:0;line-height:1.5;margin:12px 0}
.controls .ux-panel select{width:100%;min-width:0;font-size:10px;letter-spacing:0;padding:8px 5px}
.controls .ux-panel input[type=checkbox]{accent-color:#a5e0b5;vertical-align:middle;margin-right:6px}
.controls #ux-recordings{margin-top:8px}
.controls #ux-sources{border-bottom:0}
.controls #navigation-controls .note{font-size:9px;line-height:1.6;margin:8px 0 14px;overflow-wrap:anywhere}
.ux-inspector-tabs{display:flex;gap:3px;margin:0 0 16px;padding:4px;background:#091215;border:1px solid #293d44;border-radius:5px;position:sticky;top:28px;z-index:5}.ux-inspector-tabs>button{flex:1;min-width:0;padding:9px 3px;border:0;background:transparent;color:#91a8af;font-size:10px}.ux-inspector-tabs>button[aria-selected=true]{background:#233a40;color:#e0efe7;box-shadow:inset 0 -2px #a5e0b5}.ux-inspector-view[hidden]{display:none!important}.ux-inspector-view{min-width:0}.ux-inspector-content{border:0!important;background:transparent!important;padding:0!important}.ux-inspector-content>summary{display:none!important}.ux-inspector-content>#search,.ux-inspector-content>#airspace-select{width:100%;box-sizing:border-box;margin-bottom:12px}.ux-inspector-view .flight-strip-panel{border:0;margin:0 0 20px;padding:0}.strip-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.strip-panel-head>strong{font-size:13px;color:#d0dfd9}.strip-panel-head>button{font-size:9px;padding:7px 9px;white-space:nowrap}.airport-activity-scroll{max-height:230px;overflow:auto;border:1px solid #2a3d43;border-radius:4px}.airport-activity-table{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}.airport-activity-table thead{position:sticky;top:0;background:#17272d}.airport-activity-table th,.airport-activity-table td{padding:9px 6px;text-align:right;border-bottom:1px solid #24373d}.airport-activity-table th:first-child{text-align:left}.airport-activity-table thead th{font-size:9px;font-weight:normal;color:#8faab2}.airport-activity-table tbody th{font-weight:normal;white-space:nowrap}.airport-activity-table tbody button{border:0;background:transparent;padding:0;color:#c5d9db;font-size:11px}.airport-activity-table tbody button:hover{color:#fff;text-decoration:underline}.airport-activity-table .is-focus{background:#172d2a}.airport-activity-table .is-focus button{color:#b7e0b5;font-weight:bold}.airport-activity-table small{font-size:7px;display:block;margin-top:3px;color:#8eafa0}.airport-activity-table .activity-arrival{color:#96c9f3}.airport-activity-table .activity-departure{color:#e4c784}.airport-activity-table .activity-ground{color:#c0b2d8}.airport-activity-table .is-empty{color:#5f777f}.strip-activity-note{font-size:9px;line-height:1.6;color:#829a9f;margin:6px 0}.ux-inspector-view .strip-status{font-size:9px;margin:9px 0}
:root{--bg:#080e11;--panel:#10191d;--line:#26373e;--text:#c0d0d2;--dim:#82999e;--green:#a5e0b5}
body{font-size:12px}header.ux-header{height:68px;gap:14px;background:#0d1519;padding:0 18px}.brand{min-width:190px}.brand b{font-size:18px;letter-spacing:2px}.brand span{font-size:9px;letter-spacing:1.5px}header form{min-width:200px}header form input{width:clamp(140px,17vw,260px)}header button{white-space:nowrap;font-size:10px;min-height:35px}#connection{font-size:9px}.workspace{height:calc(100vh - 98px);min-height:570px;grid-template-columns:220px minmax(340px,1fr) 310px}.controls,.inspector{padding:14px 12px;scrollbar-width:thin;scrollbar-color:#3b535c transparent}.inspector{background:#10191c}.ux-panel{border:1px solid #2a3b42;border-radius:5px;background:#111d22;margin:0 0 10px;padding:0 11px;overflow:clip}.ux-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer;min-height:43px;font-size:11px;font-weight:bold;letter-spacing:.3px;color:#bccdd2;list-style:none;user-select:none}.ux-panel>summary::-webkit-details-marker{display:none}.ux-panel>summary:before{content:'›';color:#789ba5;font-size:17px;line-height:1;margin-right:2px}.ux-panel[open]>summary:before{transform:rotate(90deg)}.ux-panel>summary>span{flex:1}.ux-panel>summary small{font-size:9px;letter-spacing:.7px;color:#8eb49e;white-space:nowrap}.ux-panel[open]{padding-bottom:10px}.ux-panel[open]>summary{border-bottom:1px solid #263b43;margin-bottom:10px}.ux-panel label{font-size:10px;margin:12px 0;line-height:1.5;color:#afc2c8}.ux-panel label:first-of-type{margin-top:6px}.ux-panel .segmented{margin:0 0 14px}.ux-panel .segmented button{font-size:9px;letter-spacing:0;padding:9px 2px}.ux-panel input[type=range]{height:22px;margin-top:5px}.ux-panel select{font-size:11px;padding:7px}.ux-panel .note{font-size:10px;line-height:1.5;color:#829a9f}.ux-panel .section-title{margin:10px 0;font-size:9px}.ux-panel>.detail{margin:8px 0;line-height:1.6}.ux-panel button{font-size:10px}#ux-recordings>button{display:block;width:100%;margin:8px 0}#ux-sources .sources{border:0;margin:0;padding:0;line-height:1.8;font-size:10px}#layer-controls{display:grid;grid-template-columns:1fr;gap:1px}#layer-controls label{margin:4px 0;padding:3px 0;display:flex;align-items:center;line-height:1.35}#layer-controls input{flex:none;width:13px;height:13px}#layer-controls span{font-size:10px}#layer-controls label:has(#tfr-layer){border-top:1px solid #2a3d43;padding-top:9px;margin-top:6px}#ux-navigation-mount:empty{display:none}#navigation-controls label{line-height:1.4;margin:8px 0}#navigation-controls p{font-size:10px;line-height:1.5;color:#8ca6af}#diagram{height:155px;border-color:#30433e;border-radius:3px}#runways{font-size:10px;line-height:1.7}#ux-inspector-0 .metar{font-size:10px;line-height:1.6;margin-top:10px;border-radius:3px}#nearby-airport-panel{margin:0 0 10px;padding:0 11px}#nearby-airport-panel[open]{padding-bottom:10px}#nearby-airport-panel>summary{font-size:10px;letter-spacing:0}#tfr-panel{margin:0 0 10px;padding:0 11px;border:1px solid #45383b}#tfr-panel[open]{padding-bottom:10px}#tfr-panel>summary{color:#dba19d;font-size:10px;letter-spacing:0}#tfr-panel .detail{max-height:340px;font-size:10px}#tfr-panel button{width:100%;font-size:9px;padding:8px}.flight-strip-panel{padding:0 0 12px;margin-bottom:12px}.flight-strip-panel .section-title{margin:2px 0 8px}.flight-strip-panel>button{width:100%;font-size:10px}.strip-status{font-size:10px;margin:8px 0}.scope-head{left:20px;right:20px;top:18px}.scope-head h1{font-size:12px}.scope-head #airport-code{font-size:23px}.scope-status{top:90px;gap:14px;line-height:1.5}.transport{border-radius:4px;padding:10px;bottom:16px;left:16px;right:16px;gap:9px}.legend{bottom:96px;color:#88a396}.transport button{padding:9px 11px}.transport input[type=range]{margin-top:7px}.time-labels{font-size:9px}footer{color:#8ca59b;font-size:9px}button,input,select{border-radius:3px}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #b0e3cb;outline-offset:2px}.target-row{line-height:1.4;padding:10px 2px}.target-row span{color:#8cac9a}#airspace-detail{max-height:220px;overflow:auto}.strip-dialog{border-radius:7px}.strip-dialog-head{padding-bottom:10px;border-bottom:1px solid #30453b}
@media(min-width:1500px){.workspace{grid-template-columns:240px minmax(340px,1fr) 340px}.controls,.inspector{padding:16px}.ux-panel{padding-left:13px;padding-right:13px}}
@media(max-width:1150px){.workspace{grid-template-columns:195px minmax(290px,1fr) 270px}.ux-header .brand{min-width:155px}.ux-header .brand b{font-size:15px}.ux-header .brand span{font-size:8px}.ux-header{gap:8px!important;padding:0 10px!important}.ux-header form input{width:130px}.ux-header button{padding:8px}.controls,.inspector{padding:10px 8px}.ux-panel{padding-left:9px;padding-right:9px}.scope-head{left:15px;right:15px}.scope-head h1{font-size:10px;max-width:220px}.scope-status{left:15px;right:15px;font-size:8px}.time-labels #timeline-label{display:none}}
@media(max-width:950px){header.ux-header{height:auto;min-height:68px;flex-wrap:wrap;padding:12px!important}.ux-header form{order:3;flex-basis:100%;padding:0}.ux-header form input{width:auto;flex:1}.ux-header .brand{flex:1}.ux-header .brand span{display:block}.workspace{height:auto;min-height:0;grid-template-columns:190px minmax(0,1fr);grid-template-rows:minmax(590px,calc(100vh - 145px)) auto}.inspector{display:grid!important;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;overflow:visible;align-items:start;border-top:1px solid #30414a}.inspector>*{min-width:0;margin:0!important}.flight-strip-panel{grid-column:1/-1}.controls{grid-row:1;overflow:auto}main{grid-row:1;min-height:590px}.scope-head h1{max-width:230px}.scope-head small{font-size:8px}.scope-status{top:98px;flex-wrap:wrap;gap:4px 12px}footer{height:auto;min-height:30px;flex-wrap:wrap;white-space:normal;padding:8px 14px;gap:5px 15px}}
@media(max-width:600px){.workspace{display:flex;flex-direction:column}.controls{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;overflow:visible;padding:12px}.controls>.ux-panel,.controls>#ux-navigation-mount{margin:0}.controls .ux-panel{margin:0}.controls #ux-navigation-mount:empty{display:none}main{order:1;height:65vh;min-height:480px;flex:none}.inspector{order:3;display:flex!important;flex-direction:column;gap:10px;padding:12px}.inspector>*{width:100%}.ux-header .brand b{font-size:15px}.ux-header .brand span{display:none}.ux-header button{font-size:9px}.ux-header #connect{margin-left:0}.scope-head h1{max-width:190px}.scope-head b{font-size:15px}.scope-head #airport-code{font-size:20px}.scope-status{top:92px}.transport{left:10px;right:10px;gap:7px;padding:8px}.transport button{padding:8px}.transport select{width:42px;padding:6px}.legend{left:15px;font-size:8px;gap:9px}.ux-panel>summary{font-size:10px}#diagram{height:180px}}

.workspace.ux-dock-layout{position:relative;display:grid;grid-template-columns:var(--ux-left-width,220px) minmax(0,1fr) var(--ux-right-width,310px);grid-template-rows:minmax(0,1fr);height:calc(100dvh - var(--ux-header-height,68px) - 30px);min-height:480px}
.ux-dock-layout>main{grid-column:2;grid-row:1;min-width:0;min-height:480px;height:100%;order:0}
.ux-dock-layout>.ux-sidebar{display:block!important;position:relative;grid-row:1;overflow:auto;min-width:0;align-self:stretch;max-height:100%;padding:10px;scroll-padding-top:45px}
.ux-dock-layout>.controls{grid-column:1}.ux-dock-layout>.inspector{grid-column:3}
.ux-dock-layout>.ux-sidebar.ux-sidebar-overlay{position:absolute;top:0;bottom:0;z-index:25;width:min(310px,calc(100% - 42px));box-shadow:0 5px 30px #0009;border:1px solid #38535c;grid-column:auto}
.ux-dock-layout>.controls.ux-sidebar-overlay{left:0;width:min(240px,calc(100% - 42px))}.ux-dock-layout>.inspector.ux-sidebar-overlay{right:0}
.ux-dock-layout>.ux-sidebar.ux-sidebar-hidden{display:none!important}
.ux-sidebar-tools{position:sticky;top:-10px;z-index:6;display:flex;align-items:center;gap:5px;background:#10191df5;border-bottom:1px solid #354c54;margin:-10px -10px 10px;padding:9px 8px}
.ux-sidebar-tools>span{flex:1;font-size:9px;color:#8fa9b0;letter-spacing:.6px}.ux-sidebar-tools>button{padding:5px;font-size:8px;white-space:nowrap}.ux-sidebar-tools>button[aria-pressed=true]{color:#a5e0b5;border-color:#506f60}
.ux-sidebar-restore{position:absolute;top:45%;z-index:12;padding:9px 5px;font-size:8px;letter-spacing:.5px;writing-mode:vertical-rl;color:#abc5ce;background:#102026e8;border-color:#43616b}.ux-sidebar-restore[hidden]{display:none}.ux-restore-left{left:0;border-radius:0 4px 4px 0}.ux-restore-right{right:0;border-radius:4px 0 0 4px}
.ux-compass{position:absolute;right:14px;bottom:126px;z-index:5;display:flex;align-items:center;flex-direction:column;gap:0;width:72px;padding:3px;background:#0c181bcc;border:1px solid #2d454b;color:#9eb8bc}.ux-compass svg{width:62px;height:62px;overflow:visible}.ux-compass circle{fill:none;stroke:#314b51;stroke-width:1}.ux-compass line{stroke:#607e84;stroke-width:1}.ux-compass text{fill:#819ca2;font:9px Consolas,monospace}.ux-compass text.ux-compass-N{fill:#b9e4c7;font-weight:bold}.ux-compass>span{font-size:7px;letter-spacing:.3px;padding-bottom:3px}.ux-compass:hover{background:#14272c}.ux-compass:hover circle{stroke:#98c9ac}
@media(max-width:950px){.workspace.ux-dock-layout{grid-template-columns:0 minmax(0,1fr) 0}.ux-dock-layout>.ux-sidebar{display:block!important}.ux-dock-layout>.ux-sidebar.ux-sidebar-hidden{display:none!important}.ux-compass{right:10px;width:64px;bottom:120px}.ux-compass svg{width:54px;height:54px}}