.booking-flow-modern,.seat-picker-reservation,.seat-picker-selected{--seat-brand: var(--brand-primary, rgb(var(--primary)));--seat-brand-soft: color-mix(in srgb, var(--seat-brand) 8%, transparent);--seat-brand-border: color-mix(in srgb, var(--seat-brand) 40%, transparent);--seat-radius: var(--portal-radius, 10px);--seat-border: var(--booking-border, rgb(var(--border) / .58));--seat-panel: var(--booking-panel, rgb(var(--card) / .52));--seat-surface: var(--booking-surface, rgb(var(--card) / .96));--seat-text: var(--booking-foreground, rgb(var(--foreground)));--seat-muted: var(--booking-muted, rgb(var(--muted-foreground)))}.seat-picker-shell{position:relative;overflow:clip;border:1px solid var(--seat-border);border-radius:var(--seat-radius);background:var(--seat-panel);color:var(--seat-text)}.seat-picker-shell button{cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,color .15s}.seat-picker-shell button:disabled{cursor:default;opacity:.45}.seat-picker-shell :focus-visible,.seat-picker-summary-toggle:focus-visible,.seat-picker-summary-drawer button:focus-visible{outline:2px solid var(--seat-brand);outline-offset:-2px;box-shadow:0 0 0 3px var(--seat-brand-soft)}.seat-picker-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.seat-picker-hall{display:flex;align-items:center;gap:10px;color:var(--seat-muted);font-size:12px;font-weight:500}.seat-picker-hall select{min-height:44px;max-width:210px;padding:8px 12px;color:var(--seat-text);font:inherit}.seat-picker-modes{display:flex;gap:3px;margin-inline-start:auto;padding:3px;border:1px solid var(--seat-border);border-radius:999px;background:var(--seat-panel)}.seat-picker-modes button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--seat-muted);font-size:12px;font-weight:600;white-space:nowrap}.seat-picker-modes button svg{width:15px;height:15px;flex:none}.seat-picker-mode-compact{display:none}.seat-picker-modes button:hover{color:var(--seat-text);background:var(--seat-panel)}.seat-picker-modes button[aria-pressed=true]{background:var(--seat-brand);border-color:var(--seat-brand);color:#fff}.seat-picker-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding:0 14px 12px;color:var(--seat-muted);font-size:11px}.seat-picker-legend span,.seat-picker-categories>span{display:inline-flex;align-items:center;gap:6px}.seat-picker-legend i,.seat-picker-categories i{display:inline-block;width:9px;height:9px;flex:none;border-radius:3px}.seat-picker-legend .is-available{background:#2563eb}.seat-picker-legend .is-selected{background:#059669;outline:1px solid #059669;outline-offset:2px}.seat-picker-legend .is-held{background:#d97706}.seat-picker-legend .is-sold{background:#64748b}.seat-picker-legend .is-blocked{background:#cbd5e1;border:1px dashed #64748b}.seat-picker-viewport{position:relative;height:clamp(340px,48vh,580px);overflow:hidden;border-block:1px solid var(--seat-border);background:#f8fafc}.seat-picker-canvas{position:absolute;inset:0;direction:ltr;touch-action:none;overflow:hidden;outline:none}.seat-picker-canvas canvas{display:block;max-width:100%}.seat-picker-navigation{position:absolute;inset-block-start:12px;inset-inline-end:12px;display:flex;gap:2px;padding:3px;border:1px solid var(--seat-border);border-radius:999px;background:var(--seat-surface);box-shadow:0 4px 16px #0000001a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.seat-picker-navigation button{min-width:44px;min-height:44px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--seat-text);font-size:14px;font-weight:600}.seat-picker-navigation button:hover{background:var(--seat-brand-soft);color:var(--seat-brand)}.seat-picker-map-hint{position:absolute;inset-block-end:12px;inset-inline:14px;width:fit-content;max-width:calc(100% - 28px);margin:0 auto;padding:6px 10px;border:1px solid var(--seat-border);border-radius:999px;background:var(--seat-surface);color:var(--seat-muted);text-align:center;font-size:11px;line-height:1.4;pointer-events:none}.seat-picker-exit-view{position:absolute;inset-block-start:70px;inset-inline-end:12px;min-height:44px;padding:8px 12px;border:1px solid var(--seat-border);border-radius:999px;background:var(--seat-surface);color:var(--seat-text);font-size:12px}.seat-picker-progress{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.seat-picker-progress>.seat-picker-ticket{flex:1;min-width:160px;gap:12px;padding:10px 12px}.seat-picker-ticket .v2-ticket-accent{min-height:30px;margin:0;background:var(--seat-brand)}.seat-picker-ticket small{display:block;margin-top:3px;color:var(--seat-muted);font-size:11px}.seat-picker-ticket-count{flex:none;padding:6px 10px;border:1px solid var(--seat-border);border-radius:999px;background:var(--seat-panel);color:var(--seat-text);font-size:12px;font-variant-numeric:tabular-nums;direction:ltr;white-space:nowrap}.seat-picker-ticket.is-complete{border-color:var(--seat-brand-border)}.seat-picker-ticket.is-complete .seat-picker-ticket-count{border-color:var(--seat-brand-border);background:var(--seat-brand-soft);color:var(--seat-text)}.assigned-seat-step .assigned-seat-counter{border-radius:999px;padding:6px 10px;font-size:11px;direction:ltr}.assigned-seat-step .assigned-seat-counter strong{font-size:14px}.seat-picker-inspector{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-block-start:1px solid var(--seat-border);background:rgb(var(--card))}.dark .seat-picker-inspector{background:#0d0d14}.seat-picker-inspector>div{flex:1;min-width:0}.seat-picker-inspector strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.seat-picker-inspector small{display:block;margin-top:4px;color:var(--seat-muted);font-size:11px;line-height:1.4}.seat-picker-inspector button,.seat-picker-pages button{min-height:44px;padding:8px 14px;border:1px solid var(--seat-border);border-radius:999px;background:var(--seat-panel);color:var(--seat-text);font:inherit;font-size:12px;font-weight:600}.seat-picker-inspector>button:not(.seat-picker-perspective):not(.seat-picker-inspector-close){border-color:var(--seat-brand-border);background:var(--seat-brand-soft);color:var(--seat-text)}.seat-picker-inspector .seat-picker-inspector-close{min-width:44px;padding:6px;border:0;background:transparent;color:var(--seat-muted);font-size:20px}.seat-picker-inspector .seat-picker-perspective{padding:7px 10px;color:var(--seat-muted);font-size:11px}.seat-picker-categories{display:flex;flex-wrap:wrap;gap:10px;padding:10px 14px;border-block-start:1px solid var(--seat-border);color:var(--seat-muted);font-size:11px}.seat-picker-list{padding:14px}.seat-picker-search{display:block;color:var(--seat-muted);font-size:12px;font-weight:500}.seat-picker-search input{display:block;width:100%;min-height:44px;margin-top:7px;padding:9px 12px;font:inherit;font-size:14px}.seat-picker-filters{display:flex;flex-wrap:wrap;gap:6px 18px;padding:6px 0;color:var(--seat-muted);font-size:12px}.seat-picker-filters label{display:flex;align-items:center;gap:8px;min-height:44px}.seat-picker-filters input{width:18px;height:18px;accent-color:var(--seat-brand)}.seat-picker-list-items{max-height:460px;overflow:auto;overscroll-behavior:contain;padding:3px}.seat-picker-list-items button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:64px;margin-bottom:6px;padding:10px 12px;border:1px solid var(--seat-border);border-radius:var(--seat-radius);background:linear-gradient(135deg,rgb(var(--background) / .4),rgb(var(--background) / .15));color:var(--seat-text);text-align:start}.dark .seat-picker-list-items button{background:linear-gradient(135deg,#ffffff0b,#ffffff04)}.seat-picker-list-items button:not(:disabled):hover{border-color:var(--seat-brand-border)}.seat-picker-list-items button.is-selected{border-color:var(--seat-brand-border);background:var(--seat-brand-soft);opacity:1}.seat-picker-list-items strong{display:block;font-size:13px;line-height:1.4}.seat-picker-list-items small{display:block;margin-top:4px;color:var(--seat-muted);font-size:11px}.seat-picker-list-price{text-align:end;white-space:nowrap}.seat-picker-pages{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;color:var(--seat-muted);font-size:12px}.seat-picker-reservation{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:12px 14px;border:1px solid var(--seat-brand-border);border-radius:var(--seat-radius);background:var(--seat-brand-soft);color:var(--seat-text)}.seat-picker-reservation>div{min-width:0}.seat-picker-reservation>div>strong{font-size:13px;font-weight:600}.seat-picker-reservation small{display:block;margin-top:4px;color:var(--seat-muted);font-size:11px;line-height:1.5}.seat-picker-reservation .seat-picker-reserved-labels{color:var(--seat-text);font-weight:500;overflow-wrap:anywhere}.seat-picker-reservation>[role=timer]{flex:none;padding:6px 12px;border:1px solid var(--seat-brand-border);border-radius:999px;background:var(--seat-panel);color:var(--seat-text);font-size:20px;line-height:1.2;font-variant-numeric:tabular-nums;direction:ltr}.seat-picker-reservation.is-ending{border-color:#f59e0b59;background:#f59e0b12}.seat-picker-reservation.is-ending>[role=timer]{border-color:#f59e0b59;color:#b45309}.dark .seat-picker-reservation.is-ending>[role=timer]{color:#fcd34d}.seat-picker-connection{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:12px;border:1px solid rgb(245 158 11 / .25);border-radius:var(--seat-radius);background:#f59e0b12;color:var(--seat-text);font-size:12px;line-height:1.5}.seat-picker-connection button,.seat-picker-connection a{display:inline-flex;align-items:center;min-height:44px;border:0;background:transparent;color:var(--seat-brand);font:inherit;font-weight:600;text-decoration:underline;white-space:nowrap}.seat-picker-purchase-state{flex-wrap:wrap}.seat-picker-purchase-state>span{flex-basis:100%}.seat-picker-selected{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px;font-size:12px}.seat-picker-selected>span{padding:6px 9px;border:1px solid var(--seat-border);border-radius:var(--seat-radius);background:var(--seat-panel);color:var(--seat-text)}.seat-picker-accessibility-help{margin-top:10px;color:var(--seat-muted);font-size:11px;line-height:1.6}.seat-picker-footer{padding:0 16px;border-bottom:1px solid var(--seat-border);background:var(--seat-panel)}.seat-picker-summary-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;border:0;background:none;color:var(--seat-text);font:inherit;font-size:12px;text-align:start;cursor:pointer}.seat-picker-summary-toggle span>strong{display:inline-block;margin-inline-end:8px;color:var(--seat-brand);font-variant-numeric:tabular-nums;direction:ltr}.seat-picker-summary-drawer{max-height:180px;overflow:auto;overscroll-behavior:contain;padding:0 0 8px}.seat-picker-summary-drawer>div{display:flex;align-items:center;gap:8px;border-top:1px solid var(--seat-border)}.seat-picker-summary-drawer button{min-height:44px;border:0;background:none;color:var(--seat-text);font:inherit;font-size:12px;text-align:start}.seat-picker-summary-drawer button:first-child{flex:1}.seat-picker-summary-drawer button:last-child{min-width:44px;text-align:center;font-size:22px}.seat-picker-summary-drawer p{padding:10px 0;color:var(--seat-muted);font-size:12px}.seat-picker-canvas .ve-three-labels{position:absolute;inset:0;overflow:hidden;pointer-events:none}.seat-picker-canvas .ve-three-label{position:absolute;max-width:210px;padding:4px 8px;border:1px solid rgb(137 159 180 / .2);border-radius:6px;background:#fffffff2;color:#3b5571;font-family:inherit;font-size:10px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.seat-picker-canvas button.ve-three-label{pointer-events:auto;cursor:pointer}.seat-picker-canvas .ve-three-label--section{padding:5px 10px;border-inline-start:3px solid #6e93bf;font-size:11px;font-weight:600}.seat-picker-canvas .ve-three-label--row{min-width:18px;padding:2px 5px;background:#ffffffde}.seat-picker-canvas .ve-three-label--seat{padding:3px 5px;color:#244a71;font-weight:600}.seat-picker-canvas .ve-three-label--stage,.seat-picker-canvas .ve-three-label--front{background:#fff9ee;border-color:#dcb67a4d;color:#755132;font-size:11px;font-weight:600}.seat-picker-canvas .ve-three-label[aria-pressed=true]{background:#e4edff;border-color:#407ded;color:#173d88}.seat-picker-canvas .ve-three-tooltip{position:absolute;z-index:8;max-width:260px;padding:10px 13px;border:1px solid var(--seat-border);border-radius:var(--seat-radius);background:var(--seat-surface);color:var(--seat-text);box-shadow:0 6px 20px #00000026;font-size:12px;line-height:1.6;white-space:pre-line;pointer-events:none}@media(max-width:600px){.assigned-seat-step .booking-step-head{align-items:center;gap:10px}.assigned-seat-step .booking-step-head>div:first-child{flex:1;min-width:0}.assigned-seat-step .assigned-seat-counter{width:auto;flex:none;gap:4px;padding:5px 8px}.assigned-seat-step .assigned-seat-counter>span:last-child{display:none}.seat-picker-toolbar{gap:8px;padding:10px}.seat-picker-hall{flex:0 0 110px;gap:0}.seat-picker-hall>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.seat-picker-hall select{width:110px;max-width:110px;padding:8px}.seat-picker-modes{flex:1 1 210px;min-width:210px;width:auto;margin:0}.seat-picker-modes button{flex:1;min-width:0;gap:0;padding:8px 5px;font-size:11px}.seat-picker-mode-full{display:none}.seat-picker-mode-compact{display:inline}.seat-picker-modes button svg{display:none}.seat-picker-legend{gap:7px 12px;padding:0 12px 10px;font-size:10px}.seat-picker-viewport{height:clamp(290px,44dvh,420px)}.seat-picker-navigation{inset-block-start:10px;inset-inline-end:10px}.seat-picker-progress{margin-bottom:10px}.seat-picker-progress>.seat-picker-ticket{min-width:130px;padding:8px 10px;gap:8px}.seat-picker-ticket .v2-ticket-name{font-size:12px}.seat-picker-ticket .v2-ticket-name-col{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}.seat-picker-ticket small{margin-top:0}.seat-picker-ticket-count{padding:5px 8px;font-size:11px}.seat-picker-inspector{position:sticky;bottom:0;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 8px;padding:8px 12px;border-radius:var(--seat-radius) var(--seat-radius) 0 0;box-shadow:0 -4px 16px #00000014}.seat-picker-inspector strong{font-size:12px}.seat-picker-inspector small{margin-top:2px;font-size:10px}.seat-picker-inspector>div{grid-column:1 / 3}.seat-picker-inspector>.seat-picker-inspector-close{grid-column:3;grid-row:1}.seat-picker-inspector>strong{grid-column:1;grid-row:2}.seat-picker-inspector>button:not(.seat-picker-inspector-close){grid-row:2}.seat-picker-inspector .seat-picker-perspective{max-width:80px;padding:5px;font-size:10px}.seat-picker-list{padding:12px}.seat-picker-list-items{max-height:380px}.seat-picker-footer{padding:0 12px}.seat-picker-summary-drawer{max-height:145px}.seat-picker-reservation{gap:10px;padding:10px 12px}.seat-picker-reservation>[role=timer]{padding:6px 9px;font-size:18px}.seat-picker-map-hint{bottom:8px;font-size:10px}.seat-picker-categories{padding:9px 12px}}@media(prefers-reduced-motion:reduce){.seat-picker-shell button{transition:none}}