/*
 * The console's booking page, drawn to the user's design (5 Oct 2026).
 * Light only, like the rest of the console's look. Served as a panel asset
 * (public/css/app/admin-booking.css), never inlined into the page.
 */

.cb-page { --cb-ink: #111827; --cb-body: #374151; --cb-muted: #6b7280; --cb-faint: #9ca3af; --cb-line: #eceef3; --cb-rule: #f0f1f5; --cb-soft: #f7f8fb; --cb-brand: #4f39f6; --cb-brand-ink: #4330d9; --cb-tint: #f1eefe; --cb-green: #16a34a; --cb-red: #e11d48; }
.cb-page.fi-page { padding-block: .2rem 1.6rem; }
.fi-main:has(.cb-page) { padding-inline: 2.65rem 1rem; }
.cb { font-size: 13px; color: var(--cb-body); }
.cb [x-cloak] { display: none !important; }
.cb a { color: inherit; text-decoration: none; }
.cb a:hover { color: var(--cb-brand); }
.cb dl, .cb dd, .cb p, .cb ol { margin: 0; }

/* ------------------------------------------------------------- layout */

/* Two columns, the wide one about two thirds. The side column starts level
   with the line under the title; the header's buttons sit above it and run
   left over the wide column, as the design draws them. */
.cb-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 1rem; align-items: start; }
.cb-main, .cb-side { display: grid; gap: .85rem; min-width: 0; }
.cb-side { position: relative; padding-top: 3.7rem; }
.cb-head-actions { position: absolute; top: 0; right: 0; display: flex; align-items: center; gap: .6rem; white-space: nowrap; z-index: 5; }

/* ------------------------------------------------------------- header */

.cb-head { padding: 0 .7rem; display: grid; gap: .3rem; }
.cb-crumbs { display: flex; align-items: center; gap: .45rem; font-size: 13px; color: var(--cb-muted); }
.cb-crumbs a:hover { color: var(--cb-brand); }
.cb-crumbs-i { width: 14px; height: 14px; color: var(--cb-faint); }
.cb-title { display: flex; flex-wrap: wrap; align-items: center; gap: .9rem; margin: .1rem 0 0; font-size: 26px; line-height: 1.2; font-weight: 700; letter-spacing: -.01em; color: var(--cb-ink); }
.cb-sub { font-size: 13.5px; color: var(--cb-muted); }
.cb-sep { margin-inline: .4rem; color: var(--cb-faint); }

/* ------------------------------------------------------------- pills, chips */

