/* BIPAM Tickets — storefront, admin and scanner styles on top of tokens.css */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
body{margin:0;min-height:100dvh;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg,video{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--brand-yellow);outline-offset:2px;border-radius:var(--r-sm)}
h1,h2,h3{font-family:Barlow,var(--font-sans);letter-spacing:-.01em;line-height:var(--lh-tight);margin:0 0 .4em}
h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}
.h-sub{margin-top:var(--space-xl)}
p{margin:0 0 1em}
.wrap{width:100%;padding-inline:var(--gutter);max-width:1240px;margin-inline:auto}
main.wrap{padding-block:var(--space-lg) var(--space-3xl)}
.muted{color:var(--fg-muted)}.small{font-size:var(--fs-sm)}.mono{font-family:var(--font-mono);font-size:.92em}.break{word-break:break-all}.center{text-align:center}
.label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-accent);font-weight:600}
.lead{font-size:var(--fs-lg);color:var(--fg-muted)}
.linklike{background:none;border:0;padding:0;color:var(--brand-yellow);text-decoration:underline;cursor:pointer}
.notice{background:var(--warn-soft);border:1px solid var(--warn);color:var(--fg);padding:.75rem 1rem;border-radius:var(--r-md);font-size:var(--fs-sm)}
.prose p{margin-bottom:.75em}
.title-th{color:var(--fg-muted);font-size:var(--fs-lg);margin-bottom:.5rem}
/* header/footer */
.site-header{position:sticky;top:0;z-index:40;height:var(--header-h);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;gap:var(--space-md);height:100%}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;letter-spacing:.02em;font-family:Barlow,var(--font-sans)}
.brand__mark{width:32px;height:32px;border-radius:8px;background:var(--brand-gradient);display:grid;place-items:center;flex:none}
.brand__mark img{width:22px}
.brand__sub{font-weight:500;color:var(--fg-muted);font-size:var(--fs-sm)}
.nav{display:none;gap:var(--space-xs);margin-inline-start:var(--space-md)}
.nav a{padding:.5rem .75rem;border-radius:var(--r-md);font-weight:500;color:var(--fg-muted);transition:color var(--dur),background var(--dur)}
.nav a:hover,.nav a[aria-current=page]{color:var(--fg);background:var(--surface)}
@media (min-width:768px){.nav{display:flex}}
.header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--space-sm)}
.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--r-md);background:transparent;border:1px solid transparent;color:var(--fg-muted);position:relative;transition:background var(--dur),color var(--dur)}
.icon-btn:hover{background:var(--surface);color:var(--fg);border-color:var(--border)}
.icon-btn svg{width:22px;height:22px}
.check-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.25rem .75rem;max-height:260px;overflow:auto;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg)}
.check-list .check{display:flex;align-items:center;gap:.5rem;font-weight:500;padding:.3rem 0}
.check-list input{width:18px;height:18px;min-height:0;flex:none}
.account-btn{display:inline-flex;align-items:center;gap:.5rem;height:44px;padding:0 .9rem 0 .35rem;border-radius:999px;border:1px solid var(--border-strong);color:var(--fg);font-weight:600;font-size:var(--fs-sm);transition:background var(--dur),border-color var(--dur)}
.account-btn:hover,.account-btn[aria-current="page"]{background:var(--surface);border-color:var(--brand-orange)}
.account-btn__avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface-2);color:var(--fg-muted);font-weight:700;font-size:14px;flex:none}
.account-btn__avatar svg{width:18px;height:18px}
.account-btn.is-signed-in .account-btn__avatar{background:var(--brand-gradient);color:#141414}
.account-btn__label{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:479px){.account-btn{padding:0 .35rem}.account-btn__label{display:none}}
/* account portal */
.member-card{display:grid;grid-template-columns:auto 1fr;gap:var(--space-lg);align-items:center;background:#fff;color:#141414;border-radius:var(--r-xl);padding:var(--space-lg);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}
.member-card::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:var(--brand-gradient-x)}
.member-card__qr{width:clamp(168px,40vw,220px);aspect-ratio:1}
.member-card__qr img{width:100%;height:100%;image-rendering:pixelated}
.member-card h2{margin:.15em 0 .2em;font-size:var(--fs-xl)}
.member-card .label{color:#57534E}
.member-card .muted{color:#57534E}
.member-card__no{font-family:var(--font-mono,monospace);font-size:var(--fs-lg);font-weight:600;letter-spacing:.04em}
@media (max-width:599px){.member-card{grid-template-columns:1fr;justify-items:center;text-align:center}.member-card__qr{width:min(260px,70vw)}}
.account-grid{display:grid;gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}
.account-grid>*{min-width:0}
@media (min-width:1024px){.account-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:start}}
.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-lg)}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin:var(--space-lg) 0}
.stat-row div{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--space-md);text-align:center}
.stat-row strong{display:block;font-size:var(--fs-xl);font-family:Barlow,var(--font-sans)}
.icon-btn .count{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--brand-orange);color:#141414;font-size:11px;font-weight:700;display:grid;place-items:center}
.site-footer{border-top:1px solid var(--border);padding-block:var(--space-xl);color:var(--fg-muted);font-size:var(--fs-sm)}
.footer-inner{display:grid;gap:.4rem}
.site-footer a{color:var(--fg);text-decoration:underline}
/* buttons, pills, chips */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.6rem 1.1rem;border-radius:var(--r-md);border:1px solid transparent;font-weight:700;font-family:Barlow,var(--font-sans);letter-spacing:.01em;transition:transform var(--dur-fast),filter var(--dur),background var(--dur);text-align:center}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--brand-gradient);color:#141414}
.btn-primary:hover{filter:brightness(1.06)}
.btn-secondary{background:transparent;border-color:var(--border-strong);color:var(--fg)}
.btn-secondary:hover{background:var(--surface)}
.btn-danger{background:var(--danger);color:#fff}
.btn-sm{min-height:36px;padding:.35rem .8rem;font-size:var(--fs-sm)}
.btn-lg{min-height:52px;font-size:var(--fs-lg)}
.btn-block{width:100%}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent}
.pill-ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}
.pill-warn{background:var(--warn-soft);color:var(--warn)}
.pill-danger{background:var(--danger-soft);color:var(--danger)}
.pill-muted{background:var(--surface-2);color:var(--fg-muted)}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.chip{border:1px solid var(--border-strong);background:transparent;color:var(--fg-muted);border-radius:999px;padding:.45rem .9rem;font-size:var(--fs-sm);font-weight:600;min-height:40px;display:inline-flex;align-items:center;gap:.4rem}
.chip.is-active,.chip:has(input:checked){background:var(--fg);color:var(--bg);border-color:var(--fg)}
.chip input{accent-color:var(--brand-orange)}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}
/* hero */
.hero{display:grid;gap:var(--space-xl);padding-block:var(--space-xl) var(--space-2xl);align-items:center}
@media (min-width:900px){.hero{grid-template-columns:1.4fr 1fr}}
.hero h1{font-size:var(--fs-hero);font-weight:800;letter-spacing:-.02em;background:linear-gradient(180deg,#fff 30%,#cfcfcf);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:var(--space-md)}
.hero__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--space-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}
.hero__card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--brand-gradient-x)}
.tiers-mini{display:grid;gap:.4rem;margin:.75rem 0 1rem;font-size:var(--fs-sm)}
.tiers-mini div{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:.35rem 0}
/* sections & cards */
.section{padding-block:var(--space-lg)}
.section__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}
.section.narrow{max-width:720px;margin-inline:auto}
.day-title{color:var(--fg);font-size:var(--fs-lg);margin:var(--space-lg) 0 var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border)}
.grid.cards{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--card-min)),1fr))}
.grid.tickets{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.show-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--dur),border-color var(--dur),box-shadow var(--dur);height:100%}
.show-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}
.poster{aspect-ratio:4/3;background:var(--surface-2);overflow:hidden}
.poster img{width:100%;height:100%;object-fit:cover}
.poster-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,hsl(var(--h) 55% 22%),hsl(calc(var(--h) + 40) 60% 12%));font-family:Barlow,var(--font-sans);font-weight:800;font-size:3rem;color:rgba(255,255,255,.75)}
.poster-fallback.big{aspect-ratio:3/4;font-size:5rem}
.show-card__body{padding:var(--space-md);display:grid;gap:.35rem;flex:1}
.meta{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--fg-muted);font-size:var(--fs-sm)}
.meta span{display:inline-flex;align-items:center;gap:.35rem}
.i{width:16px;height:16px;flex:none}
.show-card__foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--fg-muted)}
.show-card__foot strong{color:var(--fg)}
.crumbs{color:var(--fg-muted);font-size:var(--fs-sm);margin-bottom:var(--space-md);display:flex;gap:.5rem}
.crumbs a{text-decoration:underline}
.show-detail{display:grid;gap:var(--space-xl)}
@media (min-width:900px){.show-detail{grid-template-columns:minmax(260px,380px) 1fr}}
.show-detail__poster{border-radius:var(--r-lg);overflow:hidden;background:var(--surface-2);align-self:start;position:sticky;top:calc(var(--header-h) + 16px)}
.showtimes{display:grid;gap:.5rem}
.showtime-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}
.showtime-row.is-closed{opacity:.7}
.showtime-row__right{display:flex;align-items:center;gap:.75rem}
.price-list{margin-top:var(--space-md);display:grid;gap:.4rem;font-size:var(--fs-sm)}
.price-list div{display:flex;justify-content:space-between;border-bottom:1px dashed var(--border);padding:.35rem 0}
/* sheet / modal */
.sheet,.modal{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.6);display:grid;align-items:end;justify-items:center;padding:0}
@media (min-width:640px){.sheet,.modal{align-items:center;padding:1rem}}
.sheet__panel,.modal__panel{width:100%;max-width:560px;max-height:92dvh;overflow:auto;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + var(--safe-bottom));box-shadow:var(--shadow-lg)}
@media (min-width:640px){.sheet__panel,.modal__panel{border-radius:var(--r-xl)}.modal__panel{max-width:760px}}
.sheet__head,.modal__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:var(--space-md)}
.modal__panel{display:flex;flex-direction:column;padding:0;overflow:hidden}
.modal__head{align-items:center;margin:0;padding:.9rem .9rem .9rem var(--space-lg);border-bottom:1px solid var(--border);flex:none}
.modal__head h3{margin:0;font-size:var(--fs-lg)}
[data-modal-body]{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-lg) var(--space-lg) 0}
[data-modal-body]>form>.form-actions,[data-modal-body]>.form-actions{position:sticky;bottom:0;z-index:2;margin:var(--space-lg) calc(-1 * var(--space-lg)) 0;padding:.85rem var(--space-lg) calc(.85rem + var(--safe-bottom,0px));background:var(--bg-elev);border-top:1px solid var(--border)}
[data-modal-body]>:last-child:not(form):not(.form-actions){margin-bottom:var(--space-lg)}
[data-modal-body] .form-error{margin-top:var(--space-md)}
@media (max-width:599.98px){.modal__head{padding-left:var(--space-md)}[data-modal-body]{padding:var(--space-md) var(--space-md) 0}[data-modal-body]>form>.form-actions,[data-modal-body]>.form-actions{margin-inline:calc(-1 * var(--space-md));padding-inline:var(--space-md)}.form-actions .btn{flex:1}.form-actions .spacer{display:none}}
.sheet__foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border)}
.tt-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border)}
.stepper{display:inline-flex;align-items:center;border:1px solid var(--border-strong);border-radius:999px;overflow:hidden}
.stepper button{width:44px;height:44px;background:transparent;border:0;font-size:1.25rem;color:var(--fg)}
.stepper button:hover{background:var(--surface-2)}
.stepper output{min-width:2ch;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
/* passes */
.pass-type{display:grid;gap:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--space-lg);margin-bottom:var(--space-lg)}
@media (min-width:900px){.pass-type{grid-template-columns:1fr 1fr}}
.perks{list-style:none;padding:0;margin:0;display:grid;gap:.4rem;color:var(--fg-muted)}
.perks li{display:flex;gap:.5rem;align-items:flex-start}.perks .i{color:var(--ok);margin-top:.2rem}
.tiers{display:grid;gap:.6rem;align-content:start}
.tier{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md)}
.tier.is-closed{opacity:.6}
.tier__right{display:flex;align-items:center;gap:.75rem;text-align:right}
.tier__right strong{font-size:var(--fs-lg)}
/* cart / checkout / summary */
.cart-lines{display:grid;gap:.6rem}
.cart-line{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}
.cart-line .sub{color:var(--fg-muted);font-size:var(--fs-sm)}
.coupon{display:flex;gap:.5rem;margin:var(--space-md) 0}
.coupon input{flex:1}
.checkout{display:grid;gap:var(--space-xl)}
@media (min-width:900px){.checkout{grid-template-columns:1.2fr .8fr;align-items:start}}
.summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-lg);position:sticky;top:calc(var(--header-h) + 16px)}
.summary.standalone{position:static;margin-top:var(--space-xl);max-width:560px}
.lines{list-style:none;padding:0;margin:0 0 .75rem;display:grid;gap:.4rem;font-size:var(--fs-sm)}
.lines li,.line{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed var(--border);padding:.35rem 0}
.total{display:flex;justify-content:space-between;font-size:var(--fs-lg);font-weight:800;padding-top:.5rem}
.form{display:grid;gap:var(--space-md)}
fieldset{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--space-md);display:grid;gap:.75rem}
legend{padding:0 .4rem;color:var(--fg-muted);font-size:var(--fs-sm);font-weight:600}
label,div.field{display:grid;gap:.3rem;font-size:var(--fs-sm);font-weight:600}
input,select,textarea{width:100%;min-height:44px;padding:.6rem .8rem;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--fg);font-weight:400}
textarea{min-height:96px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--brand-yellow);outline-offset:0;border-color:transparent}
label.check{display:flex;align-items:flex-start;gap:.6rem;font-weight:400}
label.check input{width:20px;height:20px;min-height:0;margin-top:.1rem;accent-color:var(--brand-orange)}
.inline-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:end;margin-top:.75rem}
.inline-form label{flex:1;min-width:160px}
.form-error{background:var(--danger-soft);border:1px solid var(--danger);color:#fecaca;padding:.75rem 1rem;border-radius:var(--r-md);font-size:var(--fs-sm)}
.pay-methods{display:grid;gap:.75rem;margin:var(--space-md) 0}
.pay-method{display:grid;gap:.25rem;text-align:left;padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);color:var(--fg);transition:border-color var(--dur),background var(--dur)}
.pay-method:hover{border-color:var(--brand-orange);background:var(--surface-2)}
.qr-box{display:grid;justify-items:center;gap:.5rem;padding:var(--space-lg);background:#fff;color:#141414;border-radius:var(--r-lg);max-width:340px}
.qr-box img{width:260px;height:260px}
.spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--border-strong);border-top-color:var(--brand-orange);animation:spin 1s linear infinite;margin:var(--space-lg) auto}
@keyframes spin{to{transform:rotate(360deg)}}
/* order / tickets */
.order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:var(--space-lg)}
.ticket-card{display:grid;grid-template-columns:110px 1fr;gap:var(--space-md);background:#fff;color:#141414;border-radius:var(--r-lg);overflow:hidden;border:1px solid #e5e5e5;position:relative}
.ticket-card::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--brand-gradient)}
.ticket-card.is-used{opacity:.6}
.ticket-card__qr{padding:var(--space-md) 0 var(--space-md) var(--space-md)}
.ticket-card__qr img{width:100%;aspect-ratio:1}
.ticket-card__body{padding:var(--space-md) var(--space-md) var(--space-md) 0;display:grid;gap:.2rem;align-content:start}
.ticket-card__body h3{font-size:var(--fs-lg);margin:0}
.ticket-card .muted{color:#57534E}
.ticket-card .label{color:#B3410F}
.ticket-full{background:#fff;color:#141414;border-radius:var(--r-xl);padding:var(--space-xl);display:grid;gap:var(--space-md);position:relative;overflow:hidden}
.ticket-full::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:var(--brand-gradient-x)}
.ticket-full.is-used{filter:grayscale(.6)}
.ticket-full .muted{color:#57534E}.ticket-full .lead{color:#292524}.ticket-full .label{color:#B3410F}.ticket-full .linklike{color:#B3410F}
.ticket-full__head{display:flex;justify-content:space-between;gap:1rem;align-items:center}
.ticket-full__qr{justify-self:center;padding:var(--space-md);background:#fff}
.ticket-full__meta{display:grid;gap:.5rem;font-size:var(--fs-sm)}
.ticket-full__meta div:not(.notice){display:flex;justify-content:space-between;border-bottom:1px dashed #e5e5e5;padding:.35rem 0}
.pass-head{display:grid;gap:var(--space-lg);align-items:start;margin-bottom:var(--space-lg)}
@media (min-width:760px){.pass-head{grid-template-columns:240px 1fr}}
.pass-head__qr{background:#fff;padding:12px;border-radius:var(--r-lg)}
.eligible-show{padding:var(--space-md) 0;border-top:1px solid var(--border)}
.eligible-show .showtime-row{margin-top:.5rem}
.reason{color:var(--fg-muted);font-size:var(--fs-xs)}
/* admin */
body.wide .admin{display:grid;min-height:100dvh;grid-template-columns:1fr}
@media (min-width:900px){body.wide .admin{grid-template-columns:240px 1fr}}
.admin__side{background:var(--bg-elev);border-right:1px solid var(--border);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);min-width:0}
@media (min-width:900px){.admin__side{position:sticky;top:0;height:100dvh;overflow-y:auto;overscroll-behavior:contain}}
.admin__nav{display:flex;flex-wrap:wrap;gap:.25rem}
/* phones/tablets: one swipeable row of menu items instead of a block that pushes the data off screen */
@media (max-width:899.98px){
  body.wide .admin{grid-template-rows:auto 1fr}
  .admin__side{position:sticky;top:0;z-index:30;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.6rem var(--gutter,1rem);border-right:0;border-bottom:1px solid var(--border)}
  .admin__side>.brand{margin-right:auto}
  .admin__gw{display:none}
  .admin__user{margin-top:0;gap:.75rem}
  .admin__user [data-staff-name]{display:none}
  @media (min-width:600px){.admin__user [data-staff-name]{display:inline}}
  .admin__nav{order:3;flex:1 0 100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--gutter,1rem));padding:0 var(--gutter,1rem);scroll-padding-inline:var(--gutter,1rem)}
  .admin__nav::-webkit-scrollbar{display:none}
  .admin__nav a{flex:none;white-space:nowrap;padding:.45rem .7rem}
}
@media (min-width:900px){.admin__nav{flex-direction:column}}
.admin__nav a{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:var(--r-md);color:var(--fg-muted);font-weight:500;font-size:var(--fs-sm)}
.admin__nav a:hover,.admin__nav a[aria-current=page]{background:var(--surface);color:var(--fg)}
.admin__nav a[hidden]{display:none}
.admin__nav .i{width:18px;height:18px;opacity:.8}
.admin__nav a:hover .i,.admin__nav a[aria-current=page] .i{opacity:1;color:var(--brand-orange)}
.admin__gw{margin-top:auto}.admin__gw:empty{display:none}.admin__gw~.admin__user{margin-top:0}
.gw-side{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.35rem .5rem;padding:.45rem .75rem;border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--fg-muted)}
.gw-side .pill{white-space:nowrap}
.gw-side:hover{color:var(--fg);background:var(--surface)}
.admin__user{margin-top:auto;display:flex;justify-content:space-between;gap:.5rem;align-items:center}
.admin__main{padding:var(--space-lg);min-width:0}
@media (max-width:599.98px){.admin__main{padding:var(--space-md)}}
.admin h1{font-size:var(--fs-xl);margin-bottom:var(--space-md)}
.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:var(--space-md)}
.toolbar input,.toolbar select{min-width:180px;width:auto;min-height:40px}
@media (max-width:599.98px){.toolbar input,.toolbar select{flex:1 1 100%;min-width:0}.toolbar .spacer{display:none}}
.toolbar .spacer{flex:1}
.kpis{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-bottom:var(--space-lg)}
.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1rem}
.kpi .label{color:var(--fg-muted)}.kpi strong{display:block;font-size:var(--fs-2xl);font-family:Barlow,var(--font-sans);margin-top:.25rem}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);margin-bottom:var(--space-lg);overscroll-behavior-x:contain}
.admin .table-wrap{max-height:max(320px,calc(100dvh - 220px))}
@media (max-width:899.98px){.admin .table-wrap{max-height:max(300px,calc(100dvh - 260px))}}
table.data{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
table.data th,table.data td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle}
table.data th{position:sticky;top:0;z-index:1;background:var(--surface-2);font-weight:600;color:var(--fg-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em}
table.data tr.clickable{cursor:pointer}table.data tr.clickable:hover td{background:var(--surface-2)}
table.data tbody tr:last-child td{border-bottom:0}
.admin table.data td:first-child,.admin table.data th:first-child{position:sticky;left:0;background:var(--surface);box-shadow:1px 0 0 var(--border)}
.admin table.data th:first-child{z-index:2;background:var(--surface-2)}
.admin table.data tr.clickable:hover td:first-child{background:var(--surface-2)}
@media (max-width:599.98px){.admin table.data td:first-child{max-width:46vw}}
table.data td{max-width:360px;overflow:hidden;text-overflow:ellipsis}
.bar{height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden;min-width:80px}.bar span{display:block;height:100%;background:var(--brand-gradient-x)}
.form-grid{display:grid;gap:1rem 1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start}
.form-grid>label,.form-grid>.field{align-content:start;gap:.4rem}
.form-grid input,.form-grid select{min-height:42px}
.form-grid textarea{min-height:88px}
.field__label{color:var(--fg-muted);font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em}
.field__label .req{color:var(--brand-orange);font-weight:700}
.field.is-check{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;min-height:42px;align-self:end;padding:.55rem .8rem;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-elev);cursor:pointer}
.field.is-check .field__label{color:var(--fg);font-size:var(--fs-sm)}
.field.is-check input{width:18px;height:18px;min-height:0;flex:none;accent-color:var(--brand-orange)}
.field.is-check .help{flex-basis:100%}
.field[hidden]{display:none}
.form-grid .wide{grid-column:1/-1}
.form-grid .help{color:var(--fg-muted);font-size:var(--fs-xs);font-weight:400;line-height:1.4}
.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:var(--space-md);flex-wrap:wrap}
.form-actions .spacer{flex:1}
.toast{position:fixed;left:50%;bottom:calc(20px + var(--safe-bottom));transform:translateX(-50%);background:var(--fg);color:var(--bg);padding:.7rem 1rem;border-radius:999px;font-weight:600;z-index:80;box-shadow:var(--shadow-lg)}
.toast.err{background:var(--danger);color:#fff}
.detail-grid{display:grid;gap:var(--space-lg)}.detail-grid>*{min-width:0}
@media (min-width:1100px){.detail-grid{grid-template-columns:1.3fr .7fr}}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-lg)}
.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:1rem}
.login{width:100%;max-width:400px;display:grid;gap:.9rem}
.status-ok{color:var(--ok)}.status-warn{color:var(--warn)}.status-danger{color:var(--danger)}
/* scanner */
.scan{min-height:100dvh;display:flex;flex-direction:column;background:#0b0b0d;padding-top:var(--safe-top)}
.scan__top{display:flex;justify-content:space-between;align-items:center;padding:.75rem var(--gutter);border-bottom:1px solid var(--border)}
.scan__pick,.scan__main{padding:1rem var(--gutter) calc(1rem + var(--safe-bottom))}
.scan__stats{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}
.scan__counts{font-family:Barlow,var(--font-sans);font-size:var(--fs-2xl);font-weight:800}
.scan__camera{position:relative;aspect-ratio:1;max-height:56dvh;background:#000;border-radius:var(--r-lg);overflow:hidden;display:grid;place-items:center}
.scan__camera video{width:100%;height:100%;object-fit:cover}
.scan__frame{position:absolute;inset:14%;border:3px solid rgba(255,255,255,.75);border-radius:16px;pointer-events:none;box-shadow:0 0 0 999px rgba(0,0,0,.25)}
.scan__hint{position:absolute;bottom:.75rem;left:0;right:0;text-align:center;color:#fff;text-shadow:0 1px 4px #000}
.scan__manual{display:flex;gap:.5rem;margin-top:.75rem}
.scan__tools{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:.75rem;font-size:var(--fs-sm)}
.scan__tools label{display:flex;align-items:center;gap:.4rem}.scan__tools input{width:90px;min-height:40px}
.scan__search{margin-top:.75rem;display:grid;gap:.5rem}
.st-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;text-align:left;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:.5rem;color:var(--fg);min-height:64px}
.st-item strong{font-size:var(--fs-lg)}
.scan__result{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:1.5rem;color:#fff;text-align:center}
.scan__result.green{background:#16A34A}.scan__result.amber{background:#D97706}.scan__result.red{background:#DC2626}.scan__result.blue{background:#2563EB}
.scan__verdict{font-family:Barlow,var(--font-sans);font-size:clamp(2.5rem,12vw,5rem);font-weight:800;line-height:1}
.scan__name{font-size:clamp(1.25rem,5vw,2rem);font-weight:700;margin-top:.5rem}
.scan__msg{font-size:var(--fs-lg);opacity:.95;margin-top:.5rem}
.scan__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem}
.scan__actions .btn{min-height:56px;font-size:var(--fs-lg);background:#fff;color:#141414;border:0}
.result-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .75rem;background:var(--surface);border-radius:var(--r-md);margin-bottom:.4rem;font-size:var(--fs-sm)}

/* Receipts (admin) */
.receipt-no{color:var(--brand-orange);font-weight:600}
.receipts-filter{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center;margin:var(--space-md) 0}
.receipts-filter input[type=search]{flex:1 1 240px;min-width:0}
.receipts-filter label{display:flex;align-items:center;gap:.4rem;color:var(--fg-muted)}
.rc-actions{display:inline-flex;gap:.75rem;align-items:center;white-space:nowrap}

/* Payment gateway card (admin settings) */
.detail-grid>form.card{align-self:start}
.gateway{margin-top:var(--space-lg);display:grid;gap:var(--space-md)}
.gateway h2{margin:0}
.gateway__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-md);align-items:flex-start}
.gateway__status{display:flex;gap:.75rem;align-items:center;padding:.75rem 1rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);max-width:420px}
.gw-dot{flex:none;width:14px;height:14px;border-radius:50%;background:var(--fg-muted)}
.gw-connected{border-color:color-mix(in srgb,var(--ok) 45%,transparent);background:var(--ok-soft)}
.gw-connected strong{color:var(--ok)}
.gw-connected .gw-dot{background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 25%,transparent);animation:gw-pulse 2s ease-in-out infinite}
.gw-mock{background:var(--warn-soft)}.gw-mock strong{color:var(--warn)}.gw-mock .gw-dot{background:var(--warn)}
.gw-error,.gw-incomplete{background:var(--danger-soft)}.gw-error strong,.gw-incomplete strong{color:var(--danger)}.gw-error .gw-dot,.gw-incomplete .gw-dot{background:var(--danger)}
@keyframes gw-pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--ok) 10%,transparent)}}
@media (prefers-reduced-motion:reduce){.gw-connected .gw-dot{animation:none}}
.gw-mode{border:1px solid var(--border);border-radius:var(--r-md);padding:.75rem 1rem;display:grid;gap:.4rem;margin:0 0 var(--space-md)}
.gw-mode legend{font-weight:600;padding:0 .35rem}
.gateway__meta{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1rem;margin:0;border-top:1px solid var(--border);padding-top:var(--space-md)}
.gateway__meta dt{color:var(--fg-muted)}.gateway__meta dd{margin:0;overflow-wrap:anywhere}
@media (max-width:600px){.gateway__meta{grid-template-columns:1fr}.gateway__meta dd{margin-bottom:.4rem}}

