/* Original Vector 4 composition with Aero Glass surfaces. */
body[data-design="vector"] .glass{background:linear-gradient(135deg,#caecff20,#34536726 45%,#091d2dc9);backdrop-filter:blur(30px) saturate(155%);-webkit-backdrop-filter:blur(30px) saturate(155%);border:1px solid #cbe9ff3d;box-shadow:inset 0 1px 0 #fff3,inset 0 -1px 0 #a4c7df12,0 20px 65px #0003}
body[data-design="vector"] .vector-hud{background:linear-gradient(130deg,#adcce32e,#152d46b8);border-color:#dbf5ff50}
body[data-design="vector"] .vector-dock{background:linear-gradient(135deg,#bfdcf21c,#0b1f2dac)}
#babadag-explorer{display:block;width:100%;height:1530px;border:0;border-radius:24px;background:#0c2331;color-scheme:dark}
@media(max-width:700px){#babadag-explorer{height:2340px;border-radius:18px}}
/* Two restrained palettes; hero and live data remain readable in both. */
body[data-design="vector"]{--bg:#0b1f2b;--surface:#183443;--ink:#f1f8fa;--muted:#bfd2db;--line:#d6eaf13d;--accent:#a5dfdf;--accent-ink:#0d3140;--glass:linear-gradient(140deg,#bedbeb1c,#173645aa);color-scheme:dark;background:linear-gradient(160deg,#123344,#0c2532 55%,#0b1f2b)}
body[data-design="vector"] .hero-vector{background:#091e2d;color:#fff}
/* Phones get a 1280 px copy of the same hero via <picture>; the wrapper must not change the image box. */
.vector-art picture{display:contents}
body[data-design="vector"] .vector-shade{background:linear-gradient(90deg,#071925eb 0%,#0a253cc5 37%,#0a253c20 72%),linear-gradient(0deg,#091b2bc9,transparent 27%)}
body[data-design="vector"] .site-nav{background:#102c3bcc;border-color:#b8d7e337;backdrop-filter:blur(18px)}
body[data-design="vector"] .glass{background:linear-gradient(130deg,#b7d9e51e,#143143c4);border-color:#e0f4fc35;box-shadow:inset 0 1px #fff2,0 15px 42px #00192425}
body[data-design="vector"] .vector-hud{background:#102f43cc;border-color:#d5eaf557}
body[data-design="vector"] .vector-dock{background:#183a4cc2;border-color:#d5eaf552}
body[data-design="vector"] .weather-section::before,body[data-design="vector"] .briefing-section::before{content:"";position:absolute;top:2%;right:1%;width:min(34vw,430px);height:140px;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(34px);background:#d8edf316;animation:cloud-wisp 22s ease-in-out infinite alternate}
body[data-design="vector"] .weather-section,body[data-design="vector"] .experience-section,body[data-design="vector"] .briefing-section{position:relative}
@keyframes cloud-wisp{to{transform:translate(-12vw,16px)}}
body[data-theme="light"]{--bg:#eaf3f7;--surface:#f7fbfd;--ink:#153849;--muted:#416273;--line:#427f9e42;--accent:#09688b;--accent-ink:#fff;--glass:linear-gradient(135deg,#ffffffed,#e9f4fad9);color-scheme:light;background:linear-gradient(160deg,#f0f8fb,#e7f1f7 58%,#ecf6f9)}
body[data-theme="light"] .site-nav{background:#f7fbfdeb;border-color:#92b6c488}
body[data-theme="light"] .glass{background:linear-gradient(135deg,#ffffffed,#edf6fbe8);border-color:#97bfce83;box-shadow:inset 0 1px #fff,0 14px 34px #24557917}
body[data-theme="light"] .hero-vector{background:#0e344c;color:#fff}
body .hero-operations.glass{position:relative;z-index:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 26px;max-width:none;margin:0;padding:16px max(24px,6%);border:0;border-bottom:1px solid #8fdce18f;border-radius:0;background:linear-gradient(100deg,#0e4558,#153e5b 65%,#174c63);box-shadow:0 8px 26px #071e3070;color:#fff}
.hero-operations>div{min-width:0}.hero-operations span{display:block;font-size:12px;letter-spacing:1.3px;font-weight:700;color:#b8eef1}.hero-operations strong{display:block;font-size:clamp(16px,2vw,24px);font-weight:750;line-height:1.3;margin-top:3px;color:#fff}.hero-operations small{grid-column:1/-1;font-size:12px;color:#d7edf0}
@media(max-width:700px){body .hero-operations.glass{padding:13px 16px;gap:8px 12px}.hero-operations strong{font-size:clamp(14px,4vw,18px)}.hero-operations span{font-size:10px}.hero-operations small{font-size:11px;line-height:1.35}}
body[data-theme="light"] .vector-shade{background:linear-gradient(90deg,#092d47ef 0%,#113e5acf 37%,#113e5a13 76%),linear-gradient(0deg,#0c3148bc,transparent 28%)}
body[data-theme="light"] .vector-head h1 em,body[data-theme="light"] .vector-dock span{color:#bcecf0}
body[data-theme="light"] .hero-vector .primary{background:#bcecf0;color:#143a49}
body[data-theme="light"] .vector-hud,body[data-theme="light"] .vector-dock{background:#12384dc9;border-color:#d8f2fb58;color:#fff}
body[data-theme="light"] .vector-hud h2,body[data-theme="light"] .vector-dock a{color:#fff}
body[data-theme="light"] .weather-card .metric-icon{color:#09688b}
body[data-theme="light"] .runway-live p,body[data-theme="light"] #pilot-status,body[data-theme="light"] .pilot-metrics span,body[data-theme="light"] .pilot-section-note,body[data-theme="light"] .forecast-runway small,body[data-theme="light"] .risk-hours span{color:#486778}
body[data-theme="light"] .pilot-metrics div,body[data-theme="light"] .hour-card{background:#e6f2f8a8}
body[data-theme="light"] .pilot-scroll th{background:#deedf5;color:#1c4254}
body[data-theme="light"] .pilot-scroll th,body[data-theme="light"] .pilot-scroll td{border-color:#5690ab4a}
body[data-theme="light"] .forecast-day{background:#f6fbfe;border-color:#9ac1d277}
body[data-theme="light"] .forecast-day h4{color:#135c7d}
body[data-theme="light"] .forecast-runway{border-color:#8eafbe75}
body[data-theme="light"] .weather-picker{color:#24495c}
body[data-theme="light"] .runway-live a{color:#006a95}
body[data-theme="light"] .risk-GO{color:#167653}body[data-theme="light"] .risk-RISK{color:#986319}body[data-theme="light"] .risk-NOFLY{color:#ac353a}body[data-theme="light"] .risk-NODATA{color:#486b7a}
@media(max-width:700px){body[data-theme="light"] .pilot-tabs{background:#eaf4f9ed}}
.theme-picker{display:flex;gap:3px;align-items:center;margin:0;padding:4px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}
.theme-picker legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.theme-picker button{padding:6px 12px;border:0;border-radius:15px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}
.theme-picker button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
@media(max-width:760px){.theme-picker{padding:3px}.theme-picker button{padding:5px 9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){body[data-design="vector"] .weather-section::before,body[data-design="vector"] .briefing-section::before{animation:none}}

/* Keep ticket and last-flight times centered on phones, tablets and desktops. */
body .hero-operations.glass{grid-template-columns:repeat(2,minmax(0,260px));justify-content:center;align-items:center;column-gap:clamp(12px,4vw,48px);text-align:center}
.hero-operations>div{display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-operations small{grid-column:1/-1;text-align:center}
@media(max-width:700px){body .hero-operations.glass{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(8px,3vw,18px);padding-inline:clamp(12px,4vw,28px)}.hero-operations strong{overflow-wrap:anywhere;text-align:center}}