/* Aviation: the aircraft card's extra section (aircard.js), airport boards (airports.js), cockpit weather (cockpitwx.js) */
#acMore{margin-top:6px}
#acMore .ac-dl{margin-top:0}
.ac-phase{margin:6px 0 4px;font-size:12.5px;color:var(--faint,#9fb3c8)}
.ac-phase b{color:#7dffa6;font-weight:600}
.ac-route{margin:8px 0;padding:8px 10px;border:1px solid rgba(95,211,255,.28);border-radius:8px;background:rgba(95,211,255,.06)}
.ac-route.off{border-color:rgba(255,180,77,.35);background:rgba(255,180,77,.06)}
.ac-route .note{margin:6px 0 0}
.ac-legs{display:flex;align-items:center;gap:8px}
.ac-ap{font:600 15px/1 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.06em;color:#e6edf3;background:none;border:1px solid rgba(230,237,243,.25);border-radius:6px;padding:4px 7px;cursor:pointer}
.ac-ap:hover,.ac-ap:focus-visible{border-color:#5fd3ff;color:#5fd3ff}
.ac-bar{flex:1;height:4px;border-radius:2px;background:rgba(230,237,243,.15);position:relative;overflow:hidden}
.ac-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#5fd3ff,#7dffa6);border-radius:2px}
.ac-route.off .ac-bar i{background:#ffb44d}
.ac-photo{display:block;position:relative;margin:8px 0;border-radius:8px;overflow:hidden;max-width:240px}
.ac-photo img{display:block;width:100%;height:auto}
.ac-photo span{position:absolute;right:4px;bottom:3px;font-size:10px;color:#fff;text-shadow:0 0 3px #000}
.ac-trail{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;margin:8px 0 2px}
.ac-trail .note{margin:0}
.ac-ramp{width:44px;height:6px;border-radius:3px}
.ac-tbtns{grid-column:1/-1;display:flex;gap:6px;align-items:center}
.ac-tbtns select{background:rgba(0,0,0,.35);color:inherit;border:1px solid rgba(230,237,243,.25);border-radius:6px;padding:3px 4px;font:inherit;font-size:12px}
.ap-wx{margin:8px 0 2px;line-height:1.45}
.ap-cat{display:inline-block;padding:0 6px;border:1px solid var(--c);border-radius:4px;color:var(--c);font:600 11px/16px var(--mono,monospace);letter-spacing:.08em}
.ap-src{opacity:.6;font-size:10px}
.ap-rw{margin:6px 0;font-size:12.5px}
.ap-rw b{font:600 13px var(--mono,monospace);color:#e6edf3}
.ap-board h3{margin:10px 0 4px;font:600 11px/1.2 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.12em;text-transform:uppercase}
.ap-board .ab-row{grid-template-columns:1fr;width:100%;margin:0 0 4px}
.ap-board .ab-row b{grid-row:auto;min-width:0;font:600 13px/1.2 var(--mono);color:#e6edf3}
.ap-board .ab-row:hover{border-color:#9fe3ff}
.ap-board .ab-row.emg{border-color:#ff4d5e;background:rgba(255,77,94,.08)}
.ab-emg{font-style:normal;font:600 10.5px var(--mono,monospace);color:#ff4d5e;margin-left:6px}
#towerBar{position:fixed;left:50%;top:calc(128px + env(safe-area-inset-top,0px));transform:translateX(-50%);z-index:6;display:none;align-items:center;gap:10px;padding:6px 8px 6px 14px;border-radius:10px;font:500 12px/1.3 var(--mono,monospace);white-space:nowrap;max-width:calc(100vw - 24px)}
body.tower-view #towerBar{display:flex}
#towerBar #twTxt{overflow:hidden;text-overflow:ellipsis}
#opsHud .oh-wx{position:absolute;left:292px;top:232px;display:none;gap:0;white-space:nowrap;max-width:46vw}
#opsHud .oh-wx b{font-weight:600;letter-spacing:.16em}
#opsHud .oh-wx .oh-src{opacity:.6;font-size:10px}
body.m #opsHud .oh-wx{left:16px;top:calc(244px + env(safe-area-inset-top,0px));font-size:10px;max-width:70vw;white-space:normal}
/* METAR / TAF in plain words, runways used (airports.js, fieldwx.js, fieldwatch.js) */
.ap-metar h3,.ap-hist h3{margin:10px 0 4px;font:600 11px/1.5 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.06em;color:#9fe3ff}
.ap-metar h3 .ap-cat{margin-right:4px}
.ap-words{margin:0 0 4px;padding:0 0 0 16px;font-size:12.5px;line-height:1.45}
.ap-words li{margin:1px 0}
.ap-taf{list-style:none;padding:0}
.ap-taf .ap-cat{font-size:10px;line-height:14px;padding:0 4px;margin-right:2px}
.ap-raw{margin:2px 0 6px;font-size:11px}
.ap-raw summary{cursor:pointer;opacity:.7}
.ap-raw code{display:block;margin-top:3px;font:11px/1.4 var(--mono,monospace);white-space:normal;word-break:break-word;opacity:.85}
.ap-hrow{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:6px;margin:3px 0;font-size:11.5px}
.ap-bar{display:flex;gap:2px;height:16px}
.ap-bar i{display:block;min-width:24px;border-radius:3px;background:color-mix(in srgb,var(--c) 30%,transparent);border:1px solid var(--c);color:#e6edf3;font:600 10px/14px var(--mono,monospace);font-style:normal;text-align:center;overflow:hidden}
