/* OLBS Records pop-ups (METAR, TAF, Warning, Take-off) */
dialog#olbsDlg{width:min(860px,94vw);max-height:90vh;padding:0;border:0;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 24px 60px rgba(8,22,48,.45);overflow:hidden}
dialog#olbsDlg[open]{display:flex;flex-direction:column}
dialog#olbsDlg::backdrop{background:rgba(8,22,48,.55)}
.od-head{flex:none;display:flex;align-items:center;gap:12px;padding:16px 18px 14px 24px;border-bottom:1px solid #e1e8f2;background:#f7faff}
.od-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.od-title b{font-size:21px;color:var(--navy);letter-spacing:.02em}
.od-title small{font-size:13.5px;color:var(--mut);font-weight:600}
.od-corner{display:flex;gap:8px}
.od-x{width:38px;height:38px;border:0;border-radius:10px;background:#eef2f9;color:#33466b;font:400 28px/1 var(--ff);cursor:pointer}
.od-x:hover{background:#dfe7f4}
.od-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:10px;border:1px solid #9ec1f7;background:#fff;color:#0b2a5b;font:700 14px var(--ff);cursor:pointer;text-decoration:none;white-space:nowrap}
.od-btn:hover{background:#eaf2ff}
.od-btn .ic{width:18px;height:18px}
.od-body{flex:1;min-height:0;overflow:auto;padding:18px 24px 6px}
.od-load{display:flex;align-items:center;gap:12px;padding:34px 4px;font-weight:700;color:#33466b}
.od-load i{width:20px;height:20px;border-radius:50%;border:3px solid #cfe0fb;border-top-color:#1d6bf3;animation:odspin .8s linear infinite}
@keyframes odspin{to{transform:rotate(360deg)}}
.od-err{padding:18px;border-radius:12px;background:#fdecef;border:1px solid #f4b6c0;color:#8a1020;font-weight:700}
.od-note{margin-bottom:12px;padding:10px 14px;border-radius:10px;background:#fff4e0;border:1px solid #f5d096;color:#8a4b00;font-weight:700;font-size:14px}
.od-empty{padding:14px 4px;color:var(--mut);font-weight:600}
.od-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.od-chip{padding:3px 11px;border-radius:999px;background:#e8efff;border:1px solid #bcd0f7;color:#0b2a5b;font:800 12.5px var(--ff);letter-spacing:.04em}
.od-chip.a{background:#e3f7ec;border-color:#9ad8b6;color:#0b6b43}.od-chip.c{background:#fdecef;border-color:#f4b6c0;color:#a3112a}.od-chip.x{background:#eef0f4;border-color:#d3d8e2;color:#5b6b86}
.od-time{font:700 13.5px var(--ff);color:var(--mut)}
.od-box{padding:14px 16px;border:1px solid #b0bec5;border-radius:10px;background:#fff;font-size:17px;line-height:1.55;word-break:break-word}
.mono{font-family:Consolas,"Courier New",monospace}
.od-sec{margin:14px 0 6px;font:800 16px var(--ff);color:#e65100;letter-spacing:.04em}
.od-sub{margin:0 0 10px;font:800 14px var(--ff);color:var(--navy);letter-spacing:.03em}
.od-hrow{position:relative;margin-bottom:12px}
.od-new{position:absolute;right:0;top:0;padding:2px 10px;border-radius:999px;background:#1d6bf3;color:#fff;font:800 11.5px var(--ff);letter-spacing:.06em}
.od-info{margin-bottom:10px;font:800 16px Consolas,"Courier New",monospace;color:#e65100}
.od-tw{overflow:auto}
.od-tbl{width:100%;border-collapse:collapse;font:15.5px Consolas,"Courier New",monospace;text-align:center}
.od-tbl th,.od-tbl td{border:1px solid #b0bec5;padding:8px 6px}
.od-tbl th{color:var(--navy);font-weight:800}
.od-wcard{margin-bottom:14px}
.od-whead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:2px}
.od-wp{display:flex;gap:6px;flex:none}
.od-wp .od-btn{height:34px;padding:0 11px;font-size:13px}
.od-foot{padding:10px 0 12px;font-size:12.5px;color:var(--mut);font-weight:600}
.oc-r{color:#c62828;text-decoration:underline}.oc-o{color:#e65100}.oc-g{color:#2e7d32}

/* month choice + Download (METAR / TAF / Warning / Take-off) */
.od-dl{display:flex;align-items:center;gap:8px}
.od-sel{height:38px;padding:0 10px;border-radius:10px;border:1px solid #9ec1f7;background:#fff;color:#0b2a5b;font:700 14px var(--ff);cursor:pointer}
.od-dlnone{font-size:13px;color:var(--mut);font-weight:600;white-space:nowrap}
.od-btn:disabled{opacity:.55;cursor:default}
@media(max-width:760px){.od-head{flex-wrap:wrap}.od-dl{order:3;width:100%}}