/* Admin menu groups */
.admin__group{display:contents}
.admin__group[hidden]{display:none}
.admin__group-label{display:none}
@media (min-width:900px){
  .admin__group{display:flex;flex-direction:column;gap:.15rem}
  .admin__group+.admin__group{margin-top:.6rem}
  .admin__group-label{display:block;padding:.2rem .75rem;font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);opacity:.75}
}

/* One-page setup (Shows & showtimes, Passes) */
.setup-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:var(--space-md)}
.setup-head h1{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.25rem}
.setup-head h1 .pill{font-size:var(--fs-xs)}
.setup-empty{display:grid;gap:.75rem;justify-items:start}
.setup{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);padding-bottom:5rem}
.setup-sec{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;min-width:0}
.setup-sec h2{display:flex;align-items:center;gap:.6rem;margin:0;font-size:var(--fs-lg)}
.setup-sec>p{margin:0}
.setup-sec .table-wrap{margin-bottom:.25rem}
.setup-step{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--brand-gradient);color:#141414;font-size:var(--fs-sm);font-weight:800;flex:none}
.setup-more summary,.setup-gen summary{cursor:pointer;padding:.5rem 0;font-weight:600;font-size:var(--fs-sm)}
.setup-more[open] summary{margin-bottom:.5rem}
.setup-gen{border:1px dashed var(--border-strong);border-radius:var(--r-md);padding:.25rem .9rem .75rem;background:var(--bg-elev)}
.setup-gen[open]{padding-bottom:.9rem}
.setup-gen .form-grid{margin-top:.5rem}
.setup-gen .form-actions{align-items:center;margin-top:.75rem}
.setup-dates{display:flex;flex-wrap:wrap;gap:.5rem;align-items:end}
.setup-dates label{flex:1;min-width:150px;font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:.35rem}
.chips:empty{display:none}
.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);font-size:var(--fs-xs);font-weight:600;cursor:pointer}
.chip:hover{border-color:var(--danger);color:var(--danger)}
table.setup-table td{padding:.35rem .5rem;white-space:normal}
table.setup-table input,table.setup-table select{min-height:38px;padding:.35rem .5rem;font-size:var(--fs-sm)}
table.setup-table input[type=number]{width:7.5rem}
table.setup-table input[type=datetime-local]{min-width:13.5rem}
table.setup-table select{min-width:9rem}
table.setup-table input[data-f=name]{min-width:11rem}
table.setup-table input[data-f=requires_code]{width:9rem}
table.setup-table .setup-check,.setup .setup-check{width:20px;height:20px;min-height:0;accent-color:var(--brand-orange)}
table.setup-table tr.is-new td{background:color-mix(in srgb,var(--brand-orange) 6%,transparent)}
table.setup-table tr.is-off td{opacity:.55}
table.setup-table .bar{margin-top:.3rem}
.setup-actions{white-space:nowrap;text-align:right}
.setup-actions>*{margin-left:.35rem;vertical-align:middle}
.setup-x{width:34px;height:34px}
.setup-x:hover{color:var(--danger)}
.setup .invalid,.setup tr.invalid td{outline:2px solid var(--danger);outline-offset:1px}
.setup [data-field].invalid{outline:none}
.setup [data-field].invalid input,.setup [data-field].invalid select,.setup [data-field].invalid textarea,.setup [data-field].invalid .check-list{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}
.form-error ul{margin:.4rem 0 0;padding-left:1.1rem}
.setup-summary{display:grid;gap:.5rem;margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg)}
.setup-facts{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center;color:var(--fg-muted)}
.setup-facts strong{color:var(--fg)}
.setup-warn{margin:0;padding-left:1.1rem;color:var(--warn);font-size:var(--fs-sm);display:grid;gap:.2rem}
.setup-warn b{color:var(--fg)}
.setup-bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem var(--space-md);margin:0 calc(-1 * var(--space-md));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-top:1px solid var(--border)}
.setup-bar .spacer{flex:1}
.setup-dirty{font-size:var(--fs-sm);color:var(--fg-muted)}
.setup-dirty.is-dirty{color:var(--warn);font-weight:600}
.setup-dirty.is-dirty::before{content:"● "}

