/* v46 AI fill on "Add the confirmation" (DOC-FILL; boards Booking-Drop, Booking-Found, Booking-Row). Theme tokens only.
   The preview reuses the v45.1 capture pieces (.cap-leg .cap-date .cap-facts .cap-fact .cap-check); this file adds the
   privacy line under the card, the card's one-line notes, the bookings list and the headline names (each its own quiet
   edit target, flush on the sheet, never raised: only the card and Save are). */

/* "Read by Claude (Anthropic) to fill this in." and the one-line notes on the card (cap reached, nothing found) */
.fl-privacy{margin:10px 0 0;color:var(--ink-2);font:500 var(--fs-label)/1.4 var(--font);}
.fl-privacy[hidden],.fl-line[hidden],.fl-list[hidden]{display:none!important;}
.fl-line{margin:10px 0 0;color:var(--ink);font:400 var(--fs-body-sm)/1.45 var(--font);}

/* the bookings Claude read: one section each, 24 px apart, a hairline between two */
.fl-list{display:flex;flex-direction:column;gap:24px;margin-top:24px;}
.fl-bk+.fl-bk{padding-top:20px;border-top:1px solid var(--line);}

/* headline: a route (JFK to LAX) or a name; tap a value to edit it */
.fl-route{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;margin-top:2px;}
.fl-end{display:flex;flex-direction:column;min-width:0;}
.fl-stnrow{display:flex;align-items:center;gap:12px;min-width:0;}
.fl-stnrow .cap-hop{min-width:28px;}
.fl-name{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;max-width:100%;min-height:var(--tap);padding:0;border:0;background:none;color:var(--ink);text-align:left;cursor:pointer;font:600 var(--fs-title)/1.27 var(--font);letter-spacing:-.02em;-webkit-tap-highlight-color:transparent;}
.fl-name>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fl-name.fl-stn{flex:none;font:600 var(--fs-display)/1.2 var(--font);}
.fl-name.fl-stn>span:first-child{max-width:7.5em;}
.fl-name .cap-check{align-self:center;letter-spacing:0;}
.fl-small{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fl-bk .cap-edit{width:100%;}
.fl-check{margin:-4px 0 -4px 6px;vertical-align:middle;}

/* a long value (a carrier's full name, a room type with its "Check this") wraps inside its column, never under the next one */
.fl-bk .cap-fact{min-width:0;}
.fl-bk .cap-fact-v{flex-wrap:wrap;row-gap:4px;max-width:100%;white-space:normal;}
.fl-val{min-width:0;overflow-wrap:anywhere;}