/* bids.css — the bids screen. */
/* ── bids ── */
.bid{border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:10px;padding:14px 16px}
.bid.open{border-color:rgba(56,210,154,.4);background:color-mix(in srgb,var(--air) 5%,var(--surface))}
.bid.mine{border-color:var(--acc)}
.bid .bh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.bid .rt2{font-weight:700;font-size:17px}
.bid .no{font-family:var(--mono);font-size:11px;color:var(--faint)}
.bid .stt{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:3px 9px;border-radius:999px;flex:none}
.stt.open{background:rgba(56,210,154,.16);color:var(--air)}
.stt.shut{background:rgba(255,255,255,.05);color:var(--faint)}
.bid .when{color:var(--dim);font-size:12px;font-family:var(--mono);margin-top:5px}
.bid .seats{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.seat{font-family:var(--mono);font-size:11px;border:1px solid var(--line);background:var(--raise);border-radius:999px;padding:3px 9px;color:var(--dim)}
.seat.full{border-color:rgba(56,210,154,.4);color:var(--air)}
.bid .nt{margin-top:10px;font-size:12px;color:var(--trn);background:rgba(255,202,74,.07);border:1px solid rgba(255,202,74,.22);border-radius:8px;padding:7px 10px;line-height:1.5}
.bid .cl{margin-top:9px;font-size:11px;color:var(--faint);font-style:italic}
.youin{font-size:10px;font-weight:800;letter-spacing:.5px;background:var(--acc);color:var(--on-acc);padding:2px 7px;border-radius:999px}
/* What the bid is worth to the pilot reading it — their own figure, priced on
   the phone. Green: money the agreement pays in their favour (DESIGN.md). */
.bid .bv{margin-top:8px;font-size:12px;color:var(--dim);line-height:1.5}
.bid .bv b,.bvx b{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:700;color:var(--air)}
.bid .bv small,.bvx small{color:var(--faint);font-size:11px}
.bid .bv .muted,.bvx .muted{color:var(--faint)}
.bvx{font-size:12px;color:var(--dim);line-height:1.5}