/* Admin list toolbar (search + filters + date range) and pager */
.listbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.6rem .75rem;margin-bottom:var(--space-md)}
.listbar__search{position:relative;flex:1 1 260px;max-width:420px;display:block}
.listbar__search .i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--fg-muted);pointer-events:none}
.listbar__search input{height:40px;min-height:40px;padding-top:0;padding-bottom:0;padding-left:2.4rem}
.listbar__filter select,.listbar__filter input{height:40px}
.listbar__filter{display:grid;gap:.25rem;flex:0 1 auto;min-width:0}
.listbar__filter span{color:var(--fg-muted);font-size:var(--fs-xs);font-weight:600}
.listbar__filter select,.listbar__filter input{min-height:40px;width:auto;min-width:140px;max-width:240px;padding:.45rem .7rem}
.listbar__filter input[type=date]{min-width:150px}
.listbar__clear{align-self:center;white-space:nowrap}
.list-results{transition:opacity var(--dur)}
.list-results.is-loading{opacity:.55;pointer-events:none}
.list-results .table-wrap,.local-table .table-wrap{margin-bottom:.5rem}
.pager{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:var(--space-lg);font-size:var(--fs-sm);color:var(--fg-muted)}
.pager__info b{color:var(--fg);font-weight:600}
.pager__size{display:flex;align-items:center;gap:.4rem;font-weight:500;font-size:var(--fs-sm);margin-left:auto}
.pager__size select{width:auto;min-height:34px;padding:.2rem 1.8rem .2rem .6rem}
.pager__nav{display:flex;align-items:center;gap:.25rem}
.pager__btn{min-width:34px;height:34px;padding:0 .55rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--fg);font-weight:600;font-size:var(--fs-sm);cursor:pointer}
.pager__btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}
.pager__btn[aria-current=page]{background:var(--brand-orange);border-color:var(--brand-orange);color:#141414}
.pager__btn:disabled{opacity:.4;cursor:default}
.pager__gap{padding:0 .2rem}
.local-table .listbar{margin-bottom:.6rem}
@media (max-width:599.98px){
  .listbar__search{flex-basis:100%;max-width:none}
  .listbar__filter{flex:1 1 calc(50% - .4rem)}
  .listbar__filter select,.listbar__filter input,.listbar__filter input[type=date]{width:100%;min-width:0;max-width:none}
  .pager{justify-content:space-between}.pager__size{margin-left:0}.pager__nav{width:100%;justify-content:center}
}
.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-bottom:var(--space-md)}
.page-head h1{margin:0}
.page-head__actions{display:flex;flex-wrap:wrap;gap:.5rem}
@media (max-width:599.98px){.page-head__actions{width:100%}.page-head__actions .btn{flex:1}}

