/* Above The Lakes Release 1.1G — Compact information-dense layout sweep */
:root{
  --atl-content-max:1560px;
  --atl-page-gutter:clamp(12px,1.35vw,22px);
  --atl-section-gap:18px;
  --atl-card-pad:14px;
  --atl-compact-radius:12px;
}

/* Global rhythm */
body{overflow-x:hidden}
h1,h2,h3,h4,p{overflow-wrap:anywhere}
p{margin-top:.45em;margin-bottom:.8em}
.app-shell-bar{min-height:54px;padding:6px 12px}
.app-shell-brand b{font-size:13px}.app-shell-brand small{font-size:9px}
.brand-mark{width:30px;height:30px}
.app-shell-bar nav a{padding:6px 8px;font-size:10.5px}
.app-shell-status{padding:5px 8px;font-size:10.5px}
header{min-height:64px;padding:11px var(--atl-page-gutter)}
header h1{font-size:21px}
.workspace{padding:12px var(--atl-page-gutter) 22px}
.panel{padding:13px}
.controls section{padding-bottom:12px;margin-bottom:12px}
.controls h2{margin-bottom:9px}
label{margin:7px 0;font-size:11px}
input,select,textarea{padding:8px 9px;font-size:13px}
button,.button-link,.button{min-height:36px;padding:8px 10px;font-size:12px}
.tabs{margin-bottom:12px}.tabs button{padding:8px 11px;font-size:12px}
.metrics{gap:8px;margin-bottom:10px}.metrics article{min-height:76px;padding:11px 12px}.metrics strong{font-size:22px}.metrics span,.metrics small{font-size:9px}
.data-card,.dashboard-card,.module-card,.airport-card,.weatherGrid article{padding:13px;border-radius:var(--atl-compact-radius)}
.data-card h2,.dashboard-card h2,.module-card h2{margin:0 0 8px;font-size:18px}
.data-card h3,.dashboard-card h3,.module-card h3{margin:0 0 7px;font-size:15px}
.section-grid,.weather-layer-grid,.emergency-grid{gap:11px}
.routeSummary,.briefing-status,.density-card,.selected-aircraft{padding:9px 10px;margin-top:8px}
.notice,.safety-strip{padding:10px!important}
.table-wrap{border-radius:var(--atl-compact-radius)}
th,td{padding:8px 9px;font-size:12px}
th{font-size:9.5px}
.toolbar{margin-bottom:7px}
#map{height:clamp(390px,57vh,680px)}
#fuelMap{height:clamp(360px,52vh,620px)}
.airport-details{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:10px}
.form-grid{gap:0 9px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.aircraft-layout{grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:11px}
.template-picker{padding:.75rem;margin-bottom:.75rem}.variant-spec-grid{gap:.45rem}.variant-spec-grid span{padding:.55rem .62rem}
.weather-list{gap:7px;max-height:360px}.weather-item{padding:9px}
.product-summary{gap:6px}.product-summary span{padding:6px 8px;font-size:11px}
.notam-actions,.emergency-actions{gap:6px}
.platform-banner{padding:12px 14px;margin-bottom:12px}
.diag-list{gap:7px}.diag-row{padding:9px 11px}
footer{padding:8px 14px}

/* App page widths and compact forms */
main:not(.dashboard-main){grid-template-columns:minmax(260px,292px) minmax(0,1fr)}
.workspace>.tab>.data-card + .data-card,.workspace>.tab>.section-grid + .data-card{margin-top:11px}
.card-title-row{gap:10px}.card-title-row h2,.card-title-row h3{margin-bottom:0}
.field-help,.database-status{font-size:10.5px;line-height:1.35}

/* Dashboard: compact but richer */
.dashboard-page .dashboard-main{
  width:min(var(--atl-content-max),calc(100% - 28px));
  padding:18px 0 38px;
}
.dashboard-page .dashboard-hero{
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  margin-bottom:16px;
  padding:20px 22px;
  min-height:150px;
}
.dashboard-page .dashboard-hero h1{margin:4px 0 7px;font-size:clamp(29px,3.15vw,46px);line-height:1.03}
.dashboard-page .dashboard-hero p{font-size:14px;line-height:1.45;max-width:760px}
.dashboard-page .dashboard-hero-actions{gap:7px}
.dashboard-page .dashboard-section{margin-bottom:19px}
.dashboard-page .dashboard-section-heading{margin-bottom:9px;align-items:center}
.dashboard-page .dashboard-section-heading h2{font-size:19px;margin-top:2px}
.dashboard-page .dashboard-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.dashboard-page .dashboard-stat-card{min-height:112px;padding:12px 13px}
.dashboard-page .dashboard-label{font-size:11px}
.dashboard-page .dashboard-stat{margin:5px 0 8px;font-size:clamp(25px,2.3vw,35px)}
.dashboard-page .dashboard-route-value{font-size:clamp(15px,1.35vw,21px);line-height:1.14}
.dashboard-page .dashboard-stat-card>a{font-size:11px}
.dashboard-page .dashboard-module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.dashboard-page .module-link{min-height:104px;padding:13px 14px;position:relative}
.dashboard-page .module-link strong{margin-bottom:5px;font-size:15px}
.dashboard-page .module-link span{font-size:11.5px;line-height:1.36}
.dashboard-page .module-link:after{content:'›';position:absolute;right:12px;top:10px;color:var(--atl-cyan);font-size:18px;opacity:.7}
.dashboard-page .dashboard-two-column{gap:9px}
.dashboard-page .dashboard-info-card,.dashboard-page .dashboard-list-card{padding:14px 15px}
.dashboard-page .dashboard-info-card h2,.dashboard-page .dashboard-list-card h2{font-size:17px;margin-bottom:8px}
.dashboard-page .dashboard-row{padding:8px 0;gap:12px}
.dashboard-page .dashboard-row strong{font-size:12.5px}.dashboard-page .dashboard-row span,.dashboard-page .dashboard-row small{font-size:10.5px}
.dashboard-page .empty-state{min-height:58px;font-size:11.5px}
.dashboard-page .eyebrow{font-size:9px}

/* Public website compact sweep */
.site-header .header-inner{height:62px}.site-header .brand-mark{width:34px;height:34px}
.site-nav{gap:15px;font-size:12.5px}.nav-cta,.button.primary{padding:8px 13px}
.hero{min-height:600px}.hero-grid{gap:42px;padding:58px 0}.hero h1{font-size:clamp(43px,6.3vw,75px);margin:12px 0 18px}.hero-copy{font-size:17px}.actions{margin:21px 0}.trust-row{gap:15px}
.hero-card{padding:14px}.mini-map{height:225px;margin:11px 0}.mini-metrics{gap:7px}.mini-metrics div{padding:8px}
section.section{padding:60px 0}.section-head{margin-bottom:27px}.section-head h2{font-size:clamp(31px,4.3vw,48px);margin:8px 0}.section-head p{font-size:15px}
.feature-grid{gap:11px}.feature{padding:18px;min-height:185px}.feature h3{margin:13px 0 6px}.feature p{font-size:13px}
.split{gap:38px}.checklist{gap:8px;margin-top:17px}.data-panel{padding:18px}.source{padding:10px 0}
.cta{padding:52px 0}.site-footer{padding:29px 0 18px}.legal{padding:48px 0}.legal h1{font-size:42px}

/* Responsive consolidation */
@media(max-width:1280px){
  .dashboard-page .dashboard-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dashboard-page .dashboard-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  main:not(.dashboard-main){grid-template-columns:270px minmax(0,1fr)}
}
@media(max-width:980px){
  main:not(.dashboard-main){grid-template-columns:1fr}
  .dashboard-page .dashboard-main{width:min(100% - 20px,var(--atl-content-max));padding-top:12px}
  .dashboard-page .dashboard-hero{grid-template-columns:1fr;min-height:auto;padding:17px}
  .dashboard-page .dashboard-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aircraft-layout{grid-template-columns:1fr}
  #map{height:500px}
}
@media(max-width:700px){
  .app-shell-bar{min-height:50px}.workspace{padding:9px}.panel{padding:10px}
  .dashboard-page .dashboard-main{width:min(100% - 14px,var(--atl-content-max));padding:9px 0 26px}
  .dashboard-page .dashboard-hero{margin-bottom:12px;padding:15px}.dashboard-page .dashboard-hero h1{font-size:30px}
  .dashboard-page .dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .dashboard-page .dashboard-stat-card{min-height:101px;padding:10px}
  .dashboard-page .dashboard-module-grid{grid-template-columns:1fr 1fr;gap:7px}
  .dashboard-page .module-link{min-height:96px;padding:11px}.dashboard-page .module-link strong{font-size:14px}.dashboard-page .module-link span{font-size:10.5px}
  .dashboard-page .dashboard-two-column{grid-template-columns:1fr}
  .dashboard-page .dashboard-section{margin-bottom:14px}
  .metrics,.metrics.six{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-grid,.weather-layer-grid,.emergency-grid,.form-grid.three{grid-template-columns:1fr}
  #map,#fuelMap{height:420px}
  section.section{padding:43px 0}.hero-grid{padding:45px 0}.hero{min-height:auto}
}
@media(max-width:440px){
  .dashboard-page .dashboard-stat-grid,.dashboard-page .dashboard-module-grid{grid-template-columns:1fr}
  .dashboard-page .dashboard-stat-card,.dashboard-page .module-link{min-height:auto}
  .metrics,.metrics.six{grid-template-columns:1fr 1fr}
}
