:root { --seat-size: 3rem; }
body { padding-bottom: 3rem; }
header.container { padding-top: 1.5rem; }
.event-meta { opacity: .75; margin-bottom: 1.25rem; }
.tables-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; }
.table-card { border: 1px solid var(--pico-muted-border-color); border-radius: var(--pico-border-radius); padding: 1rem; }
.seats { display: flex; flex-wrap: wrap; gap: .5rem; }
.seat { width: var(--seat-size); height: var(--seat-size); padding: 0; display: inline-grid; place-items: center; }
.seat.occupied { opacity: .35; cursor: not-allowed; }
.seat.selected { outline: 3px solid currentColor; outline-offset: 2px; }
.stats { display: flex; gap: 1rem; flex-wrap: wrap; margin: 1rem 0; }
.stats article { flex: 1 1 160px; margin: 0; }
.actions { display: flex; gap: .5rem; flex-wrap: wrap; }
.small { font-size: .9rem; opacity: .75; }
.admin-table { overflow-x: auto; }