:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#111920;color:#e6edf3}*{box-sizing:border-box}body{margin:0;background:#111920;color:#e6edf3;font:14px/1.5 Arial,Helvetica,sans-serif}a{color:#9bc9ef;text-decoration:none}a:hover{text-decoration:underline}.ha-top{background:#f9fbfc;display:flex;align-items:center;gap:15px;padding:7px max(20px,3vw);color:#1c2935;border-bottom:1px solid #d8dde3}.ha-logo img{height:39px;max-width:120px;object-fit:contain}.ha-brand{font-weight:800;letter-spacing:.04em}.ha-brand small{display:block;color:#7c8995;letter-spacing:0;font-weight:400;font-size:11px}.ha-top nav{margin-left:auto;display:flex;gap:22px}.ha-top nav a{color:#344352}.ha-banner{height:95px;background:#f4f7f8 url('/assets/images/ncas-history-banner.png') center 49%/cover no-repeat;border-bottom:3px solid #d21b30}.ha-wrap{max-width:1900px;margin:auto;padding:22px}.ha-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:12px}.ha-kicker{font-size:10px;font-weight:700;color:#df6370;letter-spacing:.12em}.ha-heading h1{font-size:25px;font-weight:650;margin:3px 0}.ha-heading p{margin:0;color:#9eaebb}.ha-back{border:1px solid #394958;border-radius:5px;padding:8px 11px;white-space:nowrap}.ha-layout{display:grid;grid-template-columns:minmax(210px,245px) minmax(0,1fr) minmax(225px,290px);gap:12px;align-items:start}.ha-panel{border:1px solid #31404d;border-radius:7px;background:#17222c;margin-bottom:12px;overflow:hidden}.ha-panel h2{font-size:14px;font-weight:650;margin:0;padding:11px 14px;border-bottom:1px solid #2d3a46}.ha-side .ha-panel h2{border-left:3px solid #bd2737}.ha-panel form{padding:13px}.ha-panel label{display:block;font-size:12px;color:#b0bbc5;margin-bottom:12px}.ha-panel input[type=date]{display:block;margin-top:4px;padding:8px;width:100%;border:1px solid #40505f;border-radius:4px;color:#e9f0f6;background:#202e3b}.ha-panel button{background:#be2032;border:0;border-radius:4px;color:white;padding:8px 15px;cursor:pointer}.ha-reset{margin-left:10px}.ha-kpi{display:flex;justify-content:space-between;align-items:center;margin:0 13px;padding:11px 0;border-bottom:1px solid #293844;gap:8px}.ha-kpi span,.ha-muted{color:#aab7c2;font-size:12px}.ha-kpi strong{font-size:20px;font-variant-numeric:tabular-nums}.ha-smallrow{display:flex;justify-content:space-between;padding:8px 14px;border-bottom:1px solid #293844}.ha-warning{padding:8px 14px;font-size:12px;color:#ffc879}.ha-center{min-width:0}.ha-maphead{padding:12px 15px;display:flex;justify-content:space-between;align-items:center;gap:12px}.ha-maphead h2{padding:0;border:0}.ha-maphead p{font-size:12px;color:#9cadb9;margin:2px 0 0}.ha-mapmodes{display:flex;gap:13px;white-space:nowrap}.ha-mapmodes label{font-size:12px;color:#d1dce5}.ha-mapmodes input{accent-color:#be3440}#ha-map{height:min(62vh,620px);min-height:370px;background:#0b1c2b}.ha-map-panel .leaflet-tile-pane{filter:brightness(.59) saturate(.67) contrast(1.12)}.ha-legend{display:flex;gap:28px;padding:10px 14px;color:#aebeca;font-size:12px}.ha-heatkey{display:inline-block;vertical-align:middle;width:15px;height:15px;background:radial-gradient(circle,#e0b77c,#5c899e 48%,transparent 80%);border-radius:50%}.ha-routekey{display:inline-block;vertical-align:middle;width:30px;height:2px;background:#79aeca}.ha-sectionhead{display:flex;align-items:center;justify-content:space-between;padding-right:15px}.ha-sectionhead h2{border:0}.ha-sectionhead span{font-size:12px;color:#a3afba}.ha-scroll{overflow:auto}.ha-scroll table{width:100%;border-collapse:collapse;min-width:600px}.ha-scroll th,.ha-scroll td{text-align:left;padding:9px 11px;border-top:1px solid #293744;font-size:12px;white-space:nowrap}.ha-scroll th{background:#1f2b36;color:#a8b5c0}.ha-scroll tbody tr:hover{background:#202f3b}.ha-blue{color:#78b3e0;margin-right:4px}.ha-pages{display:flex;justify-content:center;gap:15px;padding:12px;color:#9dafbc}.ha-right .ha-panel>p{padding:0 14px}.ha-pair{display:grid;grid-template-columns:minmax(105px,1fr) minmax(40px,70px) 32px;gap:8px;align-items:center;padding:9px 12px;border-bottom:1px solid #2b3743;font-size:12px;font-variant-numeric:tabular-nums}.ha-pair strong{text-align:right}.ha-meter{background:#2a3a47;height:7px;border-radius:3px}.ha-meter i{display:block;height:100%;background:#8caebc;border-radius:3px}.ha-note p{font-size:12px;color:#a8b9c4;line-height:1.65}.ha-empty{padding:15px}.ha-map-popup{font:12px Arial;min-width:130px}.ha-map-popup strong{font-size:13px}.leaflet-popup-content-wrapper{background:#fff;color:#182431}@media(max-width:1150px){.ha-layout{grid-template-columns:220px minmax(0,1fr)}.ha-right{grid-column:1/-1}.ha-right .ha-panel:first-child{display:block}}@media(max-width:760px){.ha-layout{display:block}.ha-top{flex-wrap:wrap}.ha-top nav{margin-left:0;flex-basis:100%;gap:15px}.ha-heading{align-items:start}.ha-maphead{flex-direction:column;align-items:start}#ha-map{height:420px}.ha-banner{height:66px}}

