.seat-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;margin:1.25rem 0;max-width:560px}.seat{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-secondary);font-family:inherit;font-size:.75rem;font-weight:700;cursor:pointer;padding:0;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .1s ease,box-shadow .15s ease}.seat:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-text-primary);transform:translateY(-1px)}.seat:focus-visible{outline:none;box-shadow:var(--shadow-accent-glow)}.seat--held{background:rgba(245,165,36,.16);border-color:var(--color-warning);color:var(--color-warning);cursor:not-allowed}.seat--held:hover{transform:none}.seat--mine{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast);box-shadow:var(--shadow-accent-glow)}.seat--mine:hover,.seat--pending{border-color:var(--color-accent-hover);background:var(--color-accent-hover);color:var(--color-accent-contrast)}.seat--pending{box-shadow:var(--shadow-accent-glow)}.seat--booked{background:var(--color-bg);cursor:not-allowed;opacity:.6;text-decoration:line-through}.seat--booked,.seat--booked:hover{border-color:var(--color-border);color:var(--color-text-muted)}.seat--booked:hover{transform:none}.seat--blocked{background:var(--color-bg-elevated-hover);cursor:not-allowed}.seat--blocked,.seat--blocked:hover{border-color:var(--color-border);color:var(--color-text-muted)}.seat--blocked:hover{transform:none}.seat--compact{width:22px;height:22px;border-radius:5px;font-size:.55rem;overflow:hidden}.seat-legend{display:flex;flex-wrap:wrap;gap:18px;margin:.5rem 0 1.25rem;font-size:.85rem;color:var(--color-text-secondary)}.seat-legend-item{display:inline-flex;align-items:center;gap:8px}.seat-legend-swatch{width:16px;height:16px;border-radius:5px;border:1px solid var(--color-border);background:var(--color-bg-elevated);flex-shrink:0}.seat-legend-swatch--held{background:rgba(245,165,36,.16);border-color:var(--color-warning)}.seat-legend-swatch--mine{background:var(--color-accent);border-color:var(--color-accent)}.seat-legend-swatch--booked{background:var(--color-bg);border-color:var(--color-border);opacity:.6}.seat-legend-swatch--blocked{background:var(--color-bg-elevated-hover);border-color:var(--color-border)}.seat-map-viewport{touch-action:none;user-select:none}.seat-map-canvas{transform-origin:0 0}.seat-confirm-backdrop{position:fixed;inset:0;z-index:40;background:rgb(0 0 0/50%)}.seat-confirm-sheet{position:fixed;z-index:41;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:420px;border:1px solid var(--color-border);border-bottom:none;border-radius:18px 18px 0 0;background:var(--color-bg-elevated);box-shadow:var(--shadow-card);padding:8px 20px 24px}.seat-confirm-grabber{width:36px;height:4px;margin:10px auto 18px;border-radius:999px;background:var(--color-border)}