/* GENERATED FILE - DO NOT EDIT.
   Source: shared/flight-rows.css - run `npm run sync:shared` after editing. */

/* Flights as rows (shared/flight-rows.js; web + app). */
.fl-ref { display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem; margin: 0 0 0.55rem; padding: 0.6rem 0.85rem; border: 1px solid #e8e0cf; border-radius: 12px; background: #fff; font-size: 0.85rem; color: #5b6560; }
.fl-ref b { color: #1b2a23; letter-spacing: 0.06em; }
.fl-rows { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; border: 1px solid #e8e0cf; border-radius: 14px; background: #fff; overflow: hidden; }
.fl-row + .fl-row { border-top: 1px solid #efe8d8; }
.fl-row-hit { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; width: 100%; padding: 0.7rem 0.85rem; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.fl-row-main, .fl-row-side { display: grid; min-width: 0; }
.fl-row-side { text-align: right; flex: none; }
.fl-row-main b { font-size: 1rem; letter-spacing: 0.02em; color: #1b2a23; }
.fl-row-side b { font-size: 0.85rem; color: #1d5c63; }
.fl-row small { margin-top: 0.1rem; font-size: 0.76rem; color: #6d746c; }
.fl-row.is-open { background: #fffaf0; }
.fl-row-more { display: grid; gap: 0.5rem; padding: 0 0.7rem 0.75rem; }
.fl-row-more .exp-words { display: flex; flex-wrap: wrap; gap: 0.2rem 1.1rem; }
.fl-row-more .exp-words button { padding: 0.35rem 0; border: 0; background: none; color: #1d5c63; font: inherit; font-size: 0.88rem; font-weight: 700; cursor: pointer; }
.fl-row-more .exp-words button.is-danger { color: #b2462b; }
/* The crew's flights when you have none (Singapore sim 2026-10-18 B-10): whose, over each read-only pass. */
.fl-crew-passes { display: grid; gap: 0.75rem; margin-top: 0.6rem; }
.fl-crew-who { margin: 0 0 0.3rem; font-size: 0.8rem; font-weight: 700; color: #4f5a54; }
/* A row says it opens (web audit 2026-10-20 W-45): a chevron that turns when it's open, and a hover. */
.fl-row-hit { justify-content: flex-start; }
.fl-row-hit > .fl-row-side { margin-left: auto; }
.fl-row-hit::after { content: ""; flex: none; width: 0.5rem; height: 0.5rem; margin-left: 0.1rem; border-right: 2px solid #8a918b; border-bottom: 2px solid #8a918b; transform: rotate(-45deg); transition: transform 0.15s ease; }
.fl-row.is-open .fl-row-hit::after { transform: rotate(45deg); }
.fl-row-hit:hover { background: #fffaf0; }
.fl-row-hit:focus-visible { outline: 2px solid #1d5c63; outline-offset: -2px; }