.cb-pill { display: inline-flex; align-items: center; padding: .22rem .7rem; border-radius: 999px; font-size: 12.5px; font-weight: 600; line-height: 1.35; letter-spacing: 0; white-space: nowrap; }
.cb-title .cb-pill { font-size: 13px; padding: .26rem .75rem; }
.cb-pill.is-green { background: #e6f7ec; color: #15803d; }
.cb-pill.is-amber { background: #fef3e2; color: #b45309; }
.cb-pill.is-blue { background: #e8f0fe; color: #1d4ed8; }
.cb-pill.is-violet { background: var(--cb-tint); color: var(--cb-brand-ink); }
.cb-pill.is-red { background: #fde8ec; color: #be123c; }
.cb-pill.is-gray { background: #f1f2f6; color: #4b5563; }

.cb-chip { display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .65rem; border-radius: 7px; border: 1px solid var(--cb-line); background: #fff; font-size: 12px; font-weight: 500; color: var(--cb-body); white-space: nowrap; }
.cb-chip svg { width: 13px; height: 13px; color: var(--cb-muted); }
.cb-chip.is-violet { border-color: transparent; background: var(--cb-tint); color: var(--cb-brand-ink); font-weight: 600; }

/* ------------------------------------------------------------- buttons */

.cb-btn-wrap { display: inline-flex; min-width: 0; }
.cb-btn { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; height: 40px; padding: 0 1.05rem; border-radius: 8px; font-size: 13px; font-weight: 600; line-height: 1; white-space: nowrap; transition: background .12s, box-shadow .12s, color .12s; }
.cb-btn-i { width: 18px; height: 18px; flex: none; }
.cb-btn:disabled { opacity: .55; cursor: not-allowed; }
.cb-btn.is-primary { background: var(--cb-brand); color: #fff; box-shadow: 0 6px 14px -8px rgb(79 57 246 / .8); }
.cb-btn.is-primary:hover:not(:disabled) { background: var(--cb-brand-ink); }
.cb-btn.is-outline { background: #fff; color: var(--cb-ink); box-shadow: 0 0 0 1px #e4e6ec, 0 1px 2px rgb(17 24 39 / .04); }
.cb-btn.is-outline:hover:not(:disabled) { background: var(--cb-soft); }
.cb-btn.is-outline .cb-btn-i { color: #4b5563; }
.cb-btn.is-outline.is-danger .cb-btn-i { color: var(--cb-red); }
.cb-btn.is-icon { width: 44px; padding: 0; }
.cb-btn.is-tint { background: var(--cb-tint); color: var(--cb-brand-ink); }
.cb-btn.is-tint:hover:not(:disabled) { background: #e7e2fd; }
.cb-btn.is-tint.is-danger { background: #fdecef; color: var(--cb-red); }
.cb-btn.is-tint.is-danger:hover:not(:disabled) { background: #fbdde3; }
.cb-btn.is-primary.is-danger { background: var(--cb-red); box-shadow: 0 6px 14px -8px rgb(225 29 72 / .8); }

/* ------------------------------------------------------------- cards */

.cb-card { min-width: 0; padding: .8rem 1.1rem 1rem; border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgb(17 24 39 / .04), 0 0 0 1px var(--cb-line); }
.cb-card-head { display: flex; align-items: center; gap: .7rem; padding-bottom: .65rem; margin-bottom: .85rem; border-bottom: 1px solid var(--cb-rule); }
.cb-card-head h2 { margin: 0; font-size: 15px; font-weight: 700; color: var(--cb-ink); letter-spacing: -.005em; }
.cb-head-pill { margin-left: auto; }
.cb-ico { display: grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 9px; background: var(--cb-tint); color: var(--cb-brand); }
.cb-ico svg { width: 19px; height: 19px; }
.cb-empty { font-size: 13px; color: var(--cb-muted); }
.cb-muted { color: var(--cb-faint); }

/* Label over value, as every card has them. */
.cb-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem 1rem; }
.cb-facts.is-three, .cb-facts.is-party { grid-template-columns: 1fr 1.05fr 1.25fr; }
.cb-facts.is-details { grid-template-columns: 1.55fr 1fr 1fr; }
.cb-facts dt { margin-bottom: .3rem; font-size: 13px; color: var(--cb-muted); }
.cb-facts dd { display: flex; flex-wrap: wrap; align-items: center; gap: .1rem .3rem; font-size: 13.5px; font-weight: 600; color: var(--cb-ink); overflow-wrap: anywhere; }
.cb-facts dd.is-plain { font-weight: 500; }
.cb-facts dd.is-caps { text-transform: uppercase; }
.cb-facts dd.is-mono { letter-spacing: .02em; }
.cb-facts dd.is-lines { white-space: pre-line; display: block; line-height: 1.5; }
.cb-facts dd.is-danger { color: var(--cb-red); }
.cb-facts .cb-wide { grid-column: span 2; }
.cb-facts .cb-full { grid-column: 1 / -1; }
.cb-facts .cb-two { grid-column: span 2; }
.cb-facts.is-party .cb-wide { grid-column: 1 / span 2; }
.cb-copy { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 6px; color: var(--cb-faint); vertical-align: middle; }
/* Out of the way until the value is pointed at, where a pointer can point. */
@media (hover: hover) { .cb-copy { opacity: 0; transition: opacity .12s; } .cb-facts dd:hover .cb-copy, .cb-copy:focus-visible { opacity: 1; } }
.cb-copy:hover { background: var(--cb-soft); color: var(--cb-brand); }
.cb-copy svg { width: 14px; height: 14px; }

/* The supplier's name, as close to its mark as text gets. */
.cb-wordmark { font-size: 15px; font-weight: 700; color: var(--cb-ink); }
.cb-wordmark[data-code="SABRE"] { font-size: 21px; font-weight: 800; font-style: italic; letter-spacing: -.03em; color: #e1251b; }
.cb-wordmark[data-code="TRAVELPORT"] { font-size: 17px; font-weight: 800; letter-spacing: -.02em; color: #5a2d82; }
.cb-wordmark[data-code="AMADEUS"] { font-size: 17px; font-weight: 800; font-style: italic; letter-spacing: -.01em; color: #1c2ea0; }

/* ------------------------------------------------------------- itinerary */

.cb-slice + .cb-slice { margin-top: 1.1rem; padding-top: 1.1rem; border-top: 1px dashed var(--cb-line); }
.cb-slice-head { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: .7rem; font-size: 13px; color: var(--cb-muted); }
.cb-slice-head b { color: var(--cb-ink); margin-right: .2rem; }
.cb-layover { display: flex; align-items: center; gap: .45rem; margin: .35rem 0 .35rem 5.6rem; padding: .45rem .7rem; border-radius: 8px; background: #fff8eb; color: #92400e; font-size: 12.5px; font-weight: 500; }
.cb-layover svg { width: 15px; height: 15px; }
.cb-seg { display: grid; grid-template-columns: 58px 26px minmax(0, 1fr); gap: 0 .65rem; }
.cb-seg + .cb-seg { margin-top: .9rem; }
.cb-date { align-self: start; display: grid; justify-items: center; align-content: start; gap: .05rem; padding: .7rem 0 .6rem; border-radius: 9px; background: var(--cb-soft); text-align: center; }
.cb-date b { font-size: 21px; line-height: 1.1; font-weight: 700; color: var(--cb-ink); }
.cb-date span { font-size: 11.5px; color: var(--cb-muted); letter-spacing: .04em; }
.cb-date small { margin-top: .3rem; font-size: 12.5px; color: var(--cb-muted); }
.cb-rail { position: relative; display: flex; justify-content: center; }
.cb-rail::before { content: ""; position: absolute; top: 22px; bottom: -6px; width: 2px; background: #ddd8fb; }
.cb-rail i { position: relative; margin-top: 10px; width: 14px; height: 14px; border-radius: 999px; background: #fff; box-shadow: 0 0 0 3px #ddd8fb inset, 0 0 0 3px #f1eefe; }
.cb-seg-body { min-width: 0; display: grid; gap: .6rem; padding-bottom: .1rem; }
.cb-seg-top { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; }
.cb-logo { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 999px; overflow: hidden; background: #f3f4f6; font-size: 11px; font-weight: 700; color: var(--cb-muted); }
.cb-logo img { width: 100%; height: 100%; object-fit: contain; }
.cb-flight { display: grid; gap: .1rem; min-width: 9rem; }
.cb-flight b { font-size: 15px; font-weight: 700; color: var(--cb-ink); }
.cb-flight span { font-size: 13px; color: var(--cb-muted); }
.cb-chips { display: flex; flex-wrap: wrap; gap: .6rem; margin-left: 1.2rem; }
.cb-legs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(8rem, 1.6fr) minmax(0, 1fr); align-items: center; gap: 1rem; }
.cb-port { display: grid; gap: .12rem; min-width: 0; }
.cb-port b { font-size: 15px; font-weight: 700; color: var(--cb-ink); }
.cb-port strong { margin-top: .35rem; font-size: 16px; font-weight: 700; color: var(--cb-ink); }
.cb-port span { font-size: 13px; color: var(--cb-muted); }
.cb-legs .cb-port:last-child { padding-left: 1.5rem; }
.cb-span { display: grid; justify-items: center; gap: .3rem; font-size: 12.5px; color: var(--cb-muted); }
.cb-span i { position: relative; display: block; width: 100%; height: 1px; background: #c9cdd6; }
.cb-span i::before, .cb-span i::after { content: ""; position: absolute; top: -3.5px; width: 7px; height: 7px; border-top: 1.5px solid #9aa1ad; border-left: 1.5px solid #9aa1ad; }
.cb-span i::before { left: 0; transform: rotate(-45deg); }
.cb-span i::after { right: 0; transform: rotate(135deg); }
.cb-bags { font-size: 12px; color: var(--cb-muted); }

/* ------------------------------------------------------------- travellers */

.cb-table-wrap { overflow-x: auto; }
.cb-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.cb-table th { padding: .6rem .75rem; text-align: left; font-size: 12.5px; font-weight: 600; color: var(--cb-body); background: var(--cb-soft); white-space: nowrap; }
.cb-table th:first-child { border-radius: 8px 0 0 8px; width: 2.5rem; }
.cb-table th:last-child { border-radius: 0 8px 8px 0; }
.cb-table td { padding: .7rem .75rem; color: var(--cb-ink); border-bottom: 1px solid var(--cb-rule); white-space: nowrap; }
.cb-table tr:last-child td { border-bottom: 0; }
.cb-table .cb-name { text-transform: uppercase; font-weight: 500; }
.cb-table .cb-name small { display: block; margin-top: .2rem; font-size: 11.5px; text-transform: none; color: var(--cb-muted); white-space: normal; }

/* ------------------------------------------------------------- figures */

.cb-figures { display: grid; grid-template-columns: auto auto auto auto auto; justify-content: space-between; align-items: center; gap: .5rem; }
.cb-figures > div { min-width: 0; padding: .4rem .5rem; }
.cb-figures dt { margin-bottom: .45rem; font-size: 13px; color: var(--cb-muted); white-space: nowrap; }
.cb-figures dd { font-size: 14.5px; font-weight: 700; color: var(--cb-ink); white-space: nowrap; }
.cb-figures dd.is-plain { font-size: 13.5px; font-weight: 500; white-space: normal; }
.cb-figures .cb-total { padding: .7rem 1rem; border-radius: 10px; background: #f3f1ff; }
.cb-figures .cb-total dd { font-size: 20px; font-weight: 700; letter-spacing: -.01em; }
.cb-figures.is-payment { grid-template-columns: auto auto auto minmax(0, 11rem) auto; align-items: start; }
.cb-figures .cb-paid { padding: .65rem 1rem; border-radius: 10px; background: #ecfaf1; }
.cb-figures .cb-paid dt { color: #4b6b57; }
.cb-figures .cb-paid dd { font-size: 18px; font-weight: 700; color: #15803d; }
.cb-notes { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.1rem; margin-top: .9rem; padding-top: .8rem; border-top: 1px dashed var(--cb-line); font-size: 12.5px; color: var(--cb-muted); }
.cb-notes span { display: inline-flex; align-items: center; gap: .35rem; }
.cb-notes b { color: var(--cb-ink); font-weight: 600; }
.cb-notes svg { width: 13px; height: 13px; }

/* ------------------------------------------------------------- documents */

.cb-docs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.cb-doc { display: flex; align-items: center; gap: .9rem; padding: .75rem .9rem; border-radius: 10px; box-shadow: 0 0 0 1px var(--cb-line); }
.cb-doc-ico { position: relative; display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 9px; background: #fdecec; color: #dc2626; }
.cb-doc-ico svg { width: 26px; height: 26px; }
.cb-doc-ico i { position: absolute; bottom: 13px; font-size: 7px; font-style: normal; font-weight: 800; letter-spacing: .02em; }
.cb-doc-text { display: grid; gap: .15rem; min-width: 0; flex: 1; }
.cb-doc-text b { font-size: 14px; font-weight: 700; color: var(--cb-ink); }
.cb-doc-text span { font-size: 13px; color: var(--cb-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cb-doc-text small { font-size: 12px; color: var(--cb-faint); }
.cb-doc-get { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 9px; background: #fff; color: var(--cb-body); box-shadow: 0 0 0 1px #e4e6ec; }
.cb-doc-get:hover { background: var(--cb-soft); color: var(--cb-brand); }
.cb-doc-get svg { width: 18px; height: 18px; }

/* ------------------------------------------------------------- status & actions */

.cb-status { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem .8rem; font-size: 13px; color: var(--cb-muted); }
.cb-limit { display: flex; gap: .5rem; margin-top: .75rem; padding: .6rem .75rem; border-radius: 8px; background: var(--cb-soft); font-size: 12.5px; line-height: 1.45; color: var(--cb-body); }
.cb-limit svg { flex: none; width: 16px; height: 16px; margin-top: .1rem; color: var(--cb-muted); }
.cb-limit b { color: var(--cb-ink); margin-right: .25rem; }
.cb-limit.is-urgent { background: #fff1f2; color: #9f1239; }
.cb-limit.is-urgent svg, .cb-limit.is-urgent b { color: #be123c; }
.cb-moves { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .65rem; margin-top: 1rem; }
.cb-moves .cb-btn-wrap { grid-column: span 2; }
.cb-moves .cb-btn-wrap:has(.is-wide), .cb-moves .cb-btn-wrap.is-half { grid-column: span 3; }
.cb-moves .cb-btn-wrap.is-whole { grid-column: 1 / -1; }
.cb-moves .cb-btn { width: 100%; height: 42px; padding: 0 .35rem; gap: .4rem; font-size: 12.5px; }
.cb-moves .cb-btn-i { width: 17px; height: 17px; }
.cb-moves .cb-btn span { overflow: hidden; text-overflow: ellipsis; }

/* ------------------------------------------------------------- after-sales */

.cb-quote { display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem .8rem; margin-top: 1rem; padding: .8rem .9rem; border-radius: 10px; background: #fff8eb; box-shadow: 0 0 0 1px #fde7c2; font-size: 13px; color: var(--cb-body); }
.cb-quote b { font-size: 16px; color: var(--cb-ink); }
.cb-quote small { flex-basis: 100%; font-size: 12px; color: var(--cb-muted); }

/* ------------------------------------------------------------- history */

.cb-timeline { list-style: none; padding: 0; position: relative; }
.cb-timeline::before { content: ""; position: absolute; left: 7px; top: 8px; bottom: 8px; width: 2px; background: var(--cb-rule); }
.cb-timeline li { position: relative; padding: 0 0 1rem 1.75rem; }
.cb-timeline li:last-child { padding-bottom: 0; }
.cb-tl-dot { position: absolute; left: 1px; top: 3px; width: 14px; height: 14px; border-radius: 999px; background: #fff; border: 3px solid #c7cbd4; }
.cb-timeline li.is-green .cb-tl-dot { border-color: #22c55e; }
.cb-timeline li.is-blue .cb-tl-dot { border-color: #3b82f6; }
.cb-timeline li.is-amber .cb-tl-dot { border-color: #f59e0b; }
.cb-timeline li.is-red .cb-tl-dot { border-color: #f43f5e; }
.cb-tl-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .8rem; }
.cb-tl-head b { font-size: 13.5px; color: var(--cb-ink); }
.cb-tl-head time { font-size: 12px; color: var(--cb-muted); font-variant-numeric: tabular-nums; }
.cb-timeline p { margin-top: .15rem; font-size: 12.5px; line-height: 1.5; color: var(--cb-body); }
.cb-timeline small { display: block; margin-top: .15rem; font-size: 12px; color: var(--cb-muted); }

/* ------------------------------------------------------------- Filament entries in the same cards */

.cb-entries:not(:has(.fi-section)) { display: none; }
.cb-entries .fi-sc { gap: 1rem; }
.cb-entries .fi-section { border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgb(17 24 39 / .04), 0 0 0 1px var(--cb-line); }
.cb-entries .fi-section-header { padding: .95rem 1.15rem .8rem; margin-inline: 0; border-bottom: 1px solid var(--cb-rule); gap: .75rem; }
.cb-entries .fi-section-header-icon { box-sizing: content-box; width: 19px; height: 19px; padding: 7.5px; border-radius: 9px; background: var(--cb-tint); color: var(--cb-brand); }
.cb-entries .fi-section-header-heading { font-size: 15px; font-weight: 700; color: var(--cb-ink); }
.cb-entries .fi-section-header-description { font-size: 12.5px; color: var(--cb-muted); }
.cb-entries .fi-section-content-ctn { border-top: 0; }
.cb-entries .fi-section-content { padding: 1rem 1.15rem 1.15rem; }
.cb-entries .fi-in-entry-label, .cb-entries .fi-fo-field-label-content { font-size: 13px; font-weight: 400; color: var(--cb-muted); }
.cb-entries .fi-in-text-item { font-size: 13.5px; font-weight: 600; color: var(--cb-ink); }

/* ------------------------------------------------------------- narrower screens */

/* The buttons stop running over the wide column and sit in their own row. */
@media (max-width: 1279px) {
    .cb-side { padding-top: 0; }
    .cb-head-actions { position: static; flex-wrap: wrap; justify-content: flex-start; white-space: normal; padding-bottom: .1rem; }
    .cb-figures { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .cb-figures.is-payment { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* One column: header, buttons, the journey and money, then the rest. */
@media (max-width: 1023px) {
    .fi-main:has(.cb-page) { padding-inline: 1rem; }
    /* The two columns give up their boxes so the buttons can follow the title. */
    .cb-layout { grid-template-columns: minmax(0, 1fr); }
    .cb-main, .cb-side { display: contents; }
    .cb-head { order: 0; }
    .cb-head-actions { order: 1; }
    .cb-main > .cb-card, .cb-main > .cb-entries { order: 2; }
    .cb-side > .cb-card { order: 3; }
    .cb-facts.is-three, .cb-facts.is-party, .cb-facts.is-details { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cb-facts.is-party .cb-wide { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
    .cb-title { font-size: 21px; }
    .cb-figures, .cb-figures.is-payment { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cb-figures .cb-total, .cb-figures .cb-paid { grid-column: 1 / -1; }
    .cb-docs { grid-template-columns: minmax(0, 1fr); }
    .cb-seg { grid-template-columns: 50px 18px minmax(0, 1fr); }
    .cb-chips { margin-left: 0; }
    .cb-legs { grid-template-columns: minmax(0, 1fr) minmax(4.5rem, .8fr) minmax(0, 1fr); gap: .5rem; }
    .cb-legs .cb-port:last-child { padding-left: 0; }
    .cb-layover { margin-left: 0; }
    .cb-moves .cb-btn-wrap, .cb-moves .cb-btn-wrap:has(.is-wide) { grid-column: span 3; }
    .cb-head-actions .cb-btn-wrap, .cb-head-actions .cb-btn { flex: 1 1 auto; }
}

/* Booked from (IP): red outside the home country. */
.cb-ip { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .6rem; }
.cb-ip-flag { font-size: 1rem; line-height: 1; }
.cb-ip-place { color: #64748b; }
.cb-ip.is-outside .is-mono, .cb-ip.is-outside .cb-ip-place { color: #dc2626; font-weight: 600; }
.cb-muted { color: #94a3b8; }

/* Travellers: every detail, copy on the names, passport and ticket; baggage under each. */
.cb-table.is-pax td { white-space: nowrap; }
.cb-table.is-pax td .cb-copy { margin-left: .3rem; vertical-align: middle; }
.cb-table td.is-mono { letter-spacing: .02em; font-variant-numeric: tabular-nums; }
.cb-exp.is-red { color: var(--cb-red); font-weight: 600; }
.cb-exp.is-amber { color: #b45309; font-weight: 600; }
.cb-pax-more td { padding-top: 0 !important; border-top: 0 !important; white-space: normal !important; }
.cb-pax-bags { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .25rem .75rem; color: var(--cb-body); font-size: .8rem; margin-right: .5rem; }
.cb-pax-bags svg { width: 14px; height: 14px; color: var(--cb-brand); }
.cb-pax-more .cb-chip { margin-right: .4rem; }