/* flights.css — the flights screen. */
/* ── flights ── */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center}
.filters input[type=text]{flex:1;min-width:180px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 13px;outline:none}
.filters input[type=text]:focus{border-color:var(--acc)}
.pill{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:600;color:var(--dim);cursor:pointer;user-select:none;white-space:nowrap}
.pill.on{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}
.fr{display:flex;align-items:center;gap:12px;padding:11px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:7px;cursor:pointer;flex-wrap:wrap}
.fr:hover{border-color:var(--faint)}
.fr.air{border-color:rgba(56,210,154,.35);background:color-mix(in srgb,var(--air) 6%,var(--surface))}
.fr .num{font-family:var(--mono);font-weight:700;width:46px;flex:none}
.fr .r{font-weight:600;width:118px;flex:none}.fr .r .ar{color:var(--faint)}
.fr .ac{color:var(--dim);font-size:12px;font-family:var(--mono);flex:1;min-width:110px}
.fr .st{margin-left:auto;font-size:12px;font-weight:650;display:flex;align-items:center;gap:6px;flex:none}
.fr .cn{font-size:11px;color:var(--faint);font-family:var(--mono);flex:none}