/* FIX11HZ74P · Guest seat selection shows two states: available (white, selectable) and not available (gray,
   not selectable). The guest's own picks stay scarlet so they can see what they chose. Why a seat is unavailable
   (sold, requested, held, reserved, restricted to another unit, table not open) is not shown to guests.
   Scoped to the guest page's seating board; the committee seating pages keep their colors. */
.public-seating-board .circular-seats .seat.available{background:#fff!important;color:#071a33!important;border:1.5px solid #3f6f9f!important;cursor:pointer!important}
.public-seating-board .circular-seats .seat.available:hover,
.public-seating-board .circular-seats .seat.available:focus-visible{background:#eef4fb!important;border-color:#1f4f80!important}
.public-seating-board .circular-seats .seat.unavailable,
.public-seating-board .circular-seats .seat.unavailable.pending,
.public-seating-board .circular-seats .seat.unavailable.sold,
.public-seating-board .circular-seats .seat.unavailable.reserved,
.public-seating-board .circular-seats .seat.unavailable.held,
.public-seating-board .circular-seats .seat.unavailable.locked,
.public-seating-board .circular-seats .seat.unavailable.reserved-occupied{background:#e5e7eb!important;color:#9aa3ae!important;border:1px solid #d5dae1!important;cursor:not-allowed!important;opacity:1!important;outline:none!important}
.public-seating-board .circular-seats .seat.selected{background:#8b1e2d!important;color:#fff!important;border-color:#68151f!important}
/* Tables: one look for all of them. A table with nothing left to pick just says "Not available". */
.public-seating-board .round-table.table-closed,
.public-seating-board .round-table.table-unit-restricted,
.public-seating-board .round-table.table-reserved{opacity:1!important}
.public-seating-board .round-table.table-no-availability .table-label small{color:#9aa3ae!important}
/* Legend */
.seat-key .seat-dot.available{background:#fff;border:1.5px solid #3f6f9f}
.seat-key .seat-dot.selected{background:#8b1e2d;border-color:#68151f}
.seat-key .seat-dot.unavailable{background:#e5e7eb;border-color:#d5dae1}
/* FIX11HZ74Q · Reserve first, then pay: the confirmation and payment step. */
.reserved-confirmation{margin-bottom:22px}
.reserved-confirmation h3{margin-top:4px}
.reserved-payment{margin-top:8px}
.payment-sent-callout{margin-top:16px;padding:14px 16px;border:1px solid #d6dde6;border-radius:12px;background:#f8fafc}
.payment-sent-callout .helper{margin:8px 0 0}
.payment-source-note{margin-top:8px;font-weight:600}
.reserve-note{margin-top:10px}