/* admin delete confirmation (sits above the edit modal) */
.confirm-modal{z-index:80}
.confirm__panel{max-width:480px}
.confirm__body{padding:var(--space-lg);display:grid;gap:.75rem;overflow:auto}
.confirm__body p{margin:0}
.confirm__warn{color:var(--danger);font-weight:600}
.confirm__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:.5rem}
.confirm__stats div{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:.6rem;text-align:center}
.confirm__stats strong{display:block;font-size:var(--fs-xl);font-family:Barlow,var(--font-sans)}
.confirm__type{display:block;font-weight:400}
.confirm__type input{display:block;width:100%;margin-top:.4rem;font-family:var(--font-mono)}
.confirm__actions{display:flex;justify-content:flex-end;gap:.5rem;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border);flex:none}
@media (max-width:599.98px){.confirm__actions .btn{flex:1}}

/* Editions (festival years): sidebar switcher, planning banner, editions page */
.admin__edition:empty{display:none}
.ed-switch{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.3rem .5rem;padding:.55rem .6rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);font-weight:500}
.ed-switch__label{grid-column:1/-1;font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}
.ed-switch select{min-height:36px;padding:.3rem .5rem;font-size:var(--fs-sm);font-weight:600}
.ed-switch .pill{grid-column:1/-1;justify-self:start}
@media (max-width:899px){.admin__edition{flex:1 1 100%;order:3}.ed-switch{grid-template-columns:auto 1fr auto}.ed-switch__label,.ed-switch .pill{grid-column:auto}}
.admin__main[data-planning]::before{content:attr(data-planning);display:block;margin:calc(-1 * var(--space-lg)) calc(-1 * var(--space-lg)) var(--space-lg);padding:.6rem var(--space-lg);background:var(--warn-soft);border-bottom:1px solid var(--warn);color:var(--fg);font-size:var(--fs-sm);font-weight:600}
.ed-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.ed-card{display:grid;gap:.6rem;align-content:start}
.ed-card.is-live{border-color:color-mix(in srgb,var(--ok) 55%,var(--border))}
.ed-card.is-managing{box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-orange) 55%,transparent)}
.ed-card__head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}
.ed-card__head h2{margin:0;font-size:var(--fs-lg)}
.ed-card__badges{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}
.ed-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem;margin:0}
.ed-stats div{background:var(--bg-elev);border-radius:var(--r-md);padding:.45rem .6rem}
.ed-stats dt{font-size:var(--fs-xs);color:var(--fg-muted)}.ed-stats dd{margin:0;font-weight:700}
.ed-card__actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.25rem}
.ed-copy{display:grid;gap:.5rem}
.ed-copy__opts{display:grid;gap:.45rem;padding-left:1.8rem}
.ed-copy__opts[hidden]{display:none}
.ed-inline{display:inline-block;width:auto;min-height:34px;padding:.2rem .5rem;margin:0 .25rem}
.ed-days{width:5.5rem}
.ed-copy label.check input.ed-days{width:5.5rem;height:auto;min-height:34px;margin:0 .25rem;accent-color:auto}
.ed-copy label.check{align-items:center;flex-wrap:wrap}
.ed-stats dd .muted{display:block;font-weight:400}
.ed-card__head{flex-wrap:wrap}

/* Pass editor: shows this pass covers */
.cov-modes{display:grid;gap:.45rem;padding:.75rem .9rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-elev)}
.cov-modes label.check{align-items:center}
.cov-cats{display:flex;flex-wrap:wrap;gap:.4rem;padding-left:1.9rem}
.cov-cats[hidden]{display:none}
.chip-check{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border:1px solid var(--border-strong);border-radius:999px;font-size:var(--fs-sm);font-weight:500;cursor:pointer}
.chip-check input{width:16px;height:16px;min-height:0;accent-color:var(--brand-orange)}
.cov-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.cov-tools .spacer{flex:1}
.cov-list{display:grid;gap:.4rem}
.cov-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.6rem .8rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);font-weight:400;cursor:pointer;transition:border-color var(--dur),background var(--dur)}
.cov-row:hover{border-color:var(--border-strong)}
.cov-row input{width:20px;height:20px;min-height:0;accent-color:var(--brand-orange)}
.cov-row__main{display:grid;gap:.1rem;min-width:0}
.cov-row__main strong{overflow-wrap:anywhere}
.cov-row__main .pill{justify-self:start}
.cov-row__state{font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);white-space:nowrap}
.cov-row.is-on{border-color:color-mix(in srgb,var(--ok) 50%,var(--border));background:color-mix(in srgb,var(--ok) 7%,var(--surface))}
.cov-row.is-on .cov-row__state{color:var(--ok)}
.setup [data-field].invalid .cov-row,.setup [data-field].invalid.cov-modes{border-color:var(--danger)}

/* storefront programme filter (own class names: the admin styles .chip differently) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pfilter{display:grid;gap:.75rem;margin-bottom:var(--space-md)}
.pfilter__row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.pfilter__search{position:relative;display:block;flex:1 1 260px;min-width:0}
.pfilter__search .i{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--fg-muted);pointer-events:none}
.pfilter__search input{width:100%;min-height:44px;padding-left:2.6rem}
.pfilter__venue{display:block;flex:0 1 240px;min-width:0}
.pfilter__venue select{width:100%;min-height:44px}
.pf-toggle{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 .9rem;border:1px solid var(--border-strong);border-radius:999px;font-size:var(--fs-sm);font-weight:600;color:var(--fg);cursor:pointer;white-space:nowrap}
.pf-toggle input{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--brand-orange)}
.pf-toggle:has(input:checked){border-color:var(--brand-orange);background:color-mix(in srgb,var(--brand-orange) 14%,transparent)}
.pfilter__chips{display:flex;flex-wrap:wrap;gap:.4rem}
.pf-chip{display:inline-flex;align-items:center;min-height:40px;padding:.4rem .95rem;border-radius:999px;border:1px solid var(--border-strong);background:transparent;color:var(--fg-muted);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--dur),color var(--dur),border-color var(--dur)}
.pf-chip:hover{color:var(--fg);border-color:var(--fg-muted)}
.pf-chip[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.pfilter__status{display:flex;gap:.75rem;align-items:center;color:var(--fg-muted);font-size:var(--fs-sm)}
.pf-empty{text-align:center;padding:var(--space-2xl,3rem) var(--space-md);border:1px dashed var(--border-strong);border-radius:var(--r-lg);display:grid;gap:.25rem;justify-items:center}
.pf-empty p{margin:0}.pf-empty .btn{margin-top:.75rem}
@media (max-width:599.98px){
  .pfilter__venue,.pf-toggle{flex:1 1 calc(50% - .25rem)}
  .pf-toggle{justify-content:center}
  /* one swipeable row per chip group instead of a tall wrapped block */
  .pfilter__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--gutter,16px));padding:0 var(--gutter,16px);scroll-padding:0 var(--gutter,16px)}
  .pfilter__chips::-webkit-scrollbar{display:none}
}

/* Show story — the article written with the admin "Story" editor (public show page + editor preview) */
.show-summary{font-size:var(--fs-lg);line-height:1.55;color:var(--fg);margin:.25rem 0 .5rem}
.story{max-width:760px;margin:var(--space-2xl) auto 0;padding-top:var(--space-xl);border-top:1px solid var(--border);scroll-margin-top:calc(var(--header-h, 64px) + 16px)}
.story>h2{font-size:var(--fs-2xl);margin-bottom:var(--space-lg)}
.story__body{font-size:1.0625rem;line-height:1.75;color:var(--fg)}
.story__body>*+*{margin-top:1em}
.story__body p{margin:0}
.story__body h2{font-size:var(--fs-xl);line-height:1.25;margin-top:1.8em}
.story__body h3{font-size:var(--fs-lg);line-height:1.3;margin-top:1.5em}
.story__body h2+*,.story__body h3+*{margin-top:.5em}
.story__body a{color:var(--brand-orange);text-decoration:underline;text-underline-offset:2px}
.story__body ul,.story__body ol{padding-left:1.4em}
.story__body li+li{margin-top:.35em}
.story__body blockquote{margin-left:0;padding:.2em 0 .2em 1.1em;border-left:3px solid var(--brand-orange);font-size:1.15em;font-style:italic;color:var(--fg)}
.story__body hr{border:0;height:1px;background:var(--border-strong);margin:2em 0}
.story__body figure{margin:1.75em 0}
.story__body img{display:block;width:100%;height:auto;border-radius:var(--r-lg);background:var(--surface-2)}
.story__body figcaption{margin-top:.55em;font-size:var(--fs-sm);color:var(--fg-muted);line-height:1.5}
.story__th{margin-top:var(--space-xl);border-top:1px solid var(--border);padding-top:var(--space-md)}
.story__th summary{cursor:pointer;font-weight:600;color:var(--brand-orange);padding:.25rem 0}
.story__th[open] summary{margin-bottom:var(--space-md)}

/* Admin: photo field */
.imgfield{display:grid;gap:.5rem;font-weight:400}
.imgfield__drop{position:relative;display:grid;place-items:center;aspect-ratio:4/3;max-width:320px;border:1.5px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--bg-elev);overflow:hidden;cursor:pointer;transition:border-color var(--dur),background var(--dur)}
.imgfield__drop:hover,.imgfield__drop:focus-visible,.imgfield__drop.is-over{border-color:var(--brand-orange);background:var(--surface)}
.imgfield__drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.imgfield__drop img+.imgfield__empty{display:none}
.imgfield__empty{display:grid;justify-items:center;gap:.2rem;color:var(--fg-muted);text-align:center;padding:1rem}
.imgfield__empty svg{width:28px;height:28px;margin-bottom:.25rem}
.imgfield__empty b{color:var(--fg);font-size:var(--fs-sm)}
.imgfield__empty small{font-size:var(--fs-xs)}
.imgfield__actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.imgfield__url summary{cursor:pointer;font-size:var(--fs-xs);color:var(--fg-muted)}
.imgfield__url input{margin-top:.35rem}
.imgfield__status{margin:0;font-size:var(--fs-xs);color:var(--fg-muted);min-height:1em}
.imgfield__status:empty{display:none}
.imgfield__status.is-err,.rte__status.is-err{color:var(--danger)}
.imgfield.is-busy .imgfield__drop,.rte.is-busy .rte__area{opacity:.6}

