/* ==========================================================================
   SmileyTix design system — Inter, refined palette, light & dark themes
   ========================================================================== */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-400.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-500.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-600.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/inter-700.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/inter-800.woff2) format("woff2")}

:root,[data-bs-theme=light]{
  --brand:#6d28d9;--brand-600:#5b21b6;--brand-50:#f5f3ff;--accent:#f43f5e;--accent2:#f97316;
  --ink:#0f172a;--ink-2:#334155;--muted:#64748b;--line:#e7e9f0;--bg:#f7f7fb;--surface:#ffffff;--surface-2:#f1f2f7;
  --glass:rgba(255,255,255,.72);--shadow-sm:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.04);
  --shadow:0 4px 6px -1px rgba(15,23,42,.06),0 10px 24px -6px rgba(15,23,42,.10);--shadow-lg:0 24px 48px -12px rgba(15,23,42,.22);
  --radius:16px;--radius-sm:10px;--radius-lg:24px;
  --bs-body-font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --bs-body-bg:var(--bg);--bs-body-color:var(--ink);--bs-border-color:var(--line);
  --bs-primary:#6d28d9;--bs-primary-rgb:109,40,217;--bs-link-color:#6d28d9;--bs-link-color-rgb:109,40,217;--bs-link-hover-color:#5b21b6;
  --bs-border-radius:.75rem;--bs-border-radius-sm:.5rem;--bs-border-radius-lg:1rem;
}
[data-bs-theme=dark]{
  --brand:#a78bfa;--brand-600:#8b5cf6;--brand-50:rgba(139,92,246,.12);
  --ink:#e5e7eb;--ink-2:#cbd5e1;--muted:#94a3b8;--line:#232838;--bg:#0b0d14;--surface:#131722;--surface-2:#1a1f2e;
  --glass:rgba(11,13,20,.72);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow:0 10px 24px -8px rgba(0,0,0,.6);--shadow-lg:0 24px 48px -12px rgba(0,0,0,.7);
  --bs-body-bg:var(--bg);--bs-body-color:var(--ink);--bs-border-color:var(--line);--bs-secondary-bg:var(--surface-2);--bs-tertiary-bg:var(--surface-2);
  --bs-primary:#8b5cf6;--bs-primary-rgb:139,92,246;--bs-link-color:#a78bfa;--bs-link-color-rgb:167,139,250;--bs-link-hover-color:#c4b5fd;
}
html{scroll-behavior:smooth}
body{font-family:var(--bs-body-font-family);background:var(--bg);color:var(--ink);display:flex;flex-direction:column;min-height:100vh;-webkit-font-smoothing:antialiased;letter-spacing:-.006em;font-feature-settings:"cv11","ss01"}
main{flex:1}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3{font-weight:700;letter-spacing:-.022em;color:var(--ink)}
.display-5,.display-4,.display-3{font-weight:800;letter-spacing:-.035em}
.text-muted,.text-secondary{color:var(--muted)!important}
a{text-decoration:none}
::selection{background:#ddd6fe;color:#2e1065}
.fw-semibold{font-weight:600!important}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:1030;background:var(--glass);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--line)}
.site-header .navbar{padding:.7rem 0}
.brand{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.2rem;letter-spacing:-.03em;color:var(--ink)!important}
.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#f43f5e);color:#fff;font-size:1.05rem;box-shadow:0 6px 16px -6px rgba(124,58,237,.7)}
.site-header .nav-link{color:var(--ink-2);font-weight:500;padding:.5rem .85rem!important;border-radius:999px}
.site-header .nav-link:hover,.site-header .nav-link.active{color:var(--ink);background:var(--surface-2)}
.header-search{max-width:340px}
.header-search .form-control{border-radius:999px;padding-left:2.4rem;background:var(--surface-2);border-color:transparent}
.header-search .si{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--muted)}
.cart-badge{font-size:.68rem;background:var(--accent)!important}
.theme-toggle{width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--ink-2)}
.navbar-toggler{border:0;padding:.4rem}
.navbar-toggler:focus{box-shadow:none}
[data-bs-theme=dark] .navbar-toggler-icon{filter:invert(1)}

