.spot-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(56px, 1fr)); gap: .5rem; }
.spot { position: relative; display: inline-flex; align-items: center; justify-content: center; padding:.35rem; border-radius:.5rem; border:1px solid #ccc; user-select:none; }
.spot input { position:absolute; opacity:0; }
.spot span { font-weight:600; }
.spot.available { background:#f8fff8; }
.spot.reserved { background:#fff4d9; border-color:#e9b100; }
.spot.paid { background:#e6f4ff; border-color:#0d6efd; }
.spot.paid span { text-decoration: line-through; }