/* Admin: rich "Story" editor */
.rte{display:flex;flex-direction:column;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-elev);font-weight:400;min-width:0}
.rte:focus-within{border-color:var(--brand-yellow)}
.rte__bar{position:sticky;top:0;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:.15rem;padding:.35rem .4rem;border-bottom:1px solid var(--border);background:var(--surface);border-radius:var(--r-md) var(--r-md) 0 0}
.rte__block{width:auto;min-height:34px;height:34px;padding:0 1.8rem 0 .6rem;font-size:var(--fs-sm)}
.rte__btn{display:inline-grid;place-items:center;width:34px;height:34px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--fg-muted);cursor:pointer}
.rte__btn svg{width:18px;height:18px}
.rte__btn:hover{background:var(--surface-2);color:var(--fg)}
.rte__btn.is-on{background:var(--surface-2);color:var(--brand-orange)}
.rte__sep{width:1px;height:20px;background:var(--border);margin:0 .25rem}
.rte__spacer{flex:1}
.rte__linkbar,.rte__photo{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.45rem .6rem;border-bottom:1px solid var(--border);background:var(--surface);font-size:var(--fs-sm)}
.rte__linkbar[hidden],.rte__photo[hidden]{display:none}
.rte__linkbar input{flex:1 1 220px;min-height:36px;height:36px}
.rte__area{min-height:320px;max-height:70vh;overflow-y:auto;padding:1rem 1.1rem;outline:0;cursor:text}
.rte__area.is-over{box-shadow:inset 0 0 0 2px var(--brand-orange)}
.rte__area>p:only-child:has(br:only-child)::before,.rte__area:empty::before{content:attr(data-placeholder);color:var(--fg-muted);pointer-events:none;position:absolute}
.rte__area figure{position:relative;cursor:default}
.rte__area figure.is-selected img{outline:3px solid var(--brand-orange);outline-offset:2px}
.rte__area figcaption{outline:0;cursor:text}
.rte__area figcaption:empty::before{content:attr(data-placeholder);color:var(--fg-muted);opacity:.8}
.rte__foot{display:flex;flex-wrap:wrap;gap:.25rem 1rem;padding:.4rem .75rem;border-top:1px solid var(--border);font-size:var(--fs-xs);color:var(--fg-muted)}
.rte__status{color:var(--brand-orange);font-weight:600}
.rte__tip{margin-left:auto}
.rte.is-full{position:fixed;inset:0;z-index:95;border-radius:0;border:0}
.rte.is-full .rte__bar{border-radius:0}
.rte.is-full .rte__area{flex:1;max-height:none;padding:2rem max(1.25rem,calc((100vw - 760px) / 2))}
body.rte-full{overflow:hidden}
@media (max-width:599.98px){.rte__tip{display:none}.rte__area{min-height:260px}}

/* seats left on programme cards */
.seats{display:flex;align-items:center;gap:.45rem;font-size:var(--fs-sm);font-weight:600;margin-top:.1rem}
.seats__dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.seats--ok{color:var(--ok)}
.seats--few{color:var(--warn)}
.seats--out{color:var(--danger)}
.seats--muted{color:var(--fg-muted)}
.seats .muted{font-weight:400}
/* the poster only stays pinned beside the details on wide screens; on one column it slid over the showtimes */
@media (max-width:899.98px){.show-detail__poster{position:static}}
.showtime-row .muted .i{display:inline-block;vertical-align:-.15em;width:14px;height:14px}