/* ---------- Buttons & forms ---------- */
.btn{font-weight:600;border-radius:12px;padding:.6rem 1.1rem;letter-spacing:-.01em;transition:transform .12s ease,box-shadow .2s ease,background .2s}
.btn-sm{padding:.38rem .75rem;border-radius:9px;font-size:.85rem}
.btn-lg{padding:.85rem 1.4rem;border-radius:14px}
.btn-brand,.btn-primary{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 55%,#5b21b6 100%);border:0;color:#fff;box-shadow:0 8px 20px -8px rgba(109,40,217,.65)}
.btn-brand:hover,.btn-primary:hover{color:#fff;transform:translateY(-1px);box-shadow:0 12px 24px -8px rgba(109,40,217,.75);background:linear-gradient(135deg,#7c3aed,#5b21b6)}
.btn-brand:active,.btn-primary:active{transform:translateY(0)}
.btn-accent{background:linear-gradient(135deg,#f43f5e,#f97316);color:#fff;border:0}
.btn-outline-dark,.btn-outline-secondary{border-color:var(--line);color:var(--ink-2);background:var(--surface)}
.btn-outline-dark:hover,.btn-outline-secondary:hover{background:var(--surface-2);color:var(--ink);border-color:var(--line)}
.btn-dark{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.btn-dark:hover{opacity:.9;color:var(--bg);background:var(--ink)}
.btn-light{background:#fff;color:#111827;border:0}
.form-control,.form-select{border-radius:12px;border-color:var(--line);padding:.62rem .9rem;background-color:var(--surface);color:var(--ink)}
.form-control-sm,.form-select-sm{border-radius:9px;padding:.35rem .65rem}
.form-control:focus,.form-select:focus{border-color:#a78bfa;box-shadow:0 0 0 4px rgba(139,92,246,.18)}
.form-label{font-weight:600;font-size:.85rem;color:var(--ink-2);margin-bottom:.35rem}
.form-check-input:checked{background-color:#6d28d9;border-color:#6d28d9}
.input-group-text{border-color:var(--line);background:var(--surface-2);border-radius:12px}

/* ---------- Surfaces ---------- */
.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}
.card.border-0{border:1px solid var(--line)!important}
.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow{box-shadow:var(--shadow)!important}
.bg-white{background:var(--surface)!important}
.bg-light{background:var(--surface-2)!important}
.list-group-item{background:var(--surface);border-color:var(--line);color:var(--ink)}
.alert{border-radius:14px;border:0;box-shadow:var(--shadow-sm)}
.badge{font-weight:600;border-radius:999px;padding:.38em .7em;letter-spacing:.01em}
.badge.bg-secondary{background:var(--surface-2)!important;color:var(--ink-2)}
.badge.bg-light{background:var(--surface-2)!important;color:var(--ink-2)!important}
.dropdown-menu{border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:.4rem;background:var(--surface)}
.dropdown-item{border-radius:9px;padding:.5rem .75rem;font-weight:500;color:var(--ink-2)}
.dropdown-item:hover{background:var(--surface-2)}
.progress{background:var(--surface-2);border-radius:999px}
.progress-bar{background:linear-gradient(90deg,#7c3aed,#f43f5e)}
.bg-brand{background:linear-gradient(135deg,#7c3aed,#f43f5e)!important}

/* Tables */
.table{--bs-table-bg:transparent;--bs-table-color:var(--ink);margin-bottom:0;font-size:.92rem}
.table>:not(caption)>*>*{padding:.8rem .9rem;border-bottom-color:var(--line)}
.table th,.table tr:first-child>th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;background:var(--surface-2);border-bottom:1px solid var(--line)}
.table tr:hover>td{background:var(--brand-50)}
table.table.bg-white,.table-responsive>.table{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.table-sm>:not(caption)>*>*{padding:.55rem .7rem}

/* ---------- Hero ---------- */
.hero{position:relative;color:#fff;overflow:hidden;border-radius:0;min-height:560px;display:flex;align-items:center;margin-top:-1px}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.03)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,6,24,.35) 0%,rgba(9,6,24,.55) 55%,rgba(9,6,24,.92) 100%),radial-gradient(1200px 500px at 15% 20%,rgba(124,58,237,.45),transparent 60%)}
.hero .container{position:relative;z-index:2}
.hero h1{color:#fff;font-size:clamp(2.2rem,5.5vw,4.2rem);line-height:1.04;font-weight:800;letter-spacing:-.04em;max-width:820px}
.hero .lead{color:rgba(255,255,255,.82);font-size:1.15rem;max-width:620px}
.eyebrow{display:inline-flex;gap:.5rem;align-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);padding:.35rem .8rem;border-radius:999px;font-size:.82rem;font-weight:600;color:#fff}
.search-panel{background:var(--surface);border-radius:20px;padding:.6rem;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2)}
.search-panel .form-control,.search-panel .form-select{border:0;background:var(--surface-2);height:52px}
.search-panel .btn{height:52px}
.hero-stats{display:flex;gap:2rem;flex-wrap:wrap;margin-top:1.75rem;color:rgba(255,255,255,.8);font-size:.9rem}
.hero-stats strong{display:block;color:#fff;font-size:1.4rem;font-weight:800}

/* ---------- Sections & category tiles ---------- */
.section{padding:3.5rem 0}
.section-title{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem}
.section-title h2{font-size:clamp(1.4rem,2.6vw,2rem);margin:0}
.section-title p{color:var(--muted);margin:0}
.cat-tile{position:relative;display:block;border-radius:18px;overflow:hidden;aspect-ratio:4/3;color:#fff!important;box-shadow:var(--shadow-sm);isolation:isolate}
.cat-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.cat-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.75))}
.cat-tile span{position:absolute;left:1rem;bottom:.85rem;z-index:2;font-weight:700;font-size:1.05rem;letter-spacing:-.01em}
.cat-tile:hover img{transform:scale(1.07)}
.chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);background:var(--surface);padding:.45rem .9rem;border-radius:999px;font-weight:600;font-size:.88rem;color:var(--ink-2)}
.chip:hover,.chip.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* ---------- Event cards ---------- */
.event-card{border:0;border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease;height:100%;border:1px solid var(--line)}
.event-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.event-card .media{position:relative;aspect-ratio:16/10;overflow:hidden}
.event-card .media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.event-card:hover .media img{transform:scale(1.06)}
.event-card .card-body{padding:1.1rem 1.15rem .4rem}
.event-card .card-title{font-size:1.06rem;font-weight:700;line-height:1.3;color:var(--ink);margin-bottom:.4rem}
.event-card .meta{color:var(--muted);font-size:.86rem;display:flex;align-items:center;gap:.35rem;margin-bottom:.15rem}
.event-card .card-footer{background:transparent;border:0;padding:.6rem 1.15rem 1.1rem;display:flex;justify-content:space-between;align-items:center}
.price-tag{font-weight:700;color:var(--ink)}
.price-tag small{color:var(--muted);font-weight:500}
.date-badge{position:absolute;top:.8rem;left:.8rem;background:var(--glass);backdrop-filter:blur(10px);border-radius:12px;padding:.35rem .6rem;text-align:center;font-weight:800;line-height:1.05;color:var(--ink);font-size:1.1rem;min-width:50px;box-shadow:var(--shadow-sm)}
.date-badge small{display:block;color:var(--accent);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}
.cat-badge{position:absolute;top:.8rem;right:.8rem;background:rgba(15,23,42,.6);color:#fff;backdrop-filter:blur(6px);font-size:.72rem;font-weight:600;border-radius:999px;padding:.3rem .65rem}
.featured-card{position:relative;border-radius:24px;overflow:hidden;min-height:380px;display:flex;align-items:end;color:#fff!important;box-shadow:var(--shadow)}
.featured-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.featured-card:hover img{transform:scale(1.05)}
.featured-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.85))}
.featured-card .fc-body{position:relative;z-index:2;padding:1.5rem}
.featured-card h3{color:#fff;font-size:1.5rem;margin:.4rem 0}

/* ---------- Event detail ---------- */
.event-hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:420px;display:flex;align-items:end;color:#fff;box-shadow:var(--shadow)}
.event-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.event-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.85))}
.event-hero .eh-body{position:relative;z-index:2;padding:2rem}
.event-hero h1{color:#fff;font-size:clamp(1.8rem,4vw,3rem);font-weight:800;letter-spacing:-.035em}
.info-row{display:flex;gap:.9rem;align-items:flex-start;padding:.9rem 0;border-bottom:1px solid var(--line)}
.info-row .ic{width:42px;height:42px;border-radius:12px;background:var(--brand-50);display:grid;place-items:center;font-size:1.15rem;flex:0 0 42px}
.ticket-box{border-radius:20px;box-shadow:var(--shadow);position:sticky;top:90px}
.tier-row{border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;margin-bottom:.65rem;background:var(--surface);transition:border-color .2s}
.tier-row:hover{border-color:#c4b5fd}

/* ---------- Panels (dashboard layout) ---------- */
.panel-wrap{display:flex;min-height:calc(100vh - 68px)}
.panel-side{width:260px;flex:0 0 260px;background:var(--surface);border-right:1px solid var(--line);padding:1.25rem .9rem;position:sticky;top:68px;height:calc(100vh - 68px);overflow:auto}
.panel-side .ps-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;padding:.4rem .75rem}
.panel-nav a{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border-radius:10px;color:var(--ink-2);font-weight:500;font-size:.93rem;margin-bottom:2px}
.panel-nav a:hover{background:var(--surface-2);color:var(--ink)}
.panel-nav a.active{background:var(--brand-50);color:var(--brand);font-weight:600}
.panel-main{flex:1;min-width:0;padding:1.75rem clamp(1rem,3vw,2.25rem) 3rem}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}
.panel-head h3{margin:0;font-size:1.6rem;font-weight:800;letter-spacing:-.03em}
.stat{border-radius:18px!important;border:1px solid var(--line)!important;background:var(--surface);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.stat .card-body{padding:1.1rem 1.2rem}
.stat .small{font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem!important}
.stat .fs-4,.stat .fs-3{font-weight:800!important;letter-spacing:-.03em}
.stat::before{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:var(--brand-50)}
@media (max-width:991.98px){.panel-side{display:none}.panel-wrap{display:block}}

/* ---------- Auth ---------- */
.auth-wrap{min-height:calc(100vh - 140px);display:grid;grid-template-columns:1fr 1fr}
.auth-art{position:relative;background-size:cover;background-position:center}
.auth-art::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(76,29,149,.75),rgba(190,24,93,.55))}
.auth-art .aa-body{position:absolute;z-index:2;bottom:3rem;left:3rem;right:3rem;color:#fff}
.auth-art h2{color:#fff;font-size:2.2rem;font-weight:800}
.auth-form{display:flex;align-items:center;justify-content:center;padding:3rem 1.25rem}
.auth-form .inner{width:100%;max-width:420px}
@media (max-width:991.98px){.auth-wrap{grid-template-columns:1fr}.auth-art{display:none}}

/* ---------- Tickets ---------- */
.ticket{display:flex;flex-wrap:wrap;border-radius:20px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--line);page-break-inside:avoid;break-inside:avoid;position:relative}
.ticket .t-main{flex:1 1 300px;padding:1.4rem 1.5rem;border-right:2px dashed var(--line);position:relative}
.ticket .t-stub{flex:0 0 220px;padding:1.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface-2)}
.ticket .t-band{height:8px;width:100%;background:linear-gradient(90deg,#7c3aed,#f43f5e,#f97316);flex-basis:100%}
.ticket .qr{width:168px;height:168px;background:#fff;padding:8px;border-radius:12px}
.ticket .qr img,.ticket .qr canvas{width:152px!important;height:152px!important}
.ticket.simple{display:block;padding:1.2rem}

/* ---------- Checkout timer ---------- */
.hold-timer{display:flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,#fff7ed,#ffe4e6);color:#9a3412;border:1px solid #fed7aa;border-radius:14px;padding:.7rem 1rem;font-weight:600;margin-bottom:1rem}
[data-bs-theme=dark] .hold-timer{background:rgba(249,115,22,.12);border-color:rgba(249,115,22,.35);color:#fdba74}
.hold-timer .ht-clock{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:800;margin-left:auto}
.hold-timer.urgent{animation:pulse 1s infinite}
@keyframes pulse{50%{opacity:.6}}
@media (max-width:767.98px){.hold-timer{position:sticky;top:64px;z-index:1020;border-radius:0;margin:0 -12px 1rem}}

/* ---------- Footer ---------- */
.site-footer{background:#0b0d14;color:#a1a1aa;padding:3.5rem 0 2rem;margin-top:4rem}
.site-footer h6{color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.site-footer a{color:#a1a1aa;display:block;padding:.2rem 0}
.site-footer a:hover{color:#fff}
.site-footer .brand{color:#fff!important}

/* Misc */
.seatmap td{padding:2px}.seat{width:30px;height:30px;padding:0;font-size:.68rem;border-radius:8px!important}
#reader{max-width:420px;border-radius:16px;overflow:hidden}
.scan-result{font-size:1.25rem;border-radius:18px}
.big-touch{min-height:56px;font-size:1.1rem}
.empty{padding:3rem;text-align:center;color:var(--muted);border:2px dashed var(--line);border-radius:20px}
code{color:var(--accent)}
.offcanvas{background:var(--surface)}

@media (max-width:767.98px){
  .panel-content table.table,.panel-main table.table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  .btn:not(.btn-sm):not(.btn-link),.form-control:not(.form-control-sm),.form-select:not(.form-select-sm){min-height:46px}
  .hero{min-height:520px;border-radius:0}
  .section{padding:2.25rem 0}
  .event-hero{min-height:300px}.event-hero .eh-body{padding:1.25rem}
  .ticket-box{position:static}
  .ticket .t-main{border-right:0;border-bottom:2px dashed var(--line)}
  .ticket .t-stub{flex-basis:100%}
  .card-body.p-5{padding:1.25rem!important}
  #reader{max-width:100%}
}

/* ---------- Print ---------- */
@media print{
  @page{margin:10mm}
  html,body{background:#fff!important;color:#000!important}
  .no-print,.site-header,.site-footer,nav,.panel-side,.btn,form{display:none!important}
  .ticket{box-shadow:none!important;border:1px solid #bbb!important;margin:0 0 8mm;background:#fff!important}
  .ticket .t-stub{background:#f5f5f5!important}
  .ticket .t-band{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .card{box-shadow:none!important}
  a{color:#000!important}
  .container{max-width:100%!important}
}

/* ---------- Auth v2 (login / register / forgot / reset) ---------- */
.auth-body{background:var(--bg);min-height:100vh}
.auth2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh}
.auth2-art{position:sticky;top:0;height:100vh;align-self:start;background-size:cover;background-position:center;color:#fff;padding:2.5rem 3rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.auth2-art::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,6,30,.35) 0%,rgba(10,6,30,.15) 35%,rgba(10,6,30,.88) 100%),linear-gradient(135deg,rgba(109,40,217,.45),rgba(244,63,94,.18) 60%,transparent)}
.auth2-art>*{position:relative;z-index:1}
.brand-light{color:#fff!important}
.auth2-quote{max-width:520px;margin:0;animation:authUp .7s .1s both}
.auth2-quote blockquote{font-size:1.55rem;line-height:1.35;font-weight:600;letter-spacing:-.02em;margin:0 0 1rem}
.auth2-quote figcaption{color:rgba(255,255,255,.75);font-size:.95rem}
.auth2-stats{display:flex;gap:2rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.18);font-size:.8rem;color:rgba(255,255,255,.7)}
.auth2-stats strong{display:block;color:#fff;font-size:1.25rem;font-weight:800}
.auth2-main{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1.5rem 1.25rem;background:var(--bg)}
.auth2-top{width:100%;display:flex;align-items:center;max-width:460px}
.auth2-card{width:100%;max-width:460px;margin:auto 0;padding:2.25rem 0;animation:authUp .5s both}
.auth2-head{margin-bottom:1.6rem}
.auth2-head h1{font-size:1.85rem;font-weight:800;letter-spacing:-.035em;margin-bottom:.35rem}
.auth2-head p{color:var(--muted);margin:0}
.auth2-foot{font-size:.8rem;color:var(--muted);margin:0}
.auth2-foot a{color:var(--muted)}
.auth-field{margin-bottom:1.05rem}
.auth-label{font-size:.85rem;font-weight:600;color:var(--ink-2);margin-bottom:.4rem;display:block}
.auth-hint{font-size:.78rem;color:var(--muted);margin-top:.35rem}
.auth-link{color:var(--brand);font-weight:600;text-decoration:none}
.auth-link:hover{text-decoration:underline}
.input-icon{position:relative}
.input-icon .ii{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--muted);display:flex;pointer-events:none;transition:color .15s}
.input-icon .form-control{height:48px;padding-left:2.75rem;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:.97rem;transition:border-color .15s,box-shadow .15s}
.input-icon.has-toggle .form-control{padding-right:3rem}
.input-icon .form-control:hover{border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}
.input-icon .form-control:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 16%,transparent)}
.input-icon:focus-within .ii{color:var(--brand)}
.input-icon .form-control.is-invalid{border-color:#e11d48;background-image:none}
.input-icon .form-control.is-invalid:focus{box-shadow:0 0 0 4px rgba(225,29,72,.14)}
.pw-toggle{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);width:38px;height:38px;border-radius:10px;display:grid;place-items:center}
.pw-toggle:hover{background:var(--surface-2);color:var(--ink)}
.auth-check{margin:.25rem 0 1.25rem}
.auth-check .form-check-label{font-size:.9rem;color:var(--ink-2)}
.form-check-input:checked{background-color:var(--brand);border-color:var(--brand)}
.auth-submit{height:50px;border-radius:12px;font-weight:700;font-size:1rem;position:relative;transition:transform .12s,box-shadow .2s}
.auth-submit:hover{transform:translateY(-1px)}
.auth-submit:active{transform:none}
.auth-submit.loading span{opacity:0}
.auth-submit.loading::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}
.auth-alt{height:48px;border-radius:12px;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:flex;align-items:center;justify-content:center}
.auth-alt:hover{background:var(--surface-2);color:var(--ink);border-color:var(--line)}
.auth-divider{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.82rem;margin:1.5rem 0 1rem}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--line)}
.auth-alert{display:flex;gap:.65rem;align-items:flex-start;padding:.8rem 1rem;border-radius:12px;font-size:.9rem;margin-bottom:1rem;border:1px solid;animation:authShake .35s both}
.auth-alert svg{flex:none;margin-top:1px}
.auth-alert-danger{background:#fff1f2;border-color:#fecdd3;color:#9f1239}
.auth-alert-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}
.auth-alert-success,.auth-alert-info{background:#ecfdf5;border-color:#a7f3d0;color:#065f46;animation:authUp .4s both}
[data-bs-theme=dark] .auth-alert-danger{background:rgba(225,29,72,.12);border-color:rgba(225,29,72,.35);color:#fda4af}
[data-bs-theme=dark] .auth-alert-warning{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.35);color:#fcd34d}
[data-bs-theme=dark] .auth-alert-success,[data-bs-theme=dark] .auth-alert-info{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35);color:#6ee7b7}
.cap-box{display:flex;align-items:center;gap:.6rem;padding:.5rem;border:1px dashed var(--line);border-radius:12px;background:var(--surface)}
.cap-img{border-radius:8px;display:block;max-width:100%;height:auto}
.cap-math{flex:1;font-weight:700;font-size:1.15rem;padding:.6rem .8rem;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.cap-refresh{margin-left:auto;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);display:grid;place-items:center;flex:none}
.cap-refresh:hover{color:var(--brand);border-color:var(--brand)}
.cap-refresh.spin svg{animation:spin .5s linear}
.hp-field{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.15rem}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg label{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:.75rem .9rem;cursor:pointer;transition:all .15s;display:flex;flex-direction:column}
.seg label strong{font-size:.92rem}
.seg label small{color:var(--muted);font-size:.78rem}
.seg input:checked+label{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent);background:var(--brand-50)}
.seg input:focus-visible+label{outline:2px solid var(--brand);outline-offset:2px}
.auth-form2:has(#t_fan:checked) .org-only{display:none}
.auth-form2:has(#t_fan:checked) .org-pair{width:100%;flex:0 0 100%;max-width:100%}
.auth-check .form-check-input{border-color:color-mix(in srgb,var(--muted) 55%,transparent)}
.pw-meter{display:flex;align-items:center;gap:4px}
.pw-meter i{flex:1;height:4px;border-radius:4px;background:var(--line);transition:background .2s}
.pw-meter span{min-width:52px;text-align:right;font-weight:600;font-size:.75rem}
.pw-meter[data-s="1"] i:nth-child(-n+1){background:#e11d48}.pw-meter[data-s="1"] span{color:#e11d48}
.pw-meter[data-s="2"] i:nth-child(-n+2){background:#f59e0b}.pw-meter[data-s="2"] span{color:#d97706}
.pw-meter[data-s="3"] i:nth-child(-n+3){background:#10b981}.pw-meter[data-s="3"] span{color:#059669}
.pw-meter[data-s="4"] i{background:#059669}.pw-meter[data-s="4"] span{color:#059669}
.auth-badge-ok,.auth-badge-err{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;font-weight:800;margin:0 auto 1.2rem}
.auth-badge-ok{background:#d1fae5;color:#047857}.auth-badge-err{background:#ffe4e6;color:#be123c}
@keyframes authUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes authShake{0%,100%{transform:none}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.auth2-card,.auth2-quote,.auth-alert{animation:none}}
@media (max-width:991.98px){
  .auth2{grid-template-columns:1fr}
  .auth2-art{display:none}
  .auth2-main{padding:1rem 1.25rem}
  .auth2-card{padding:1.75rem 0 1.5rem;margin:1rem 0 auto}
  .auth2-head h1{font-size:1.6rem}
}
@media (max-width:420px){.seg label{padding:.65rem .7rem}.seg label small{display:none}}

/* ---------- Organizer event hub / list / wizard ---------- */
.hub-top{background:var(--surface);border-bottom:1px solid var(--line);padding-top:1.25rem}
.hub-event{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;padding-bottom:1rem}
.hub-event>img{width:96px;aspect-ratio:16/10;object-fit:cover;border-radius:12px;flex:none}
.hub-title{font-size:1.45rem;font-weight:800;letter-spacing:-.03em;margin:0}
.min-w-0{min-width:0}
.hub-tabs{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none;margin:0 -.25rem;-webkit-overflow-scrolling:touch}
.hub-tabs::-webkit-scrollbar{display:none}
.hub-tabs a{white-space:nowrap;padding:.7rem .9rem;color:var(--muted);font-weight:600;font-size:.92rem;border-bottom:2.5px solid transparent;text-decoration:none}
.hub-tabs a:hover{color:var(--ink)}
.hub-tabs a.active{color:var(--brand);border-bottom-color:var(--brand)}
.hub-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}
.hub-sec-head h2{font-size:1.4rem;font-weight:800;letter-spacing:-.03em;margin:0}
.hub-sec-head p{color:var(--muted);margin:.2rem 0 0;font-size:.92rem}
.hub-card-title{font-weight:700;font-size:.95rem;margin-bottom:1rem}
.hub-form .card{border-radius:16px}
.hub-save{position:sticky;bottom:0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);padding:.9rem 0;border-top:1px solid var(--line);z-index:5;display:flex;justify-content:flex-end;gap:.5rem}
.hub-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap}
.hub-table td{padding-top:.85rem;padding-bottom:.85rem}
.hub-table a{color:var(--ink);text-decoration:none}.hub-table a:hover{color:var(--brand)}
.setting-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.setting-row:last-child{border-bottom:0;padding-bottom:0}.setting-row:first-of-type{padding-top:0}
.setting-row .form-switch .form-check-input{width:2.6em;height:1.4em}
.checklist{list-style:none;padding:0;margin:0}
.checklist li{display:flex;align-items:center;gap:.7rem;padding:.5rem 0}
.checklist li span{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-size:.75rem;font-weight:800;flex:none}
.checklist li.done span{background:#10b981;border-color:#10b981;color:#fff}
.checklist li.done a,.checklist li.done{color:var(--muted)}
.ev-filters{display:flex;gap:.35rem;flex-wrap:wrap}
.ev-filters a{padding:.45rem .85rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-weight:600;font-size:.88rem;text-decoration:none}
.ev-filters a span{color:var(--muted);font-weight:500;margin-left:.2rem}
.ev-filters a.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.ev-filters a.active span{color:inherit;opacity:.7}
.ev-list{display:flex;flex-direction:column;gap:.75rem}
.ev-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border-radius:16px;flex-direction:row}
.ev-date{width:52px;text-align:center;flex:none;color:var(--ink);text-decoration:none;line-height:1.1}
.ev-date strong{display:block;font-size:1.35rem;font-weight:800}.ev-date span{font-size:.72rem;text-transform:uppercase;color:var(--brand);font-weight:700}
.ev-thumb{width:110px;aspect-ratio:16/10;object-fit:cover;border-radius:10px;flex:none}
.ev-main{flex:1;min-width:0}
.ev-name{font-weight:700;color:var(--ink);text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev-name:hover{color:var(--brand)}
.ev-stat{width:120px;flex:none}.ev-stat strong{font-size:1rem}
.ev-actions{flex:none;display:flex}
.wizard-steps{display:flex;list-style:none;padding:0;margin:0 0 1.5rem;gap:.5rem}
.wizard-steps li{flex:1;display:flex;align-items:center;gap:.6rem;font-weight:600;color:var(--muted);padding:.75rem 1rem;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.wizard-steps li span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-size:.85rem;flex:none}
.wizard-steps li.active{color:var(--ink);border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}
.wizard-steps li.active span{background:var(--brand);color:#fff}
.wizard-steps li.done span{background:#10b981;color:#fff}
.seat{display:inline-block;width:14px;height:14px;border-radius:4px;background:color-mix(in srgb,var(--brand) 25%,transparent)}
.seat.taken{background:var(--muted)}
@media (max-width:767.98px){
  .ev-item{flex-wrap:wrap;gap:.6rem .9rem}
  .ev-thumb{display:none}
  .ev-main{flex:1 1 calc(100% - 70px)}
  .ev-stat{width:auto;flex:1}
  .ev-actions{width:100%}.ev-actions .btn:first-child{flex:1}
  .hub-event>img{width:64px}
  .hub-title{font-size:1.2rem}
  .wizard-steps li{padding:.6rem;font-size:.85rem;justify-content:center}
}
/* Custom event URL field */
.slug-field .slug-prefix{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;color:var(--muted,#6b7280);font-size:.9rem;line-height:1.6}
.slug-field .form-control{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
@media (max-width:575px){.slug-field .input-group{flex-wrap:wrap}.slug-field .slug-prefix{max-width:none;width:100%;border-radius:var(--bs-border-radius) var(--bs-border-radius) 0 0!important;border-bottom:0;font-size:.8rem;padding:.3rem .75rem}
.slug-field .input-group>.form-control{width:100%;margin-left:0!important;border-radius:0 0 var(--bs-border-radius) var(--bs-border-radius)!important}}
/* Quantity stepper (event tickets, add-ons, cart) */
.qty-stepper{display:inline-flex;align-items:stretch;height:44px;border:1.5px solid var(--bs-border-color,#d9dce3);border-radius:999px;background:var(--bs-body-bg,#fff);overflow:hidden;transition:border-color .15s,box-shadow .15s;flex-shrink:0}
.qty-stepper:focus-within{border-color:var(--brand,#7c3aed);box-shadow:0 0 0 3px rgba(124,58,237,.18)}
.qty-stepper.has-value{border-color:var(--brand,#7c3aed)}
.qty-stepper .qs-btn{width:44px;border:0;background:transparent;color:var(--brand,#7c3aed);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s;padding:0;touch-action:manipulation}
.qty-stepper .qs-btn:hover:not(:disabled){background:rgba(124,58,237,.1)}
.qty-stepper .qs-btn:active:not(:disabled){background:rgba(124,58,237,.2)}
.qty-stepper .qs-btn:disabled{color:var(--bs-secondary-color,#9aa0ac);opacity:.45;cursor:not-allowed}
.qty-stepper .qs-input{width:44px;border:0;background:transparent;text-align:center;font-weight:700;font-size:1.05rem;font-variant-numeric:tabular-nums;color:var(--bs-body-color);padding:0;-moz-appearance:textfield;appearance:textfield}
.qty-stepper .qs-input::-webkit-outer-spin-button,.qty-stepper .qs-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qty-stepper .qs-input:focus{outline:0}
.qty-stepper.is-disabled{opacity:.5;background:var(--bs-tertiary-bg,#f3f4f6)}
.qty-stepper.qs-sm{height:40px}.qty-stepper.qs-sm .qs-btn{width:40px}.qty-stepper.qs-sm .qs-input{width:38px;font-size:1rem}
.qs-hint{font-size:.75rem;color:var(--bs-secondary-color,#6b7280);margin-top:.25rem;text-align:center}
.tier-buy{display:flex;flex-direction:column;align-items:flex-end}
.tier-buy .qs-hint{align-self:center}
.addon-row.addon-locked .addon-note{color:var(--bs-secondary-color)}
.addon-row{gap:.75rem}
@media (max-width:575px){.tier-row{flex-wrap:wrap}.qty-stepper{height:46px}.qty-stepper .qs-btn{width:46px}}
.cart-lines td{padding-top:.6rem;padding-bottom:.6rem}
.cart-qty-cell{width:1%;white-space:nowrap;padding-right:.75rem!important}
.cart-qty-fixed{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:999px;background:var(--bs-tertiary-bg,#f3f4f6);font-weight:700}
#cartQty.is-updating{opacity:.6;pointer-events:none;transition:opacity .2s}

/* ===== v7 feature pack ===== */
/* Seat map (shared) */
.sm-svg{width:100%;height:100%;display:block;touch-action:none;user-select:none;cursor:grab;background:var(--surface-2);border-radius:var(--radius-sm)}
.sm-svg:active{cursor:grabbing}
.sm-bg{fill:var(--surface)}
.sm-stage rect{fill:#1e1b4b}.sm-stage text{fill:#fff;font-weight:700;letter-spacing:.12em;font-size:14px}
.sm-sec-box{fill:transparent;stroke:var(--line);stroke-dasharray:4 3}
.sm-sec-name{fill:var(--ink-2);font-weight:700;font-size:12px}
.sm-row,.sm-num{fill:var(--muted);font-size:9px}
.sm-label{fill:var(--ink-2);font-weight:600}
.sm-seat{stroke:rgba(15,23,42,.25);stroke-width:1;transition:transform .12s, fill .12s;cursor:pointer;transform-box:fill-box;transform-origin:center}
.sm-seat:hover{stroke:var(--ink);stroke-width:2}
.sm-seat.is-removed{fill:transparent!important;stroke:var(--line);stroke-dasharray:2 2;cursor:default}
.sm-seat.is-taken{fill:#cbd5e1!important;cursor:not-allowed;stroke:#94a3b8}
.sm-seat.is-picked{fill:var(--brand)!important;stroke:#fff;stroke-width:2;transform:scale(1.15)}
.sm-check{fill:#fff;font-size:9px;font-weight:800;pointer-events:none}
.is-sel>rect,.is-sel.sm-label,.is-sel .sm-sec-box{stroke:var(--accent)!important;stroke-width:2;stroke-dasharray:none}
/* Seat picker (buyer) */
.seat-picker{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-top:16px;box-shadow:var(--shadow-sm)}
.sp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.sp-zoom{display:flex;gap:4px}.sp-zoom button,.sd-zoom button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-weight:700;line-height:1}
.sp-zoom button:hover{background:var(--brand-50);border-color:var(--brand)}
.sp-stage{position:relative;height:min(62vh,460px);border-radius:var(--radius-sm);overflow:hidden}
.sm-msg{position:absolute;left:50%;bottom:12px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:6px 14px;border-radius:999px;font-size:.85rem;opacity:0;transition:.2s;pointer-events:none;white-space:nowrap}
.sm-msg.show{opacity:1;transform:translateX(-50%) translateY(0)}
.sm-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 6px;font-size:.82rem;color:var(--ink-2)}
.sm-legend span{display:inline-flex;align-items:center;gap:6px}
.sm-legend i{width:14px;height:14px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.15)}
.sm-legend .lg-taken{background:#cbd5e1}.sm-legend .lg-picked{background:var(--brand)}
.sm-selected{display:flex;flex-wrap:wrap;gap:6px}
.sm-chip{display:inline-flex;align-items:center;gap:6px;background:var(--brand-50);color:var(--brand-600);border:1px solid rgba(109,40,217,.25);border-radius:999px;padding:3px 10px;font-size:.82rem;font-weight:600}
.sm-chip button{border:0;background:none;color:inherit;padding:0;line-height:1;font-size:1rem}
.sm-total{margin-top:6px}
.hold-note{display:flex;align-items:center;gap:8px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:var(--radius-sm);padding:8px 12px;font-size:.9rem}
/* Seat designer (organizer) */
.seat-designer{overflow:hidden}
.sd-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--surface)}
.sd-brushes{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.sd-brush{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:.82rem;font-weight:600;color:var(--ink-2)}
.sd-brush.active,.sd-brush:hover{border-color:var(--brand);color:var(--brand-600);background:var(--brand-50)}
.sd-dot{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.15)}
.sd-body{display:grid;grid-template-columns:1fr 300px;min-height:520px}
.sd-canvas{position:relative;min-height:520px;padding:10px;background:repeating-linear-gradient(0deg,transparent 0 19px,rgba(100,116,139,.08) 19px 20px),repeating-linear-gradient(90deg,transparent 0 19px,rgba(100,116,139,.08) 19px 20px)}
.sd-canvas .sm-svg{height:100%;min-height:500px;background:transparent}
.sd-canvas.is-painting .sm-seat{cursor:crosshair}
.sd-hint{position:static;display:block;font-size:.82rem;line-height:1.45;color:var(--muted);background:var(--surface-2);padding:8px 10px;border-radius:8px}
.sd-side{border-left:1px solid var(--line);background:var(--surface);padding:12px;display:flex;flex-direction:column;gap:12px;max-height:640px;overflow:auto}
.sd-panel{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px}
.sd-panel-title,.sd-props-head{font-weight:700;font-size:.85rem;margin-bottom:8px}
.sd-zone{display:grid;grid-template-columns:34px 1fr;gap:6px;align-items:center;margin-bottom:8px}
.sd-zone .form-control-color{width:34px;height:31px;padding:2px}
.sd-field{margin-bottom:8px}.sd-field label{font-size:.75rem;color:var(--muted);display:block;margin-bottom:2px}
.sd-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 14px;border-top:1px solid var(--line);background:var(--surface)}
.sd-stats{color:var(--ink-2)}
@media (max-width:991px){.sd-body{grid-template-columns:1fr}.sd-side{border-left:0;border-top:1px solid var(--line);max-height:none}.sd-canvas{min-height:380px}.sd-canvas .sm-svg{min-height:360px}}
/* Auth extras */
.social-btns{display:grid;gap:8px;margin-bottom:6px}
.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px;font-weight:600;color:var(--ink);text-decoration:none;transition:.15s}
.social-btn:hover{border-color:var(--ink-2);box-shadow:var(--shadow-sm);color:var(--ink)}
.social-btn svg{width:18px;height:18px}
.auth-or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.8rem;margin:14px 0}
.auth-or::before,.auth-or::after{content:"";flex:1;height:1px;background:var(--line)}
.otp-input{font-size:1.6rem;letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;font-weight:700}
.qr-frame{display:inline-block;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px}
.qr-frame svg{width:180px;height:180px;display:block}
.backup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;font-family:ui-monospace,Menlo,Consolas,monospace;background:var(--surface-2);border-radius:var(--radius-sm);padding:12px}
/* Marketing */
.collection-hero{background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;border-radius:var(--radius-lg);padding:32px;margin-bottom:24px}
.scroll-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.scroll-row>*{scroll-snap-align:start}
@media (max-width:575px){.scroll-row{grid-auto-columns:82%}}
.presale-box{border:1px dashed rgba(109,40,217,.4);background:var(--brand-50);border-radius:var(--radius-sm);padding:12px}
.wallet-row{display:flex;flex-wrap:wrap;gap:6px}
.wallet-btn{border-radius:10px;font-weight:600}
/* PWA */
.offline-bar{position:sticky;top:0;z-index:1050;background:#1e293b;color:#fff;text-align:center;font-size:.85rem;padding:6px 10px}
/* Admin: features & performance */
.feat-group{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--muted);font-weight:700;margin:6px 0 10px}
.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;height:100%;transition:border-color .15s, box-shadow .15s}
.feature-card.is-on{border-color:rgba(109,40,217,.35);box-shadow:0 0 0 3px var(--brand-50)}
.feature-card .form-switch .form-check-input{width:2.6em;height:1.4em;cursor:pointer}
.feat-fields summary{cursor:pointer;color:var(--brand-600)}
.feat-savebar{position:sticky;bottom:0;background:var(--glass);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:12px 0;margin-top:8px;z-index:5}
.cache-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.mini-stat{background:var(--surface-2);border-radius:var(--radius-sm);padding:10px 6px}
.mini-stat b{display:block;font-size:1.3rem}.mini-stat span{font-size:.75rem;color:var(--muted)}
.border-dashed{border:1px dashed var(--line)!important}
.sd-zone{grid-template-columns:34px 1fr 22px}
.sd-zone .form-control-color{grid-column:1;grid-row:1}.sd-zone input.form-control-sm{grid-column:2;grid-row:1}
.sd-zone .btn-link{grid-column:3;grid-row:1;text-decoration:none}.sd-zone select{grid-column:1 / -1;grid-row:2}
@media (max-width:575px){.sp-stage{height:auto;aspect-ratio:4/3}}

/* designer toolbar: wrap cleanly, never overlap */
.seat-designer{position:relative}
.sd-toolbar,.sd-brushes{position:relative;z-index:1}
.sd-toolbar>.btn-group{flex-wrap:wrap}
.sd-toolbar>.ms-auto{flex-wrap:wrap}
@media (max-width:575px){.sd-toolbar>.btn-group{width:100%}.sd-toolbar>.btn-group>.btn{flex:1 1 45%}.sd-toolbar>.ms-auto{margin-left:0!important}}

/* ===== Content & legal pages ===== */
.content-page h1{font-size:clamp(1.7rem,3.5vw,2.4rem)}
.page-body{font-size:1rem;line-height:1.7;color:var(--ink-2)}
.page-body h2{font-size:1.25rem;font-weight:700;color:var(--ink);margin:1.8rem 0 .6rem}
.page-body h3{font-size:1.05rem;font-weight:700;color:var(--ink);margin:1.4rem 0 .5rem}
.page-body h2:first-child,.page-body h3:first-child{margin-top:0}
.page-body ul,.page-body ol{padding-left:1.3rem}.page-body li{margin-bottom:.35rem}
.page-body blockquote{border-left:4px solid var(--brand);background:var(--brand-50);padding:.6rem 1rem;border-radius:0 8px 8px 0}
.page-body table{width:100%;border-collapse:collapse;margin:1rem 0}.page-body td,.page-body th{border:1px solid var(--line);padding:.45rem .6rem}
.page-body a{word-break:break-word}
.legal-template-note{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:10px;padding:.75rem 1rem;font-size:.9rem;margin-bottom:1.4rem}
.legal-nav{position:sticky;top:90px;display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}
.legal-nav a{padding:7px 10px;border-radius:8px;color:var(--ink-2);text-decoration:none;font-weight:500}
.legal-nav a:hover{background:var(--surface-2)}.legal-nav a.active{background:var(--brand-50);color:var(--brand-600);font-weight:700}
@media (max-width:991px){.legal-nav{position:static;flex-direction:row;flex-wrap:wrap}}
.footer-legal{display:flex;flex-wrap:wrap;gap:4px 14px}.footer-legal a{color:inherit;opacity:.85}
.cookie-notice{position:fixed;left:16px;right:16px;bottom:16px;z-index:1080;max-width:560px;margin:0 auto;background:#111827;color:#f9fafb;border-radius:14px;padding:12px 14px;display:flex;gap:12px;align-items:center;justify-content:space-between;box-shadow:var(--shadow-lg);font-size:.88rem}
.cookie-notice[hidden]{display:none}.cookie-notice a{color:#c4b5fd}
.terms-check a,.auth-check a{font-weight:600}
.refund-note a{font-weight:600}
/* Rich-text editor */
.rte{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.rte-bar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border-bottom:1px solid var(--line);background:var(--surface-2);position:sticky;top:0;z-index:2}
.rte-group{display:flex;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:2px}
.rte-btn{border:0;background:transparent;border-radius:6px;padding:4px 9px;font-size:.85rem;color:var(--ink);min-width:32px;line-height:1.4}
.rte-btn:hover,.rte-btn.active{background:var(--brand-50);color:var(--brand-600)}
.rte-bar>.rte-btn{border:1px solid var(--line);background:var(--surface);margin-left:auto}
.rte-area{min-height:420px;max-height:70vh;overflow:auto;padding:18px 20px;outline:0}
.rte-area:focus{box-shadow:inset 0 0 0 2px var(--brand-50)}
.rte-source{display:none;border:0;border-radius:0;min-height:420px}
.rte.is-source .rte-area{display:none}.rte.is-source .rte-source{display:block}.rte.is-source .rte-group{opacity:.4;pointer-events:none}
.cookie-notice .btn{white-space:nowrap;flex-shrink:0}
@media (max-width:991px){.legal-nav>div{width:100%;margin-bottom:2px!important}}

/* ===== Event page templates (classic / immersive / minimal) ===== */
.tpl-accent .btn-brand,.tpl-accent .btn-primary{background:var(--tpl-accent);color:var(--tpl-on-accent);box-shadow:0 8px 20px -8px rgba(var(--tpl-accent-rgb),.6)}
.tpl-accent .btn-brand:hover,.tpl-accent .btn-primary:hover{background:var(--brand-600);color:var(--tpl-on-accent)}
.tpl-accent .btn-outline-primary{--bs-btn-color:var(--tpl-accent);--bs-btn-border-color:var(--tpl-accent);--bs-btn-hover-bg:var(--tpl-accent);--bs-btn-hover-border-color:var(--tpl-accent);--bs-btn-hover-color:var(--tpl-on-accent);--bs-btn-active-bg:var(--brand-600)}
.tpl-accent .text-primary{color:var(--tpl-accent)!important}.tpl-accent .eyebrow{background:var(--tpl-accent);color:var(--tpl-on-accent)}
.tpl-logo{max-height:56px;max-width:180px;object-fit:contain;border-radius:10px;background:rgba(255,255,255,.92);padding:6px 10px}
.tpl-logo-dark{background:transparent;padding:0}
.map-ph{background:var(--surface-2);padding:2rem;text-align:center;color:var(--muted)}
.tpl-bar{position:fixed;left:0;right:0;bottom:0;z-index:1030;background:rgba(10,10,16,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:10px 0 calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);transition:transform .25s ease}
.tpl-bar.is-hidden{transform:translateY(110%)}.tpl-bar .min-w-0{min-width:0}
.tpl-bar-light{background:rgba(255,255,255,.95);color:var(--ink);border-top:1px solid var(--line)}
/* Immersive */
.tpl-immersive{background:#07070b;color:#e5e7eb;margin-bottom:-1px}
.tpl-immersive .im-hero{position:relative;min-height:min(88vh,760px);display:flex;align-items:flex-end;overflow:hidden;color:#fff}
.tpl-immersive .im-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tpl-immersive .im-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,11,.15) 0%,rgba(7,7,11,.35) 45%,#07070b 100%)}
.tpl-immersive .im-hero-in{position:relative;z-index:2;padding-top:6rem;padding-bottom:3.5rem}
.tpl-immersive .im-hero h1{font-size:clamp(2.4rem,7vw,5.2rem);font-weight:800;letter-spacing:-.045em;line-height:.95;color:#fff;max-width:14ch;text-wrap:balance;margin:.4rem 0 .8rem}
.tpl-immersive .im-meta{font-size:1.15rem;font-weight:600}.tpl-immersive .im-org{opacity:.75;margin-top:.25rem}.tpl-immersive .im-org a{color:#fff}
.tpl-immersive .im-date{display:inline-flex;flex-direction:column;align-items:center;line-height:1;background:var(--tpl-accent,#8b5cf6);color:var(--tpl-on-accent,#fff);border-radius:14px;padding:8px 12px;text-transform:uppercase;font-size:.72rem;font-weight:700;letter-spacing:.06em}
.tpl-immersive .im-date b{font-size:1.7rem;letter-spacing:-.03em;margin:2px 0}
.tpl-immersive .im-scroll{position:absolute;z-index:2;left:50%;bottom:12px;transform:translateX(-50%);color:#fff;opacity:.6;font-size:1.6rem;text-decoration:none}
.tpl-immersive .im-content{padding-top:3rem;padding-bottom:2rem}
.tpl-immersive h4,.tpl-immersive h2{color:#fff;font-weight:800;letter-spacing:-.02em}
.tpl-immersive .im-facts{background:#12121a;border:1px solid #23232f;border-radius:20px;padding:1.2rem;position:sticky;top:90px}
.tpl-immersive .info-row .ic{background:#1d1d29}
.tpl-immersive .im-lineup{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.tpl-immersive .im-artist{display:flex;gap:12px;align-items:center;background:#12121a;border:1px solid #23232f;border-radius:16px;padding:12px}
.tpl-immersive .im-artist small,.tpl-immersive .im-sched small{display:block;opacity:.65}
.tpl-immersive .im-av,.tpl-minimal .mn-av{flex:0 0 44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--tpl-accent,#8b5cf6);color:var(--tpl-on-accent,#fff)}
.tpl-immersive .im-sched{list-style:none;padding:0;border-left:2px solid #23232f;margin-left:6px}
.tpl-immersive .im-sched li{display:flex;gap:16px;padding:.5rem 0 .5rem 1rem;position:relative}
.tpl-immersive .im-sched li::before{content:"";position:absolute;left:-7px;top:.85rem;width:12px;height:12px;border-radius:50%;background:var(--tpl-accent,#8b5cf6)}
.tpl-immersive .im-sched time{flex:0 0 76px;font-weight:700;color:#fff}
.tpl-immersive .im-tickets{background:linear-gradient(180deg,#07070b,#0f0f17);padding:2rem 0 3rem}
.tpl-immersive .im-sheet{background:#12121a;border:1px solid #262633;border-radius:28px 28px 20px 20px;padding:1.6rem;max-width:860px;margin:0 auto;box-shadow:0 -20px 60px -30px rgba(var(--tpl-accent-rgb,139,92,246),.55)}
.tpl-immersive .im-from{background:rgba(255,255,255,.08);border-radius:999px;padding:4px 12px;font-weight:700}
.tpl-immersive .tier-row{background:#171722;border:1px solid #262633;border-radius:16px;padding:14px 16px;margin-bottom:10px}
.tpl-immersive .card{background:#12121a;border-color:#23232f}.tpl-immersive .text-muted{color:#9ca3af!important}
.tpl-immersive + footer,.tpl-immersive ~ footer{margin-top:0}
/* Minimal / Conference */
.tpl-minimal{background:#fff;color:#111827}
.tpl-minimal .mn-head{padding:1rem 0 1.5rem}
.tpl-minimal .mn-eyebrow{color:var(--tpl-accent,var(--brand));font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}
.tpl-minimal h1{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;letter-spacing:-.035em;margin:.4rem 0}
.tpl-minimal .mn-sub{color:#4b5563}
.tpl-minimal .mn-banner{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px}
.tpl-minimal .mn-nav{position:sticky;top:66px;z-index:5;display:flex;gap:4px;overflow-x:auto;background:rgba(255,255,255,.96);border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin:0 0 1.5rem;padding:6px 0;scrollbar-width:none}
.tpl-minimal .mn-nav a{white-space:nowrap;padding:6px 12px;border-radius:8px;color:#374151;text-decoration:none;font-weight:600;font-size:.92rem}.tpl-minimal .mn-nav a:hover{background:#f3f4f6}
.tpl-minimal .mn-sec{padding:1.2rem 0;border-bottom:1px solid #f0f1f4;scroll-margin-top:120px}
.tpl-minimal .mn-sec h4,.tpl-minimal h4{font-weight:800;letter-spacing:-.02em;font-size:1.3rem}
.tpl-minimal .mn-sched{width:100%;border-collapse:collapse}.tpl-minimal .mn-sched th{width:110px;color:var(--tpl-accent,var(--brand));font-weight:700;vertical-align:top;padding:.7rem 0;white-space:nowrap}
.tpl-minimal .mn-sched td{padding:.7rem 0;border-bottom:1px solid #f0f1f4}
.tpl-minimal .mn-speakers{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.tpl-minimal .mn-spk{display:flex;gap:12px;align-items:center;border:1px solid #e5e7eb;border-radius:12px;padding:12px}
.tpl-minimal .mn-side{position:sticky;top:120px;border:1px solid #e5e7eb;border-radius:14px;padding:1.2rem}
.tpl-minimal .mn-from{font-weight:800;font-size:1.25rem;margin-top:.5rem}
.tpl-minimal .mn-ticket-table{border:1px solid #e5e7eb;border-radius:12px;padding:0 16px 16px}
.tpl-minimal .mn-ticket-table .tier-row{border-bottom:1px solid #eef0f3;padding:14px 0;margin:0;border-radius:0;background:none}
.tpl-minimal .mn-ticket-table .tier-row .fw-semibold{font-size:.98rem}
.tpl-minimal .info-row .ic{background:#f3f4f6}
@media (min-width:1200px){.tpl-minimal .mn-nav{top:69px}}
@media (max-width:991px){.tpl-minimal .mn-side{position:static}.tpl-immersive .im-facts{position:static}}
@media (max-width:575px){.tpl-immersive .im-hero{min-height:78vh}.tpl-immersive .im-hero-in{padding-bottom:2.5rem}.tpl-immersive .im-sheet{padding:1.1rem;border-radius:22px}.tpl-minimal .mn-ticket-table{padding:0 12px 12px}}
.tpl-page.is-thumb .tpl-bar{display:none}
.tpl-page [id]{scroll-margin-top:84px}.tpl-minimal [id]{scroll-margin-top:130px}
.tpl-immersive .im-hero-in .tpl-logo{display:block}
body:has(.tpl-bar:not(.is-hidden)) .cookie-notice{bottom:84px}

/* ===== Ticket designs (print, wallet view, previews) ===== */
.tk{--tk-accent:var(--tpl-accent,#6d28d9);--tk-on:var(--tpl-on-accent,#fff);position:relative;background:#fff;color:#111827;border-radius:18px;overflow:hidden;margin-bottom:20px;break-inside:avoid;page-break-inside:avoid;box-shadow:0 10px 30px -12px rgba(15,23,42,.25);font-family:var(--bs-body-font-family)}
.tk h3{font-weight:800;letter-spacing:-.025em;font-size:1.45rem;margin:.25rem 0 .35rem;color:inherit}
.tk .tk-when{font-weight:600}.tk .tk-where{color:#4b5563;font-size:.92rem}
.tk .tk-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:1rem 0 0}.tk .tk-grid dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-weight:700}.tk .tk-grid dd{margin:0;font-weight:700}
.tk .tk-qr{background:#fff;padding:10px;border-radius:12px;line-height:0}.tk .tk-qr .qr{width:180px;height:180px}.tk .tk-qr img,.tk .tk-qr canvas{width:180px!important;height:180px!important;image-rendering:pixelated}
.tk .tk-code{display:block;margin-top:6px;font-size:.85rem;color:#111827;letter-spacing:.04em}
.tk .tk-scan{font-size:.75rem;color:#6b7280;margin-top:2px;text-align:center}
.tk .tk-note{font-size:.8rem;color:#4b5563;border-top:1px dashed #d1d5db;margin-top:1rem;padding-top:.6rem}
.tk .tk-logo{max-height:34px;max-width:140px;object-fit:contain}
.tk .tk-site{font-weight:800;letter-spacing:-.02em}
/* classic stub */
.tk-classic{display:flex;border:1px solid #e5e7eb}
.tk-classic::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:var(--tk-accent)}
.tk-classic .tk-main{flex:1 1 auto;padding:1.6rem 1.5rem 1.3rem}
.tk-classic .tk-brand{display:flex;align-items:center;gap:10px;justify-content:space-between}.tk-classic .tk-kind{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--tk-accent)}
.tk-classic .tk-perf{flex:0 0 0;border-left:2px dashed #d1d5db;position:relative;margin:18px 0}
.tk-classic .tk-perf::before,.tk-classic .tk-perf::after{content:"";position:absolute;left:-13px;width:24px;height:24px;border-radius:50%;background:var(--tk-bg,#f4f4f7);border:1px solid #e5e7eb}
.tk-classic .tk-perf::before{top:-32px}.tk-classic .tk-perf::after{bottom:-32px}
.tk-classic .tk-stub{flex:0 0 240px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.4rem 1rem;background:rgba(var(--tpl-accent-rgb,109,40,217),.07)}
/* modern full color */
.tk-modern{background:var(--tk-accent);color:var(--tk-on)}
.tk-modern .tk-head{position:relative;min-height:190px;display:flex;align-items:flex-end}
.tk-modern .tk-head>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tk-modern .tk-head::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.25) 40%,var(--tk-accent))}
.tk-modern .tk-head-in{position:relative;z-index:1;padding:1.2rem 1.5rem .4rem;color:#fff}.tk-modern .tk-head-in h3{font-size:1.7rem;color:#fff}
.tk-modern .tk-head .tk-logo{background:rgba(255,255,255,.92);border-radius:8px;padding:4px 8px}
.tk-modern .tk-body{display:flex;gap:1.2rem;padding:1rem 1.5rem 1.4rem;align-items:center}
.tk-modern .tk-info{flex:1 1 auto}.tk-modern .tk-where,.tk-modern .tk-grid dt{color:inherit;opacity:.8}
.tk-modern .tk-side{flex:0 0 auto;display:flex;flex-direction:column;align-items:center}.tk-modern .tk-code{color:inherit}.tk-modern .tk-scan{color:inherit;opacity:.8}
.tk-modern .tk-note{color:inherit;opacity:.85;border-top-color:rgba(255,255,255,.35);margin:0 1.5rem;padding-bottom:1rem}
/* minimal B&W */
.tk-minimal{border:2px solid #000;border-radius:6px;box-shadow:none;color:#000;-webkit-print-color-adjust:economy}
.tk-minimal .tk-top{display:flex;justify-content:space-between;border-bottom:2px solid #000;padding:.55rem 1rem;font-weight:800;letter-spacing:.12em;font-size:.78rem}
.tk-minimal .tk-top .tk-logo{filter:grayscale(1) contrast(1.2);max-height:24px}
.tk-minimal .tk-body{display:flex;gap:1.2rem;padding:1.1rem 1rem;align-items:center}.tk-minimal .tk-info{flex:1 1 auto}
.tk-minimal h3{font-family:Georgia,"Times New Roman",serif;font-weight:700}.tk-minimal .tk-where,.tk-minimal .tk-grid dt{color:#000}
.tk-minimal .tk-grid dd{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:600}
.tk-minimal .tk-side{border-left:2px dashed #000;padding-left:1.2rem;display:flex;flex-direction:column;align-items:center}
.tk-minimal .tk-qr{padding:0}.tk-minimal .tk-note{color:#000;border-top:1px solid #000;margin:0 1rem;padding-bottom:.7rem}
/* stacked (wallet & narrow screens) */
.tk.is-wallet{max-width:400px;margin-left:auto;margin-right:auto}
.tk.is-wallet.tk-classic{flex-direction:column}.tk.is-wallet.tk-classic .tk-perf{border-left:0;border-top:2px dashed #d1d5db;margin:0 18px;height:0}
.tk.is-wallet.tk-classic .tk-perf::before,.tk.is-wallet.tk-classic .tk-perf::after{top:-13px;bottom:auto;left:auto}.tk.is-wallet.tk-classic .tk-perf::before{left:-32px}.tk.is-wallet.tk-classic .tk-perf::after{right:-32px}
.tk.is-wallet .tk-body{flex-direction:column}.tk.is-wallet.tk-minimal .tk-side{border-left:0;border-top:2px dashed #000;padding:1rem 0 0;width:100%}
.tk.is-wallet .tk-qr .qr,.tk.is-wallet .tk-qr img,.tk.is-wallet .tk-qr canvas{width:220px!important;height:220px!important}
@media (max-width:600px){
 .tk-classic{flex-direction:column}.tk-classic .tk-perf{border-left:0;border-top:2px dashed #d1d5db;margin:0 18px;height:0}
 .tk-classic .tk-perf::before,.tk-classic .tk-perf::after{top:-13px;bottom:auto}.tk-classic .tk-perf::before{left:-32px}.tk-classic .tk-perf::after{left:auto;right:-32px}
 .tk .tk-body{flex-direction:column}.tk-minimal .tk-side{border-left:0;border-top:2px dashed #000;padding:1rem 0 0;width:100%}
}
@media print{.tk{box-shadow:none}.tk-classic,.tk-modern{-webkit-print-color-adjust:exact;print-color-adjust:exact}.tk-minimal *{color:#000!important;background:#fff!important}}
/* Design tab thumbnails */
.design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.design-opt{position:relative;display:block;border:2px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);cursor:pointer;transition:border-color .15s,box-shadow .15s;margin:0}
.design-opt:hover{border-color:var(--brand)}.design-opt:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-50)}
.design-opt input{position:absolute;opacity:0;pointer-events:none}
.design-opt .thumb{position:relative;height:190px;overflow:hidden;background:var(--surface-2);border-bottom:1px solid var(--line)}
.design-opt .thumb iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;pointer-events:none;background:#fff}
.design-opt .thumb.page iframe{width:1280px;height:950px;transform:scale(.2)}
.design-opt .thumb.ticket iframe{width:820px;height:600px;transform:scale(.31)}
.design-opt .d-body{padding:10px 12px}.design-opt .d-body b{display:block}.design-opt .d-body small{color:var(--muted)}
.design-opt .d-check{position:absolute;top:8px;right:8px;z-index:2;background:var(--brand);color:#fff;border-radius:999px;font-size:.72rem;font-weight:700;padding:2px 9px;display:none}
.design-opt:has(input:checked) .d-check{display:block}
.design-opt .d-open{position:absolute;bottom:8px;right:8px;z-index:2}
.tk-modern .tk-head .tk-logo{display:block;margin-bottom:.6rem}.tk-modern .tk-head{min-height:210px}.tk-classic .tk-perf::before{top:-31px}.tk-classic .tk-perf::after{bottom:-31px}