/* Above The Lakes Release 1.1A — Professional UI Design System */
:root{
  --atl-bg-0:#06101a;--atl-bg-1:#091725;--atl-bg-2:#0d2132;
  --atl-surface:#102538;--atl-surface-2:#152f45;--atl-surface-3:#1a3951;
  --atl-border:rgba(126,188,224,.22);--atl-border-strong:rgba(126,207,247,.42);
  --atl-text:#f5f9fc;--atl-muted:#9fb6c7;--atl-subtle:#6f8b9e;
  --atl-blue:#32b8ff;--atl-blue-2:#167cc2;--atl-cyan:#71ddff;
  --atl-green:#65dfa0;--atl-amber:#ffc75c;--atl-red:#ff7770;
  --atl-radius-sm:9px;--atl-radius:14px;--atl-radius-lg:20px;
  --atl-shadow-sm:0 8px 24px rgba(0,0,0,.16);--atl-shadow:0 20px 55px rgba(0,0,0,.28);
  --atl-ease:cubic-bezier(.2,.8,.2,1);
}
html[data-theme="light"]{
  --atl-bg-0:#eaf2f7;--atl-bg-1:#f4f8fb;--atl-bg-2:#dce9f1;
  --atl-surface:#fff;--atl-surface-2:#f7fafc;--atl-surface-3:#edf4f8;
  --atl-border:rgba(38,92,126,.18);--atl-border-strong:rgba(20,119,178,.38);
  --atl-text:#0b2232;--atl-muted:#536e80;--atl-subtle:#7890a0;
}
html,body{background:radial-gradient(circle at 72% 0,rgba(35,151,214,.11),transparent 34%),linear-gradient(155deg,var(--atl-bg-0),var(--atl-bg-1) 55%,var(--atl-bg-0));color:var(--atl-text)}
body{font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:-.005em}
::selection{background:rgba(50,184,255,.28);color:#fff}
a,button,input,select,textarea{transition:border-color .16s var(--atl-ease),background .16s var(--atl-ease),color .16s var(--atl-ease),box-shadow .16s var(--atl-ease),transform .16s var(--atl-ease)}
button,.button-link,.button{border-radius:var(--atl-radius-sm);min-height:40px}
button:hover,.button-link:hover,.button:hover{transform:translateY(-1px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(50,184,255,.24)}
input,select,textarea{background:rgba(4,15,25,.72);border-color:var(--atl-border);border-radius:var(--atl-radius-sm)}
input:hover,select:hover,textarea:hover{border-color:var(--atl-border-strong)}
input:focus,select:focus,textarea:focus{border-color:var(--atl-blue);box-shadow:0 0 0 3px rgba(50,184,255,.13)}
.app-shell-bar{min-height:62px;padding:8px 16px;background:rgba(4,15,25,.9);border-bottom:1px solid var(--atl-border);box-shadow:0 8px 30px rgba(0,0,0,.24)}
.app-shell-brand{padding-right:7px}.app-shell-brand b{font-size:14px;line-height:1.1}.app-shell-brand small{color:#83a9be}.brand-mark{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8be6ff,#22a6e8 46%,#0e6097 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 0 0 4px rgba(50,184,255,.08),0 7px 20px rgba(18,131,196,.35)}
.app-shell-bar nav{gap:2px;align-items:center}.app-shell-bar nav a{padding:8px 10px;border:1px solid transparent;border-radius:9px;color:#a6bac8;font-size:11.5px}.app-shell-bar nav a:hover{background:rgba(50,184,255,.08);border-color:rgba(50,184,255,.12)}.app-shell-bar nav a.active{background:linear-gradient(145deg,#183c56,#153148);border-color:rgba(79,184,238,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.app-shell-status{padding:7px 10px;border:1px solid var(--atl-border);border-radius:999px;background:rgba(13,34,50,.65)}
header{height:auto;min-height:76px;padding:15px 20px;background:rgba(6,16,26,.6);border-bottom:1px solid var(--atl-border)}
header h1{font-size:24px;letter-spacing:-.03em}.eyebrow{color:var(--atl-cyan);letter-spacing:.16em}
main{grid-template-columns:318px minmax(0,1fr)}
.panel{background:linear-gradient(180deg,rgba(15,35,52,.96),rgba(10,26,40,.96));border-color:var(--atl-border);padding:16px}
.controls section{border-color:var(--atl-border);padding-bottom:15px;margin-bottom:15px}.controls h2{font-size:12px;letter-spacing:.13em;color:#d8edf9}
.workspace{padding:16px 18px 24px}
.tabs{gap:3px;overflow-x:auto;scrollbar-width:thin;border-color:var(--atl-border);padding-bottom:1px}.tabs button{white-space:nowrap;padding:10px 14px;border-radius:9px 9px 0 0}.tabs button:hover{background:rgba(50,184,255,.06)}.tabs button.active{background:linear-gradient(180deg,rgba(50,184,255,.1),transparent);color:#fff}
.metrics{gap:10px}.metrics article,.data-card,.dashboard-card,.module-card,.airport-card,.weatherGrid article{background:linear-gradient(150deg,rgba(21,47,69,.94),rgba(12,31,47,.96));border:1px solid var(--atl-border);border-radius:var(--atl-radius);box-shadow:var(--atl-shadow-sm)}
.metrics article{padding:14px 15px;min-height:92px}.metrics strong{font-size:25px;letter-spacing:-.04em}.metrics span,.metrics small{font-size:10px;color:#94b0c2}
.data-card,.dashboard-card,.module-card{padding:17px}.data-card h2,.data-card h3,.dashboard-card h2,.dashboard-card h3{letter-spacing:-.02em}
#map,#fuelMap,.live-map-wrap{border-color:var(--atl-border);border-radius:var(--atl-radius);box-shadow:var(--atl-shadow-sm)}
.routeSummary,.briefing-status,.density-card,.selected-aircraft{background:rgba(7,22,34,.72);border-color:var(--atl-border);border-radius:var(--atl-radius-sm)}
.notice,.safety-strip{border-radius:var(--atl-radius);box-shadow:var(--atl-shadow-sm)}
table{border-color:var(--atl-border);border-radius:var(--atl-radius);overflow:hidden}th,td{border-color:var(--atl-border)}th{color:#8edcff;background:rgba(6,22,34,.55)}
.alert{border-radius:var(--atl-radius-sm)}
.platform-banner{border-radius:var(--atl-radius-lg);background:radial-gradient(circle at 85% 0,rgba(78,206,255,.18),transparent 35%),linear-gradient(125deg,#0f2b40,#173d56);box-shadow:var(--atl-shadow-sm)}
.atl-toast{border-radius:var(--atl-radius);background:rgba(12,34,51,.97);backdrop-filter:blur(12px)}
footer{border-color:var(--atl-border)}
@media(max-width:1100px){main{grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:900px){main{grid-template-columns:1fr}.panel{position:relative}.workspace{padding:12px}.metrics.six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){header{padding:12px 14px}.workspace{padding:10px}.metrics,.metrics.six{grid-template-columns:1fr 1fr}.app-shell-bar{padding:8px 10px}}


/* Release 1.1K: one consistent application header across every internal screen */
.app-shell-host{position:relative;z-index:10000;width:100%}
.app-shell-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:58px;padding:7px clamp(10px,1.5vw,22px);background:rgba(4,15,25,.97);border-bottom:1px solid var(--atl-border,#21465e);box-shadow:0 7px 24px rgba(0,0,0,.24)}
.app-shell-brand{display:flex;align-items:center;gap:9px;min-width:max-content;color:#f4fbff;text-decoration:none}.app-shell-brand span:last-child{display:flex;flex-direction:column}.app-shell-brand b{font-size:14px;line-height:1.05}.app-shell-brand small{font-size:9px;line-height:1.15;letter-spacing:.09em;text-transform:uppercase;color:#83a9be}
.app-shell-bar nav{display:flex;align-items:center;gap:3px;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:2px 1px;white-space:nowrap}.app-shell-bar nav::-webkit-scrollbar{height:4px}.app-shell-bar nav::-webkit-scrollbar-thumb{background:#28526b;border-radius:5px}
.app-shell-bar nav a{flex:0 0 auto;padding:7px 9px;border:1px solid transparent;border-radius:8px;color:#aac0ce;font-size:11px;font-weight:700;line-height:1;text-decoration:none}.app-shell-bar nav a:hover{background:rgba(50,184,255,.08);border-color:rgba(50,184,255,.14);color:#fff}.app-shell-bar nav a.active{background:linear-gradient(145deg,#1a4664,#15344c);border-color:rgba(83,193,248,.28);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.app-shell-status{display:flex;align-items:center;gap:7px;max-width:190px;padding:6px 9px;border:1px solid var(--atl-border,#21465e);border-radius:999px;background:rgba(13,34,50,.72);color:#b5c8d4;font-size:10px;white-space:nowrap;overflow:hidden}.app-shell-status span{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#67e5a1;box-shadow:0 0 8px rgba(103,229,161,.5)}.app-shell-status b{overflow:hidden;text-overflow:ellipsis}
.app-shell-menu{display:none;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--atl-border,#21465e);border-radius:8px;background:#102b3e;color:#fff;font:inherit;font-size:11px;font-weight:800}
/* Legacy per-page headers are retired when the shared shell is present. */
body:not(.public-landing) > header.site-header,body:not(.public-landing) > header.app-header{display:none!important}
body:not(.public-landing) .app-shell-host + header.site-header,body:not(.public-landing) .app-shell-host + header.app-header{display:none!important}
@media(max-width:1100px){.app-shell-bar{grid-template-columns:auto auto 1fr}.app-shell-menu{display:flex}.app-shell-bar nav{display:none;position:absolute;top:100%;left:10px;right:10px;max-height:min(70vh,520px);padding:9px;background:#071a28;border:1px solid #28526b;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.45);white-space:normal;overflow:auto;grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell-bar nav.open{display:grid}.app-shell-bar nav a{padding:10px}.app-shell-status{justify-self:end}}
@media(max-width:680px){.app-shell-bar{grid-template-columns:minmax(0,1fr) auto}.app-shell-status{display:none}.app-shell-bar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell-brand small{display:none}}
@media(max-width:420px){.app-shell-bar nav{grid-template-columns:1fr}.app-shell-menu span{display:none}}