/* Storefront: join showtimes with a pass (pass-join.js) */
.pj-box{display:block;padding:.85rem 1rem;margin:0 0 var(--space-md);border:1px solid color-mix(in srgb,var(--ok) 45%,var(--border));border-radius:var(--r-lg);background:color-mix(in srgb,var(--ok) 8%,var(--surface));font-size:var(--fs-sm)}
.pj-box[hidden]{display:none}
.pj-box--row{display:grid;gap:.6rem;grid-template-columns:1fr auto;align-items:center}
@media (max-width:560px){.pj-box--row{grid-template-columns:1fr}.pj-box--row .btn{justify-self:start}}
.pj-slot{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;margin-right:.5rem}
.showtime-row.is-closed .pj-slot{opacity:1}
.pj-tag{position:absolute;left:.6rem;top:.6rem;z-index:2;padding:.25rem .6rem;border-radius:999px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.03em;background:#141414;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.pj-tag.is-open{background:var(--ok);color:#06240f}
.pj-tag.is-joined{background:var(--brand-orange);color:#141414}
.pj-tag.is-full{background:rgba(20,20,20,.85);color:var(--fg-muted)}
.show-card .poster{position:relative}
.pj-toast{position:fixed;left:50%;bottom:calc(20px + var(--safe-bottom,0px));transform:translateX(-50%);z-index:90;max-width:min(92vw,520px);background:var(--fg);color:var(--bg);padding:.7rem 1rem;border-radius:999px;font-weight:600;box-shadow:var(--shadow-lg);text-align:center}
.pj-toast.err{background:var(--danger);color:#fff}
.pj-toast[hidden]{display:none}
.showtime-row__right{flex-wrap:wrap;justify-content:flex-end}

/* Admin: coupon code check + per-row delete */
.code-input{text-transform:uppercase;font-family:var(--font-mono, "Fira Code", monospace);letter-spacing:.04em}
.code-check{font-size:var(--fs-xs);font-weight:600;color:var(--fg-muted);min-height:1.2em}
.code-check.is-ok{color:var(--ok)}
.code-check.is-bad{color:var(--danger)}
.code-check.shake{animation:code-shake .35s}
@keyframes code-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media (prefers-reduced-motion:reduce){.code-check.shake{animation:none}}
.code-gen{justify-self:start;font-weight:500}
.field input[aria-invalid=true]{border-color:var(--danger)}
.row-del{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--fg-muted);font-size:var(--fs-xs);font-weight:600;cursor:pointer}
.row-del .i{width:16px;height:16px}
.row-del:hover,.row-del:focus-visible{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent)}
/* the Delete column stays visible while a wide table scrolls sideways */
.admin table.data td:has(> .row-del){position:sticky;right:0;background:var(--surface);box-shadow:-1px 0 0 var(--border);padding-left:.5rem;padding-right:.5rem}
.admin table.data:has(.row-del) th:last-child{position:sticky;right:0;z-index:2;background:var(--surface-2)}
.admin table.data tr.clickable:hover td:has(> .row-del){background:var(--surface-2)}

/* seat bar + "extra seats released" (storefront) */
.seatbar{position:relative;height:6px;margin-top:.55rem;border-radius:999px;background:var(--surface-2);overflow:hidden}
.seatbar__taken,.seatbar__extra{position:absolute;top:0;bottom:0;border-radius:inherit}
.seatbar__taken{left:0;width:var(--taken);background:var(--brand-gradient-x);transform-origin:left center;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.seatbar__extra{right:0;width:var(--extra);transform-origin:right center;transition:transform .8s .7s cubic-bezier(.2,.8,.2,1);
  background:repeating-linear-gradient(-45deg,var(--brand-teal) 0 5px,color-mix(in srgb,var(--brand-teal) 45%,transparent) 5px 10px);background-size:14.14px 14.14px;animation:seat-shimmer .9s linear infinite}
.js-seatbars .seatbar:not(.is-in) .seatbar__taken,.js-seatbars .seatbar:not(.is-in) .seatbar__extra{transform:scaleX(0)}
@keyframes seat-shimmer{to{background-position:14.14px 0}}
.extra-badge{display:inline-flex;align-items:center;gap:.35rem;width:max-content;margin-top:.45rem;padding:.2rem .6rem;border-radius:999px;background:var(--brand-teal);color:#0B2B25;font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em;animation:extra-pulse 2.4s ease-in-out infinite}
/* fade the ring in teal (fading to plain `transparent` passes through grey) */
@keyframes extra-pulse{0%,100%{box-shadow:0 0 0 0 rgb(126 214 196 / .6)}60%{box-shadow:0 0 0 7px rgb(126 214 196 / 0)}}
.show-card .extra-badge{display:flex}

/* show page: Add to cart button + showtimes grouped by date (accordions, open by default) */
.btn-cart{gap:.4rem}
.btn-cart .i{width:18px;height:18px;flex:none}
.st-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.st-head .h-sub{margin-bottom:.6rem}
.showtimes.is-grouped{gap:.75rem}
.st-day{border:1px solid var(--border);border-radius:var(--r-lg);background:color-mix(in srgb,var(--surface) 55%,transparent);overflow:hidden}
.st-day>summary{list-style:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.15rem .75rem;padding:.85rem 1rem;cursor:pointer;user-select:none}
.st-day>summary::-webkit-details-marker{display:none}
.st-day>summary:hover{background:var(--surface)}
.st-day>summary:focus-visible{outline:2px solid var(--brand-yellow);outline-offset:-2px}
.st-day__date{font-family:Barlow,var(--font-sans);font-weight:700;font-size:var(--fs-md)}
.st-day__meta{grid-column:1;color:var(--fg-muted);font-size:var(--fs-sm)}
.st-day__seats{color:var(--ok);font-weight:600}.st-day__seats.is-out{color:var(--danger)}.st-day__seats.is-muted{color:var(--fg-muted)}
.st-day__extra{color:var(--brand-teal);font-weight:600}
.st-day__chev{grid-column:2;grid-row:1/span 2;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-strong);color:var(--fg-muted);transition:transform var(--dur)}
.st-day__chev .i{width:18px;height:18px}
.st-day[open]>summary .st-day__chev{transform:rotate(180deg)}
.st-day[open]>summary{border-bottom:1px solid var(--border)}
.st-day__rows{display:grid;gap:.5rem;padding:.75rem}
.st-day[open] .st-day__rows{animation:st-open .25s ease-out}
@keyframes st-open{from{opacity:0;transform:translateY(-4px)}}

/* Popups & promotions — storefront popup / top banner (promo.js) and the admin page (admin-promos.js) */
.promo-pop{position:fixed;inset:0;z-index:85;display:grid;place-items:center;padding:1rem;background:rgba(0,0,0,.62);backdrop-filter:blur(3px);animation:promo-in .22s ease-out}
.promo-pop.is-leaving{opacity:0;transition:opacity .18s}
@keyframes promo-in{from{opacity:0}to{opacity:1}}
.promo-pop__panel{position:relative;width:min(100%,440px);max-height:calc(100dvh - 2rem);overflow:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-xl,20px);box-shadow:var(--shadow-lg);animation:promo-up .26s cubic-bezier(.2,.8,.2,1)}
@keyframes promo-up{from{transform:translateY(14px) scale(.98)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.promo-pop,.promo-pop__panel{animation:none}}
.promo-pop__panel::before{content:"";display:block;height:5px;background:var(--brand-gradient-x)}
.promo-pop__img img{display:block;width:100%;max-height:260px;object-fit:cover}
.promo-pop__body{padding:1.25rem 1.4rem 1.4rem;display:grid;gap:.6rem}
.promo-pop__body h2{margin:0;font-size:var(--fs-xl);line-height:1.15}
.promo-pop__body p{margin:0;color:var(--fg-muted)}
.promo-pop__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:.4rem}
.promo-pop__x{position:absolute;top:.8rem;right:.8rem;z-index:2;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:0;background:rgba(20,20,20,.72);color:#fff;font-size:.95rem;cursor:pointer}
.promo-pop__x:hover{background:#141414}
.promo-bar{background:var(--brand-gradient-x);color:#141414}
.promo-bar__inner{display:flex;align-items:center;gap:.5rem 1rem;flex-wrap:wrap;max-width:var(--maxw,1200px);margin:0 auto;padding:.55rem var(--gutter,1rem);font-size:var(--fs-sm)}
.promo-bar__text{flex:1 1 240px}
.promo-bar__btn{display:inline-flex;align-items:center;min-height:34px;padding:.3rem .85rem;border-radius:999px;background:#141414;color:#fff;font-weight:700;text-decoration:none;white-space:nowrap}
.promo-bar__x{border:0;background:transparent;color:#141414;font-size:1rem;width:34px;height:34px;border-radius:50%;cursor:pointer}
.promo-bar__x:hover{background:rgba(0,0,0,.12)}
/* admin list */
.promo-list{display:grid;gap:.75rem}
.promo-item{display:grid;grid-template-columns:72px 1fr auto;gap:1rem;align-items:center;padding:var(--space-md)}
.promo-item.is-on{border-color:color-mix(in srgb,var(--ok) 45%,var(--border))}
.promo-item__thumb{width:72px;height:72px;border-radius:var(--r-md);overflow:hidden;background:var(--bg-elev);display:grid;place-items:center;color:var(--fg-muted);font-size:1.6rem}
.promo-item__thumb img{width:100%;height:100%;object-fit:cover}
.promo-item__main{display:grid;gap:.2rem;min-width:0}
.promo-item__title{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.promo-item__main .muted{overflow-wrap:anywhere}
.promo-item__stats{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin-top:.2rem;color:var(--fg-muted)}
.promo-item__stats b{color:var(--fg)}
.promo-item__side{display:grid;justify-items:end;gap:.5rem}
.promo-item__actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:flex-end}
@media (max-width:640px){.promo-item{grid-template-columns:56px 1fr}.promo-item__thumb{width:56px;height:56px}.promo-item__side{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}}
.switch{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:700;font-size:var(--fs-sm)}
.switch input{position:absolute;opacity:0;width:1px;height:1px}
.switch__track{width:44px;height:26px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border-strong);position:relative;transition:background var(--dur)}
.switch__dot{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--fg-muted);transition:transform var(--dur),background var(--dur)}
.switch input:checked+.switch__track{background:var(--ok);border-color:var(--ok)}
.switch input:checked+.switch__track .switch__dot{transform:translateX(18px);background:#fff}
.switch input:focus-visible+.switch__track{outline:2px solid var(--brand-yellow);outline-offset:2px}
.switch input:disabled+.switch__track{opacity:.5}
/* admin editor */
.promo-editor{display:grid;gap:var(--space-lg)}
@media (min-width:980px){.promo-editor{grid-template-columns:minmax(0,1fr) 340px}}
.promo-editor__fields{display:grid;gap:var(--space-md);min-width:0}
.promo-editor__fields fieldset{gap:.75rem}
.promo-editor__preview{display:grid;gap:.5rem;align-content:start}
@media (min-width:980px){.promo-editor__preview{position:sticky;top:0}}
.promo-preview{padding:1rem;border-radius:var(--r-lg);background:repeating-linear-gradient(45deg,var(--bg-elev),var(--bg-elev) 10px,var(--bg) 10px,var(--bg) 20px);border:1px solid var(--border);display:grid;place-items:center;min-height:180px}
.promo-preview .promo-pop__panel{width:100%;animation:none}
.promo-preview .promo-bar{width:100%;border-radius:var(--r-md)}
.promo-preview .promo-pop__body h2{font-size:var(--fs-lg)}
.promo-form [data-when][hidden]{display:none}
.promo-form .invalid input,.promo-form .invalid select,.promo-form .invalid textarea{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}
.promo-active{margin-top:.25rem}

/* ───── Price timelines (admin editor: admin-pricing.js · storefront: price-countdown.js) ───── */
.pt-chip{display:inline-flex;align-items:center;padding:.1rem .5rem;border-radius:999px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em;white-space:nowrap;color:#141414;background:var(--c,var(--brand-yellow))}
.pt-cell{display:grid;gap:.15rem;justify-items:start;text-align:left;min-width:9.5rem;padding:.35rem .6rem;border:1px dashed var(--border-strong);border-radius:var(--r-md);background:transparent;color:var(--fg);cursor:pointer;transition:border-color var(--dur),background var(--dur)}
.pt-cell:hover,.pt-cell:focus-visible{border-color:var(--brand-orange);background:var(--surface-2)}
.pt-cell__top{display:flex;align-items:center;gap:.4rem}
.pt-cell__next{font-size:var(--fs-xs);color:var(--fg-muted)}
.pt-formnote{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-top:.35rem;font-size:var(--fs-xs);font-weight:500;color:var(--fg-muted)}
.pt-modal{z-index:88;animation:pt-fade .18s ease both}
.pt-modal.is-closing{animation:pt-fade .16s ease reverse both}
.pt-panel{max-width:880px!important;display:flex;flex-direction:column;padding:0;overflow:hidden;position:relative}
.pt-panel .modal__head{padding:.9rem .9rem .9rem var(--space-lg);margin:0;border-bottom:1px solid var(--border);align-items:center}
.pt-panel .modal__head h3{margin:0}
.pt-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-lg);display:grid;gap:var(--space-md)}
.pt-foot{display:flex;align-items:center;gap:.5rem;padding:.8rem var(--space-lg) calc(.8rem + var(--safe-bottom,0px));border-top:1px solid var(--border);background:var(--bg-elev)}
.pt-foot .spacer{flex:1}
.pt-skeleton{height:220px;border-radius:var(--r-lg);background:linear-gradient(90deg,var(--surface) 0,var(--surface-2) 40%,var(--surface) 80%);background-size:200% 100%;animation:pt-sheen 1.2s linear infinite}
/* live status */
.pt-live{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.9rem 1.1rem;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}
.pt-live__dot{position:relative;width:12px;height:12px;border-radius:50%;background:var(--c);flex:none}
.pt-live__dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--c);animation:pt-ring 1.8s ease-out infinite}
.pt-live__main{display:grid;gap:.1rem}
.pt-live__row{display:flex;align-items:center;gap:.5rem}
.pt-live__price{font-family:Barlow,var(--font-sans);font-size:var(--fs-2xl);font-weight:800;line-height:1.1;display:inline-block}
.pt-live__price.is-flip{animation:pt-flip .6s cubic-bezier(.2,.8,.2,1)}
.pt-live__next{display:grid;gap:.05rem;margin-left:auto;text-align:right}
.pt-cd{font-family:var(--font-mono);font-size:var(--fs-lg);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.pt-live__next.is-soon .pt-cd{color:var(--brand-orange);animation:pt-soon 1s ease-in-out infinite}
/* the track */
.pt-track{position:relative;isolation:isolate;height:74px;border-radius:12px;background:repeating-linear-gradient(135deg,var(--surface) 0 8px,var(--bg-elev) 8px 16px);border:1px solid var(--border);margin-bottom:34px}
.pt-seg{position:absolute;top:6px;bottom:6px;z-index:auto;border-radius:9px;background:var(--c);color:#141414;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:left .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),opacity .3s,filter .3s}
.pt-seg+.pt-seg{box-shadow:inset 2px 0 0 rgba(0,0,0,.25)}
.pt-seg.is-past{filter:saturate(.25) brightness(.72);opacity:.75}
.pt-seg.is-future{opacity:.92}
.pt-seg.is-current{box-shadow:0 0 0 2px var(--fg),0 8px 22px -8px var(--c)}
.pt-seg.is-current::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);background-size:250% 100%;animation:pt-sheen 2.6s linear infinite;pointer-events:none}
.pt-seg__done{position:absolute;inset:0 auto 0 0;background:rgba(0,0,0,.18);transition:width 1s linear}
.pt-seg__text{position:relative;z-index:4;display:grid;gap:0;padding:.55rem .7rem;white-space:nowrap;line-height:1.2}
.pt-seg__text b{font-size:var(--fs-md)}
.pt-seg__text span{font-size:var(--fs-xs);font-weight:600;opacity:.8;overflow:hidden;text-overflow:ellipsis}
.pt-seg__text.is-tight{visibility:hidden}
.pt-tick{position:absolute;top:100%;width:0;height:10px;border-left:1.5px solid var(--fg-muted)}
.pt-tick span{position:absolute;top:10px;left:0;transform:translateX(-50%);font-size:var(--fs-xs);font-weight:600;color:var(--fg-muted);white-space:nowrap}
.pt-tick.is-low{height:22px}.pt-tick.is-low span{top:22px}
.pt-now{position:absolute;top:-8px;bottom:-8px;width:0;border-left:2px solid var(--fg);z-index:3;pointer-events:none;transition:left 1s linear}
.pt-now::before{content:"";position:absolute;top:-5px;left:-7px;width:12px;height:12px;border-radius:50%;background:var(--fg);box-shadow:0 0 0 0 var(--fg);animation:pt-pulse 1.8s ease-out infinite}
.pt-now span{position:absolute;top:-26px;left:0;transform:translateX(-50%);padding:.05rem .45rem;border-radius:999px;background:var(--fg);color:var(--bg);font-size:var(--fs-xs);font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.pt-vis{padding-top:28px}
.pt-ctxrow{position:relative;height:22px;margin-top:-4px}
.pt-ctx{position:absolute;top:0;height:18px;border-radius:6px;background:repeating-linear-gradient(90deg,var(--brand-orange) 0 6px,transparent 6px 10px);opacity:.85}
.pt-ctx span{position:absolute;right:0;top:100%;font-size:var(--fs-xs);font-weight:600;color:var(--brand-orange);white-space:nowrap}
/* intro: segments reveal left → right, "now" drops in, steps slide up */
.pt-vis.is-intro .pt-seg{animation:pt-reveal .75s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 120ms + 80ms)}
.pt-vis.is-intro .pt-now{animation:pt-drop .5s cubic-bezier(.2,.8,.2,1) .55s both}
.pt-vis.is-intro .pt-tick{animation:pt-fade .4s ease .7s both}
.pt-steps.is-intro .pt-step{animation:pt-rise .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 70ms + 200ms)}
/* steps */
.pt-steps{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;position:relative}
.pt-steps::before{content:"";position:absolute;left:11px;top:16px;bottom:16px;width:2px;background:var(--border-strong)}
.pt-step{position:relative;display:grid;grid-template-columns:24px 1fr auto;gap:.75rem;align-items:start;padding:.75rem .75rem .75rem 0;border-radius:var(--r-lg);transition:background var(--dur),opacity .22s,transform .22s}
.pt-step.is-current{background:color-mix(in srgb,var(--c) 10%,transparent)}
.pt-step.is-leaving{opacity:0;transform:translateX(12px)}
.pt-step.is-new{animation:pt-rise .4s cubic-bezier(.2,.8,.2,1) both}
.pt-step__dot{position:relative;z-index:1;width:14px;height:14px;margin:1.9rem 0 0 5px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px var(--bg-elev)}
.pt-step.is-current .pt-step__dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--c);animation:pt-ring 1.8s ease-out infinite}
.pt-step__grid{display:grid;gap:.6rem;grid-template-columns:minmax(190px,1.2fr) minmax(150px,1.3fr) minmax(110px,.8fr)}
.pt-f{display:grid;gap:.3rem;font-weight:400}
.pt-f>span{font-size:var(--fs-xs);font-weight:600;color:var(--fg-muted)}
.pt-f input{min-height:40px;height:40px}
.pt-f input[aria-invalid=true]{border-color:var(--danger)}
.pt-static{display:flex;align-items:center;min-height:40px;padding:0 .8rem;border:1px dashed var(--border);border-radius:var(--r-md);color:var(--fg-muted);font-size:var(--fs-sm)}
.pt-err,.pt-warn{font-style:normal;font-size:var(--fs-xs);font-weight:600}
.pt-err{color:var(--danger)}.pt-warn{color:var(--warn)}
.pt-step__x{width:36px;height:36px;margin-top:1.45rem}
.pt-add{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .6rem}
.pt-tpl{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border-strong);background:transparent;color:var(--fg);font-size:var(--fs-xs);font-weight:600;cursor:pointer}
.pt-tpl:hover{border-color:var(--brand-orange);color:var(--brand-orange)}
.pt-hint{margin:0}
.pt-flash{position:absolute;left:50%;bottom:76px;transform:translateX(-50%);display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:999px;background:var(--fg);color:var(--bg);font-weight:600;font-size:var(--fs-sm);box-shadow:var(--shadow-lg);animation:pt-rise .35s cubic-bezier(.2,.8,.2,1) both;z-index:5}
.pt-flash.is-out{animation:pt-fade .4s ease reverse both}
.pt-flash__check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ok);color:#06240f;font-weight:900;animation:pt-pop .5s cubic-bezier(.2,1.6,.4,1) .1s both}
@media (max-width:720px){
  .pt-step__grid{grid-template-columns:1fr 1fr}.pt-f--when{grid-column:1/-1}
  .pt-live__next{margin-left:0;text-align:left}
  .pt-seg__text span{display:none}
}
@keyframes pt-fade{from{opacity:0}to{opacity:1}}
@keyframes pt-reveal{from{clip-path:inset(0 100% 0 0 round 9px)}to{clip-path:inset(0 0 0 0 round 9px)}}
@keyframes pt-drop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@keyframes pt-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes pt-sheen{from{background-position:120% 0}to{background-position:-120% 0}}
@keyframes pt-ring{from{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}
@keyframes pt-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--fg) 55%,transparent)}100%{box-shadow:0 0 0 12px transparent}}
@keyframes pt-flip{0%{transform:rotateX(0)}45%{transform:rotateX(90deg);opacity:.2}55%{transform:rotateX(-90deg);opacity:.2}100%{transform:rotateX(0)}}
@keyframes pt-soon{50%{opacity:.55}}
@keyframes pt-pop{from{transform:scale(0)}to{transform:scale(1)}}