/* v0.8.4 hf1 — compact NCAS banner, genuinely dark basemap, subdued amber historical analytics. */
.ha-banner{height:160px;background:#f4f6f7 url('/assets/images/ncas-history-banner-hf1.webp') center center/cover no-repeat;}
.ha-map-panel .leaflet-tile-pane{filter:none !important;}
.ha-heatkey{background:radial-gradient(circle,#dbaa6b,#946d50 45%,transparent 80%);}
.ha-routekey{background:linear-gradient(90deg,#6c91aa,#d6a267);}
.ha-meter i{background:#b68b61;}
.ha-airport-icon{width:15px;height:15px;display:inline-block;vertical-align:-3px;color:#70a9d8;margin-right:5px;}
@media(max-width:760px){.ha-banner{height:105px;background-size:cover;}}

/* Hotfix 2: Reuse the Dashboard's exact shared header and panoramic banner. */
html{color-scheme:dark}body{background:#111920;color:#e6edf3}
.topbar{font-family:Inter,"Segoe UI",Arial,sans-serif}
.banner{background-image:url('/assets/images/ncas-hero-approved.webp');background-size:100% 100%;background-position:center}
/* Map uses public OSM tiles and a neutral dark-mode transformation; no third-party API key. */
.ha-map-panel .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.83) contrast(1.05) saturate(.68) !important}
#ha-map{background:#14202b}
@media(max-width:760px){.banner{height:145px;background-size:100% 100%}}

/* v0.8.4 hf3 — dense filter UI and accessible clickable flight rows. */
.ha-panel input:not([type=checkbox]):not([type=radio]){display:block;margin-top:4px;padding:8px;width:100%;min-width:0;border:1px solid #40505f;border-radius:4px;color:#e9f0f6;background:#202e3b;font:inherit}
.ha-panel input::placeholder{color:#8499a8}
.ha-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:14px}
.ha-panel .ha-quick button{font-size:11px;padding:8px 2px;background:#273b4b;border:1px solid #496172}
.ha-panel .ha-quick button:hover{background:#365369}
.ha-duration{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ha-clickable-row{cursor:pointer}
.ha-clickable-row:hover,.ha-clickable-row:focus-visible{background:#294052!important;outline:1px solid #639bc1;outline-offset:-1px}

/* v0.8.4 hf4: compact accessible pilot-history filter dropdowns. */
.ha-side select { display:block; width:100%; max-width:100%; box-sizing:border-box; background:#21313f; color:#edf5fb; border:1px solid #415363; border-radius:4px; padding:9px 7px; margin-top:6px; font:inherit; }
.ha-duration-group {margin-top:12px;}
.ha-duration-title {display:block; font-weight:600; font-size:12px; margin-bottom:3px;}
