/* Full dashboard: day information on the left, airspace on the right. */
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.day-panel{min-width:0}
.dashboard-layout>.matrix-section{min-width:0;padding-top:0}

/* Keep the map first in both source order and the mobile layout. */
@media(max-width:899px){
 .matrix-body{grid-template-columns:minmax(0,1fr)}
 .matrix-map-panel{border-right:0;border-bottom:1px solid #2b3b34}
 .matrix-map-panel{order:0}.matrix-flight-panel{order:1}
}
@media(min-width:900px){
 .dashboard-shell{max-width:none;padding-inline:clamp(24px,2.5vw,56px)}
 .dashboard-layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:28px}
 .day-panel .style-toolbar{flex-wrap:wrap;gap:10px;min-height:68px;margin-bottom:16px}
 .day-panel .clock-styles{width:100%;justify-content:space-between}
 .day-panel .clock-styles button{flex:1;padding:9px 6px;font-size:11px}
 .day-panel .clock-panel{padding:22px 20px 0;border-radius:16px}
 .day-panel .panel-top{flex-wrap:wrap;gap:9px;font-size:8px;letter-spacing:1px}
 .day-panel .instrument{display:block;padding-bottom:20px}
 .day-panel #clock{height:auto;aspect-ratio:2.8}
 .day-panel .clock-bottom{flex-wrap:wrap;gap:12px;padding-top:20px;letter-spacing:-.5px}
 .day-panel #date{font-size:clamp(20px,1.6vw,30px)}
 .day-panel #weekday{font-size:clamp(22px,1.7vw,32px)}
 .day-panel .seconds{margin-left:auto;font-size:8px}
 .day-panel .seconds span{font-size:20px}
 .day-panel .weather{border-left:0;border-top:1px solid #a8b49666;padding:18px 0 0;margin-top:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
 .day-panel .weather>.weather-condition{grid-column:1/-1;display:flex;justify-content:center;font-size:13px}
 .day-panel .weather-icon{width:58px;height:58px}
 .day-panel .weather strong{font-size:clamp(38px,3vw,56px);letter-spacing:-2px}
 .day-panel .weather sup{font-size:20px;top:8px}
 .day-panel .wind-weather{grid-column:1/-1}
 .day-panel .sun-times{gap:20px;justify-content:space-between;padding:22px 0}
 .day-panel .sun-times>div{gap:7px}
 .day-panel .sun-symbol{font-size:18px}
 .day-panel .sun-label{font-size:9px;letter-spacing:1px}
 .day-panel .sun-times strong{font-size:clamp(26px,2.2vw,38px)}
 .day-panel .panel-bottom{flex-wrap:wrap;gap:12px;font-size:10px}
 .day-panel .panel-bottom button{font-size:11px}
 .day-panel .clock-panel[data-style=analog] #clock{height:280px;aspect-ratio:auto;flex-direction:column;gap:0;margin-bottom:18px}
 .day-panel .analog-face{height:240px}.day-panel .analog-time{font-size:28px}
 .day-panel .clock-panel[data-style=flip] #clock{--flip-h:clamp(100px,10vw,170px);height:var(--flip-h);aspect-ratio:auto;gap:5px}
 .day-panel .flip-colon{font-size:48px;padding-bottom:8px}
 .day-panel .flip-top>span,.day-panel .flip-bottom>span,.day-panel .flip-leaf>span{letter-spacing:-3px}
 .day-panel .clock-panel[data-style=bfas] .bfas-brand{flex-wrap:wrap;gap:12px;padding-bottom:22px}
 .day-panel .bfas-brand img{width:145px;max-width:100%}.day-panel .bfas-brand>span{font-size:9px}
 .dashboard-layout .matrix-heading{min-height:68px;margin-bottom:16px}
 .dashboard-layout .matrix-heading h1{font-size:clamp(26px,2.4vw,38px)}
 .dashboard-layout .aircraft-hero{gap:12px;flex-wrap:wrap}
 .dashboard-layout .aircraft-hero .hero-plane{width:125px;height:85px}
 .dashboard-layout .matrix-flight-panel{padding:20px}
 .dashboard-layout .instrument-toolbar{flex-wrap:wrap}
 .dashboard-layout .matrix-controls{flex-wrap:wrap;gap:10px}
 .dashboard-layout .matrix-controls label{white-space:nowrap}
 .dashboard-layout .matrix-traffic{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
}
@media(min-width:900px) and (max-width:1399px){
 .dashboard-layout .matrix-body{grid-template-columns:minmax(0,1fr)}
 .dashboard-layout .matrix-map-panel{border-right:0;border-bottom:1px solid #2b3b34}
 .dashboard-layout .aircraft-hero{flex-wrap:nowrap}
}