/* storefront: "Early bird · then ฿800 from 1 Feb · ends in 3 days" */
.price-list .price-change,.tier .price-change,.show-card .price-change{display:grid;gap:.35rem;border:0;padding:0}
.price-change{display:grid;gap:.35rem;margin:.1rem 0 .35rem;font-size:var(--fs-xs);color:var(--fg-muted)}
.price-change__top{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem}
.price-change__text b{color:var(--fg)}
.price-change__cd{margin-left:auto;font-weight:600;color:var(--fg);font-variant-numeric:tabular-nums}
.price-change.is-soon .price-change__cd{color:var(--brand-orange)}
.price-change__bar{display:block;height:4px;border-radius:2px;background:var(--surface-2);overflow:hidden}
.price-change__bar i{display:block;height:100%;width:var(--p,0%);background:linear-gradient(90deg,var(--brand-yellow),var(--brand-orange));border-radius:2px;transition:width 1s linear;position:relative}
.price-change__bar i::after{content:"";position:absolute;right:0;top:-2px;width:8px;height:8px;border-radius:50%;background:var(--brand-orange);box-shadow:0 0 0 0 var(--brand-orange);animation:pc-glow 1.6s ease-out infinite}
.pc-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.08rem .5rem;border-radius:999px;background:linear-gradient(90deg,var(--brand-yellow),var(--brand-orange));color:#141414;font-size:var(--fs-xs);font-weight:800;letter-spacing:.02em;white-space:nowrap;position:relative;overflow:hidden}
.pc-chip::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);background-size:250% 100%;animation:pt-sheen 3s linear infinite}
[data-pc-price].is-flip{display:inline-block;animation:pt-flip .6s cubic-bezier(.2,.8,.2,1)}
.price-change.is-done .price-change__bar,.price-change.is-done .price-change__cd{display:none}
.show-card .price-change{margin:.35rem 0 0}
@keyframes pc-glow{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand-orange) 60%,transparent)}100%{box-shadow:0 0 0 8px transparent}}
@media (prefers-reduced-motion:reduce){
  .pt-modal,.pt-live__dot::after,.pt-seg.is-current::after,.pt-now::before,.pt-vis.is-intro *,.pt-steps.is-intro .pt-step,.pt-step.is-new,.pt-step.is-current .pt-step__dot::after,.pt-live__next.is-soon .pt-cd,.pt-flash,.pt-flash__check,.pt-skeleton,.pc-chip::after,.price-change__bar i::after{animation:none!important}
  .pt-seg,.pt-now,.pt-seg__done,.price-change__bar i{transition:none}
}
input.is-locked{opacity:.65;cursor:not-allowed;border-style:dashed}

/* storefront language switcher (header): flag + short code, menu of all languages */
.lang-switch{position:relative}
.lang-switch>summary{list-style:none;display:inline-flex;align-items:center;gap:.4rem;height:44px;padding:0 .7rem;border-radius:999px;border:1px solid var(--border-strong);cursor:pointer;font-weight:700;font-size:var(--fs-sm);color:var(--fg);user-select:none}
.lang-switch>summary::-webkit-details-marker{display:none}
.lang-switch>summary:hover,.lang-switch[open]>summary{background:var(--surface);border-color:var(--brand-orange)}
.flag{display:inline-block;width:22px;height:15px;border-radius:3px;overflow:hidden;flex:none;box-shadow:0 0 0 1px rgb(255 255 255 / .18)}
.flag svg{display:block;width:100%;height:100%}
.lang-switch__menu{position:absolute;right:0;top:calc(100% + 6px);z-index:50;min-width:200px;margin:0;padding:.35rem;list-style:none;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);animation:lang-in .14s ease-out}
@keyframes lang-in{from{opacity:0;transform:translateY(-4px)}}
.lang-switch__menu a{display:grid;grid-template-columns:auto 2.4em 1fr;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:var(--r-md);color:var(--fg);font-size:var(--fs-sm)}
.lang-switch__menu a:hover,.lang-switch__menu a:focus-visible{background:var(--surface)}
.lang-switch__menu a[aria-current="true"]{background:var(--surface);box-shadow:inset 3px 0 0 var(--brand-orange)}
.lang-switch__code{font-weight:700;letter-spacing:.04em}
.lang-switch__name{color:var(--fg-muted)}
@media (max-width:479px){.lang-switch>summary{padding:0 .5rem}.lang-switch>summary .lang-switch__code{display:none}}

