.picked-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-top:4px}
.picked-heading .text-button{font-size:10px;padding:4px}
.picked-seats{list-style:none;padding:0;margin:9px 0 18px;display:grid;gap:7px;max-height:240px;overflow:auto;grid-column:1/-1}
.picked-seats li{display:flex;align-items:center;gap:8px;font-size:11px;padding:8px 10px;background:#f4f7f0;border-radius:7px;color:var(--green)}
.picked-seats small{font-size:9px;color:#9a8c72}
.pick-rank{display:grid;place-items:center;width:18px;height:18px;background:#e0e9d9;border-radius:50%;font-size:9px;flex-shrink:0}
.pick-actions{display:flex;gap:5px;margin-left:auto}
.pick-actions button{padding:2px 4px;border-radius:4px;background:transparent;color:var(--green);font-size:15px;line-height:1.1}
.pick-actions button:hover{background:#e0e9d9}
.map-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.map-help{font-size:10px;color:var(--muted)}
.map-controls>div{display:flex;gap:4px;align-items:center}
.map-controls button{background:#f3f6ef;color:var(--green);border:1px solid #e5ebdf;border-radius:6px;height:29px;min-width:29px;padding:0 8px;font-size:11px}
.map-controls button:disabled{cursor:default;opacity:.4}
.map-controls output{min-width:42px;text-align:center;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.seats-card{min-width:0;max-width:100%}
.map-viewport{height:460px;width:100%;min-width:0;max-width:100%;overflow:auto;overscroll-behavior:contain;border:1px solid #e5ebdf;border-radius:10px;background:#f7f8f4;scrollbar-color:#b6c5aa #f1f4ec;scrollbar-width:thin;position:relative}
.map-viewport:focus-visible{outline:2px solid #91b7a6;outline-offset:3px}
.seat-map-canvas{min-height:100%;width:max-content;min-width:100%}
.seat-map-canvas svg{display:block;max-width:none}
.map-background{fill:#f8faf5}
.map-seat{cursor:pointer;outline:none}
.map-seat rect{fill:#edf5e7;stroke:#6d8e59;stroke-width:1;transition:fill .12s,stroke .12s}
.map-seat-number{fill:#345328;font-weight:600;pointer-events:none;font-variant-numeric:tabular-nums}
.map-seat.occupied rect{fill:#e7e9e4;stroke:#b2b9aa}
.map-seat.occupied .map-seat-number{fill:#8f9787}
.map-seat:hover rect,.map-seat:focus-visible rect{stroke:#173f32;stroke-width:3}
.map-seat.selected rect{fill:#235c49;stroke:#c49a50;stroke-width:3}
.map-seat.selected .map-seat-number{fill:white}
.map-priority{fill:#e7c986;stroke:#fff;stroke-width:1;pointer-events:none}
.map-priority-number{fill:#4d472b;font-weight:700;pointer-events:none}
.map-seat.filtered{pointer-events:none}
.map-seat.filtered rect{fill:#fff;stroke:#fff;stroke-width:2}
.map-seat.filtered .map-seat-number{opacity:0}
.unmapped-seats{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.unmapped-seats .seat{width:39px;height:31px}
.seats-card .map-footer{gap:10px;line-height:1.7}
@media(max-width:800px){.picked-heading{grid-column:1/-1}.map-viewport{height:420px}}
@media(max-width:560px){.map-viewport{height:360px}.map-controls{gap:8px}.map-controls>div{margin-left:auto}.map-help{font-size:9px}.map-label{line-height:1.7}.map-label span{display:inline;font-size:8px;max-width:160px;text-align:right}.seats-card .map-footer{font-size:8px;align-items:start}.map-controls button{height:31px}.picked-seats{max-height:190px}}