/* Countries & artists — flags, show credits, /artists directory and profiles, admin pickers */
.flag{display:inline-block;width:auto;height:1em;aspect-ratio:3/2;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.18);vertical-align:-.12em;object-fit:cover;flex:none}
.countries{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.15rem .35rem}
.country{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}
.country-sep{opacity:.5}
.label .countries{gap:.1rem .3rem}
.label .flag{height:.95em}
.countries--lg{font-size:var(--fs-lg);font-weight:600;gap:.3rem .6rem;margin:.25rem 0 .5rem}
.artist-initials{display:grid;place-items:center;background:linear-gradient(135deg,hsl(var(--h,20) 70% 42%),hsl(calc(var(--h,20) + 40) 70% 30%));color:#fff;font-weight:800;letter-spacing:.02em}
/* show page block */
.artist-credits{display:grid;gap:.6rem;margin-bottom:var(--space-lg)}
.artist-credit{display:grid;grid-template-columns:64px 1fr;gap:.9rem;align-items:center;padding:.75rem;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);color:var(--fg);transition:border-color var(--dur),background var(--dur)}
.artist-credit:hover{border-color:var(--brand-orange);background:var(--surface-2)}
.artist-credit__photo{width:64px;height:64px;border-radius:50%;object-fit:cover;font-size:1.2rem}
.artist-credit__body{display:grid;gap:.15rem;min-width:0}
.artist-credit__role{font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-orange)}
.artist-credit__more{font-size:var(--fs-sm);color:var(--brand-yellow)}
/* directory */
.artists-filter{display:grid;gap:.6rem;margin-bottom:var(--space-lg)}
.artists-filter input{max-width:360px}
.chip-row{display:flex;flex-wrap:wrap;gap:.4rem}
.chip-f{display:inline-flex;align-items:center;gap:.4rem;min-height:36px;padding:.3rem .75rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);font-size:var(--fs-sm);font-weight:600;cursor:pointer}
.chip-f:hover{border-color:var(--fg-muted)}
.chip-f.is-on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.chip-f.is-on .muted{color:inherit;opacity:.7}
.artist-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.artist-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;color:var(--fg);transition:transform var(--dur),border-color var(--dur),box-shadow var(--dur)}
.artist-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}
.artist-card[hidden]{display:none}
.artist-card__photo{aspect-ratio:1;background:var(--surface-2);overflow:hidden}
.artist-card__img{width:100%;height:100%;object-fit:cover;font-size:3rem}
.artist-card__body{display:grid;gap:.3rem;padding:var(--space-md)}
.artist-card__body h3{margin:0;font-size:var(--fs-lg)}
.artist-card__tagline{margin:0}
.artist-card__shows{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.2rem}
.artist-card__shows span{padding:.15rem .5rem;border-radius:999px;background:var(--surface-2);color:var(--fg-muted)}
/* profile */
.artist-profile{display:grid;gap:var(--space-xl);align-items:start;margin-bottom:var(--space-xl)}
@media (min-width:860px){.artist-profile{grid-template-columns:minmax(0,360px) 1fr}}
.artist-profile__photo{border-radius:var(--r-xl,20px);overflow:hidden;aspect-ratio:1;background:var(--surface-2)}
.artist-profile__img{width:100%;height:100%;object-fit:cover;font-size:5rem}
.artist-profile__body h1{margin:.2rem 0 .1rem}
.artist-links{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 var(--space-md)}
.artist-link{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:.35rem .85rem;border-radius:999px;border:1px solid var(--border-strong);color:var(--fg);font-size:var(--fs-sm);font-weight:600}
.artist-link:hover{border-color:var(--brand-orange);color:var(--brand-orange)}
.artist-link .i{width:18px;height:18px}
.artist-shows{display:grid;gap:.6rem;margin-bottom:var(--space-lg)}
.artist-show{display:grid;grid-template-columns:88px 1fr auto;gap:1rem;align-items:center;padding:.6rem;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);color:var(--fg)}
.artist-show:hover{border-color:var(--brand-orange)}
.artist-show__img{width:88px;aspect-ratio:4/3;border-radius:var(--r-md);overflow:hidden;background:var(--surface-2);display:grid;place-items:center}
.artist-show__img img{width:100%;height:100%;object-fit:cover}
.artist-show__img span{font-size:1.6rem;font-weight:800;color:hsl(var(--h,20) 70% 70%)}
.artist-show__body{display:grid;gap:.1rem;min-width:0}
.artist-past{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}
/* admin */
.cpick{display:grid;gap:.45rem}
.cpick__chips{display:flex;flex-wrap:wrap;gap:.35rem;min-height:30px;align-items:center}
.cpick__chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .3rem .2rem .55rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border-strong);font-size:var(--fs-sm);font-weight:600}
.cpick__chip button{border:0;background:transparent;color:var(--fg-muted);width:24px;height:24px;border-radius:50%;cursor:pointer}
.cpick__chip button:hover{background:var(--danger-soft);color:var(--danger)}
.cpick__search{position:relative}
.cpick__list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;display:grid;max-height:280px;overflow:auto;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg)}
.cpick__list[hidden]{display:none}
.cpick__opt{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border:0;background:transparent;color:var(--fg);text-align:left;cursor:pointer;font-size:var(--fs-sm)}
.cpick__opt:hover,.cpick__opt.is-active{background:var(--surface-2)}
.cpick__empty{padding:.6rem .75rem}
.cpick__avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;font-size:.65rem}
.credits-grid{display:grid;gap:var(--space-md)}
@media (min-width:1000px){.credits-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.credits-grid>.field>span:first-child{font-weight:600}
.credit-rows{display:grid;gap:.4rem}
.credit-row{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(110px,180px) auto;gap:.6rem;align-items:center;padding:.4rem .5rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-elev)}
@media (max-width:640px){.credit-row{grid-template-columns:40px minmax(0,1fr) auto}.credit-row [data-role]{grid-column:2/-1;grid-row:2}}
.credit-row__photo{width:40px;height:40px;border-radius:50%;object-fit:cover;font-size:.8rem}
.credit-row__name{display:grid;gap:.1rem;min-width:0}
.credit-row input{min-height:36px;padding:.3rem .5rem;font-size:var(--fs-sm)}
.credit-row__tools{display:flex;gap:.1rem}
.credit-row__tools .icon-btn{width:32px;height:32px}
.credit-add{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.5rem}
.credit-add .cpick__search{flex:1;min-width:200px}
.setup-step--icon{font-size:.85rem}
.artist-admin-grid{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.artist-admin{display:grid;grid-template-columns:56px 1fr auto;gap:.8rem;align-items:center;text-align:left;color:var(--fg);cursor:pointer;padding:.8rem}
.artist-admin:hover{border-color:var(--border-strong)}
.artist-admin__photo{width:56px;height:56px;border-radius:50%;object-fit:cover;font-size:1rem}
.artist-admin__body{display:grid;gap:.15rem;min-width:0}
.import-list{display:grid;gap:.4rem;max-height:50vh;overflow:auto}
.artist-form [data-f].invalid input,.artist-form [data-f].invalid select,.artist-form [data-f].invalid textarea{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}
.credits-grid>.field{align-content:start}
.credits-grid .help{font-weight:400;color:var(--fg-muted);font-size:var(--fs-xs)}
.credits-grid [data-from-artists]{justify-self:start}

/* Admin: change a ticket's date/time (admin-ticket-move.js) */
.tm-modal{z-index:88}
.tm-panel{max-width:620px!important;display:flex;flex-direction:column;padding:0;overflow:hidden}
.tm-panel .modal__head{padding:.9rem .9rem .9rem var(--space-lg);margin:0;border-bottom:1px solid var(--border);align-items:center}
.tm-panel .modal__head h3{margin:0}
.tm-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-lg);display:grid;gap:.9rem}
.tm-body p{margin:0}
.tm-foot{display:flex;align-items:center;gap:.5rem;padding:.8rem var(--space-lg) calc(.8rem + var(--safe-bottom,0px));border-top:1px solid var(--border);background:var(--bg-elev)}
.tm-foot .spacer{flex:1}
.tm-policy{font-size:var(--fs-xs);color:var(--fg-muted)}
.tm-options{display:grid;gap:.4rem;border:0;padding:0;margin:0}
.tm-options legend{font-size:var(--fs-xs);font-weight:600;color:var(--fg-muted);padding:0;margin-bottom:.35rem}
.tm-opt{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.65rem .8rem;border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;font-weight:400;transition:border-color var(--dur),background var(--dur)}
.tm-opt:hover{border-color:var(--border-strong)}
.tm-opt:has(input:checked){border-color:var(--brand-orange);background:color-mix(in srgb,var(--brand-orange) 8%,transparent)}
.tm-opt input{width:18px;height:18px;min-height:0;accent-color:var(--brand-orange)}
.tm-opt.is-off{opacity:.5;cursor:not-allowed}
.tm-opt__when{display:grid;gap:.1rem}
.tm-opt__seats{font-size:var(--fs-xs);font-weight:700;color:var(--ok);white-space:nowrap}
.tm-opt.is-off .tm-opt__seats{color:var(--fg-muted);font-weight:500}
.tm-opt__seats.is-few{color:var(--warn)}
.tm-reason{display:grid;gap:.3rem;font-weight:600;font-size:var(--fs-sm)}
.tm-reason textarea{min-height:60px}
.tm-facts{margin:0;padding-left:1.1rem;font-size:var(--fs-sm);color:var(--fg-muted);display:grid;gap:.2rem}
.tm-mail{font-weight:500}
.ticket-actions{display:inline-flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.moved-note{margin-top:.2rem;font-size:var(--fs-xs);font-weight:600;color:var(--brand-orange);cursor:help}

/* Ticket policy (/ticket-policy) and the one-line notes under prices, on orders and tickets */
.policy-note{margin:.6rem 0 0;font-size:var(--fs-xs);color:var(--fg-muted);line-height:1.5}
.policy-note a{color:var(--brand-orange);text-decoration:underline;text-underline-offset:2px}
.ticket-full .policy-note{color:#57534E}.ticket-full .policy-note a{color:#B3410F}
.policy-box{margin:0 0 .5rem;padding:.75rem .9rem;border:1px solid color-mix(in srgb,var(--brand-orange) 45%,transparent);border-left-width:4px;border-radius:var(--r-md);background:color-mix(in srgb,var(--brand-orange) 8%,transparent);font-size:var(--fs-sm);font-weight:400;line-height:1.55}
.policy-box a{color:var(--brand-orange);text-decoration:underline;font-weight:600}
.policy{display:grid;gap:var(--space-md)}
.policy h1{margin-bottom:0}
.policy-sec{padding:var(--space-md) var(--space-lg);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}
.policy-sec h2{display:flex;align-items:center;gap:.6rem;font-size:var(--fs-lg);margin:0 0 .5rem}
.policy-sec p{margin:0;line-height:1.65}
.policy-sec a{color:var(--brand-orange);text-decoration:underline}
.policy-sec__n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--brand-gradient-x,var(--brand-orange));color:#141414;font-size:var(--fs-sm);font-weight:800;flex:none}
.policy-sec:first-of-type{border-color:color-mix(in srgb,var(--brand-orange) 55%,transparent)}
.admin table.data td:has(> .ticket-actions){position:sticky;right:0;background:var(--surface);box-shadow:-1px 0 0 var(--border)}
.admin table.data:has(.ticket-actions) th:last-child{position:sticky;right:0;z-index:2;background:var(--surface-2)}

/* ───── Storefront responsive fixes (24 Sep 2026) ───── */
/* The frosted header blur sits on a layer behind the header, not on the header itself: iPhone Safari does not
   show / tap dropdowns that stick out of an element with backdrop-filter (the language menu). */
.site-header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.brand__text{white-space:nowrap}
/* Phones and tablets: the menu (Programme · Passes · Artists · My tickets) is a swipeable second row under the logo */
@media (max-width:1023.98px){
  :root{--header-h:98px}
  .site-header{height:auto}
  .header-inner{flex-wrap:wrap;height:auto;row-gap:0;padding-top:.45rem}
  .header-inner>.brand{min-height:46px}
  .nav{display:flex;order:3;flex:1 0 100%;margin:0 calc(-1 * var(--gutter));padding:.1rem var(--gutter) .4rem;overflow-x:auto;scrollbar-width:none;gap:.2rem;scroll-padding-inline:var(--gutter)}
  .nav::-webkit-scrollbar{display:none}
  .nav a{flex:none;white-space:nowrap;padding:.4rem .85rem;font-size:var(--fs-sm);border-radius:999px}
  .nav a[aria-current=page]{color:var(--fg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-strong)}
}
/* Show page on phones: the poster no longer fills the whole first screen */
@media (max-width:899.98px){
  .show-detail__poster{max-height:52vh}
  .show-detail__poster img{width:100%;max-height:52vh;object-fit:cover}
  .show-detail__poster .poster-fallback.big{aspect-ratio:16/10}
}
/* Pass cards: long text wraps instead of pushing the card wider than a small phone */
.pass-type{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.pass-type{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.pass-type>*,.tier>*{min-width:0}
@media (max-width:359.98px){.pass-type{padding:var(--space-md)}.tier{flex-wrap:wrap}}
/* very small phones (320–379 px): logo + account + language + cart on one line */
@media (max-width:379.98px){.brand__sub{display:none}.header-actions{gap:.3rem}.header-inner{column-gap:.5rem}.icon-btn.cart-btn{width:40px}}
/* Admin on phones: a shorter pinned top area and save bar, two KPI tiles per row */
@media (max-width:599.98px){
  .admin__lang>span:first-child,.ed-switch__label{display:none}
  .admin__side{row-gap:.4rem;padding-top:.5rem;padding-bottom:.25rem}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
  .kpi{padding:.75rem}.kpi strong{font-size:var(--fs-xl)}
  .setup-bar{gap:.5rem;padding:.5rem var(--space-md) calc(.5rem + var(--safe-bottom,0px));flex-wrap:nowrap}
  .setup-bar .btn{min-height:40px;padding:0 .85rem;font-size:var(--fs-sm);white-space:nowrap}
  .setup-bar .setup-dirty{flex:1;min-width:0;font-size:var(--fs-xs);line-height:1.3}
}

/* Staff sign-in: show/hide password, Remember me */
.pw-field{position:relative;display:block}
.pw-field input{padding-right:3rem}
.pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:var(--r-md);background:transparent;color:var(--fg-muted);cursor:pointer}
.pw-toggle:hover,.pw-toggle.is-on{color:var(--fg);background:var(--surface-2)}
.pw-toggle .i{width:20px;height:20px}
.login-remember{align-items:flex-start}
.login-remember>span{display:grid;gap:.15rem}

/* No auto-zoom when tapping a form field on iPhone/iPad (24 Sep 2026). iOS Safari zooms into any input, select or
   textarea whose text is smaller than 16px, and many fields inherit 14px from their label (e.g. staff sign-in).
   On touch screens every text field is at least 16px; desktop keeps the compact sizes. Pinch-zoom stays available
   (no maximum-scale in the viewport tag), so people who need to enlarge the page still can. */
@media (hover:none) and (pointer:coarse){
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{font-size:max(16px,1rem)!important}
}
@supports (-webkit-touch-callout:none){
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{font-size:max(16px,1rem)!important}
}

/* Passwords: staff forgot link, customer sign-in switch, account password card, staff link button */
.login-forgot{margin:-.35rem 0 0;text-align:right}
.signin-switch{display:inline-flex;gap:.25rem;padding:.25rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);margin-bottom:var(--space-md)}
.signin-switch button{min-height:38px;padding:.35rem .95rem;border-radius:999px;border:0;background:transparent;color:var(--fg-muted);font-weight:600;cursor:pointer}
.signin-switch button.is-on{background:var(--fg);color:var(--bg)}
.pw-card{margin-top:var(--space-lg);max-width:560px}
.pw-card__form{gap:.6rem}
.pw-page{max-width:520px}
.staff-link{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:var(--space-md);padding:.75rem;border:1px dashed var(--border-strong);border-radius:var(--r-md)}

/* ───── Admin forms: one field layout in every modal (24 Sep 2026) ─────
   label line (one line) → box (42 px) → help text. Yes/no fields get a blank label line and a boxed tick box so
   their box sits level with the text boxes beside it; tick boxes are never stretched to box height. */
.form-grid .field__label{display:block;min-height:1.4em;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.form-grid input[type=checkbox],.form-grid input[type=radio]{min-height:0;height:18px;width:18px;flex:none;margin:0;accent-color:var(--brand-orange)}
.form-grid .field.is-check{display:grid;align-content:start;align-self:start;gap:.4rem;min-height:0;padding:0;border:0;background:transparent;cursor:default}
.form-grid .field.is-check>.field__label{color:var(--fg-muted);font-size:var(--fs-xs)}
.form-grid .field.is-check>.help{flex-basis:auto}
.check-box{display:flex;align-items:center;gap:.6rem;min-height:42px;padding:.45rem .8rem;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-elev);color:var(--fg);font-size:var(--fs-sm);font-weight:600;line-height:1.3;cursor:pointer;transition:border-color var(--dur)}
.check-box:hover,.check-box:has(input:focus-visible){border-color:var(--brand-orange)}
.check-box:has(input:checked){border-color:color-mix(in srgb,var(--brand-orange) 70%,transparent);background:color-mix(in srgb,var(--brand-orange) 7%,var(--bg-elev))}
.setup [data-field].invalid .check-box{border-color:var(--danger)}
.pt-formnote .linklike{text-align:left}
@media (max-width:599.98px){.form-grid .field.is-check>.field__label--ghost{display:none}}