/* Mundo do Ingresso | Design v2 aplicado às telas REAIS.
   Baseado na prévia /nova, sem incorporar seu JavaScript, mocks ou checkout simulado.
   Todos os seletores exigem html.mdi-v2; não tocar na lógica ou DOM existente. */
:root.mdi-v2{
  --mi-bg:#f7f6fa;--mi-surface:#fff;--mi-ink:#15121d;--mi-muted:#625c70;
  --mi-line:#e5e2ec;--mi-accent:#6d28d9;--mi-soft:#efe8fc;
  --mi-shadow:0 2px 7px rgba(18,21,28,.04),0 12px 30px rgba(18,21,28,.035);
  --mi-body:"Figtree",Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  --mi-display:"Bricolage Grotesque","Figtree",system-ui,sans-serif;
  --p:#6d28d9;
  font-family:var(--mi-body);
  color:var(--mi-ink);
  background:var(--mi-bg);
}
html.mdi-v2 body{font-family:var(--mi-body);-webkit-font-smoothing:antialiased}
html.mdi-v2 h1,html.mdi-v2 h2,html.mdi-v2 h3,
html.mdi-v2 .title{font-family:var(--mi-display);letter-spacing:-.025em}
html.mdi-v2 h1{letter-spacing:-.04em}
html.mdi-v2 .muted,html.mdi-v2 .meta{color:var(--mi-muted)}
html.mdi-v2 :where(input,select,textarea,button){font-family:var(--mi-body)}
html.mdi-v2 :where(button,a,input,select,textarea):focus-visible{
  outline:3px solid rgba(109,40,217,.45);outline-offset:3px
}
html.mdi-v2 :where(.btn,.chip,.topbtn,.smallbtn,.buy,.controlbtn){
  transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s;
}
html.mdi-v2 :where(.btn,.topbtn,.smallbtn,.buy){border-radius:12px}
html.mdi-v2 :where(.btn.primary,.buy){
  background:#6d28d9;color:#fff;border-color:#6d28d9;
  box-shadow:0 4px 12px rgba(109,40,217,.14)
}
html.mdi-v2 :where(.btn.primary,.buy):not(:disabled):hover{
  background:#5920b5;border-color:#5920b5
}
html.mdi-v2 :where(.btn,.smallbtn):not(.primary):not(.danger){
  border-color:var(--mi-line);background:var(--mi-surface);color:var(--mi-ink)
}
html.mdi-v2 :where(.card,.event,.exploreBox,.orderCard,.ticket,.authbox,.adminStageCard){
  border-color:var(--mi-line);box-shadow:var(--mi-shadow)
}
html.mdi-v2 :where(.card,.event,.orderCard,.exploreBox,.authbox){
  border-radius:16px
}
html.mdi-v2 :where(input,select,textarea):not([type="checkbox"]):not([type="radio"]){
  border-color:#d9d4e2
}
html.mdi-v2 :where(.badge,.status,.chip){border-radius:999px}
html.mdi-v2 :where(.chip.active,.nav button.active,.nav button.on){
  background:var(--mi-soft);color:var(--mi-accent)
}

/* HOME | busca, destaque e catálogo de eventos (origem real). */
html.mdi-v2[data-mi-page="home"] body{background:var(--mi-bg)}
html.mdi-v2[data-mi-page="home"] header{
  background:rgba(255,255,255,.96);border-color:var(--mi-line)
}
html.mdi-v2[data-mi-page="home"] .hero{
  background:radial-gradient(ellipse at 7% 100%,#e7dafc 0,transparent 47%),
    linear-gradient(135deg,#f8f5fe,#f1edf9);color:var(--mi-ink)
}
html.mdi-v2[data-mi-page="home"] .hero:before{opacity:.22}
html.mdi-v2[data-mi-page="home"] .hero:after{opacity:.25}
html.mdi-v2[data-mi-page="home"] .hero h1{color:var(--mi-ink)}
html.mdi-v2[data-mi-page="home"] .hero p{color:var(--mi-muted)}
html.mdi-v2[data-mi-page="home"] .hero .eyebrow{color:var(--mi-accent)}
html.mdi-v2[data-mi-page="home"] .hsearch{
  border:1px solid var(--mi-line);background:#f9f7fc;box-shadow:none
}
html.mdi-v2[data-mi-page="home"] .event{overflow:hidden;background:#fff}
html.mdi-v2[data-mi-page="home"] .event .title{font-family:var(--mi-display)}
html.mdi-v2[data-mi-page="home"] .event .body{padding:16px}
html.mdi-v2[data-mi-page="home"] .event .cover{background:#efebf7}
html.mdi-v2[data-mi-page="home"] .categories{scroll-snap-type:x proximity}
html.mdi-v2[data-mi-page="home"] .categories .chip{scroll-snap-align:start}
html.mdi-v2[data-mi-page="home"] .chip.active{
  background:var(--mi-soft);border-color:#d6c5f5;box-shadow:none
}
html.mdi-v2[data-mi-page="home"] .org{
  border-radius:20px;background:linear-gradient(115deg,#221433,#42305b)
}

/* EVENTO + CHECKOUT | mudar apresentação, preservar fluxo InfinitePay e etapas. */
html.mdi-v2[data-mi-page="event"] body{background:var(--mi-bg)}
html.mdi-v2[data-mi-page="event"] .top{
  background:#fff;color:var(--mi-ink);border-bottom:1px solid var(--mi-line)
}
html.mdi-v2[data-mi-page="event"] .brand img{filter:none}
html.mdi-v2[data-mi-page="event"] .toplink{color:var(--mi-muted)}
html.mdi-v2[data-mi-page="event"] .topbtn{
  background:var(--mi-soft);color:var(--mi-accent)
}
html.mdi-v2[data-mi-page="event"] .hero{
  color:var(--mi-ink);background:linear-gradient(135deg,#f3edfd,#f9f7fc)
}
html.mdi-v2[data-mi-page="event"] .hero .category{color:var(--mi-accent)}
html.mdi-v2[data-mi-page="event"] .heroMeta{color:var(--mi-muted)}
html.mdi-v2[data-mi-page="event"] .heroActions button{
  color:var(--mi-accent);background:#fff;border:1px solid #d9cdf0;border-radius:11px
}
html.mdi-v2[data-mi-page="event"] .cover{background:#eae4f5}
html.mdi-v2[data-mi-page="event"] .ticket{
  border-color:var(--mi-line);background:#fff;border-radius:14px
}
html.mdi-v2[data-mi-page="event"] .ticket:focus-within{border-color:#a78bfa}
html.mdi-v2[data-mi-page="event"] .checkout{
  background:#fff;border-radius:19px;box-shadow:0 22px 70px rgba(20,12,35,.22)
}
html.mdi-v2[data-mi-page="event"] .checkoutSide{background:#faf8fd;border-color:var(--mi-line)}
html.mdi-v2[data-mi-page="event"] .step.on{
  background:var(--mi-soft);color:var(--mi-accent)
}
html.mdi-v2[data-mi-page="event"] .step.on .stepnum{
  background:var(--mi-accent);color:#fff
}
html.mdi-v2[data-mi-page="event"] .checkoutOverlay{
  background:rgba(25,17,38,.58)
}

/* CONTA | autenticação e ingressos reais. */
html.mdi-v2[data-mi-page="account"] body{background:var(--mi-bg)}
html.mdi-v2[data-mi-page="account"] .auth{
  background:radial-gradient(ellipse at 15% 0%,#e7d9fa,transparent 50%),var(--mi-bg)
}
html.mdi-v2[data-mi-page="account"] .top{
  background:#fff;border-bottom-color:var(--mi-line)
}
html.mdi-v2[data-mi-page="account"] .tabs{background:#f2eff8;border-color:var(--mi-line)}
html.mdi-v2[data-mi-page="account"] .tabs button.on{color:var(--mi-accent)}
html.mdi-v2[data-mi-page="account"] .authbox .btn.primary{
  background:var(--mi-accent);box-shadow:0 5px 16px rgba(109,40,217,.15)
}
html.mdi-v2[data-mi-page="account"] .orderCard{
  border-color:var(--mi-line);border-radius:16px
}
html.mdi-v2[data-mi-page="account"] .nav button.on{
  background:var(--mi-soft);color:var(--mi-accent)
}

/* ORGANIZADOR e SUPERADMIN | mesma linguagem, sem mexer em permissões,
   menus, tabelas financeiras, formulários, exportações ou APIs. */
html.mdi-v2[data-mi-page="panel"] body,
html.mdi-v2[data-mi-page="admin"] body{background:var(--mi-bg)}
html.mdi-v2[data-mi-page="panel"] .top,
html.mdi-v2[data-mi-page="admin"] .side{
  background:#1b1427;color:#fff
}
html.mdi-v2[data-mi-page="panel"] .brand img,
html.mdi-v2[data-mi-page="admin"] .side .logo img{filter:none}
html.mdi-v2[data-mi-page="panel"] .shell>aside{
  background:#fff;border-right-color:var(--mi-line)
}
html.mdi-v2[data-mi-page="panel"] .nav button.active,
html.mdi-v2[data-mi-page="admin"] .nav button.on{
  background:var(--mi-soft);color:var(--mi-accent);font-weight:800
}
html.mdi-v2[data-mi-page="admin"] .nav button.on{
  background:#44315e;color:#fff
}
html.mdi-v2[data-mi-page="panel"] .card,
html.mdi-v2[data-mi-page="admin"] .card{
  border:1px solid var(--mi-line);border-radius:16px
}
html.mdi-v2[data-mi-page="panel"] :where(.wizard,.subcard,.ticketrow,.reportCard),
html.mdi-v2[data-mi-page="admin"] :where(.editor,.modalbox,.settlementChoice){
  border-color:var(--mi-line);border-radius:14px
}
html.mdi-v2[data-mi-page="panel"] .pagehead h1,
html.mdi-v2[data-mi-page="admin"] .head h1{
  font-size:clamp(23px,2.5vw,31px)
}
html.mdi-v2[data-mi-page="panel"] th,
html.mdi-v2[data-mi-page="admin"] th{color:var(--mi-muted);background:#faf8fd}

/* Prioridade mobile: controles sem zoom no iOS, acessibilidade de toque,
   cartões legíveis e checkout SEM trocar handlers, IDs ou estrutura. */
@media (max-width:760px){
  html.mdi-v2 :where(input,select,textarea){font-size:16px}
  html.mdi-v2 :where(.btn,.topbtn,.smallbtn,.controlbtn,.buy,.qty button){
    min-height:44px
  }
  html.mdi-v2[data-mi-page="home"] .hero{border-radius:0 0 24px 24px}
  html.mdi-v2[data-mi-page="home"] .hero h1{
    font-size:clamp(28px,8.5vw,38px);line-height:1.09
  }
  html.mdi-v2[data-mi-page="home"] .wrap{padding-left:14px;padding-right:14px}
  html.mdi-v2[data-mi-page="home"] .exploreBox{padding:16px 13px}
  html.mdi-v2[data-mi-page="home"] .categoryGroupGrid,
  html.mdi-v2[data-mi-page="home"] .grid{gap:12px}
  html.mdi-v2[data-mi-page="home"] .event .body{padding:13px}
  html.mdi-v2[data-mi-page="home"] .categories{padding-bottom:12px}
  html.mdi-v2[data-mi-page="home"] .mobileHeroSearch{border-color:#d9cdf0}
  html.mdi-v2[data-mi-page="home"] .mobileHeroSearch button{
    background:var(--mi-accent);min-height:44px
  }

  html.mdi-v2[data-mi-page="event"] .hero{border-radius:0 0 22px 22px}
  html.mdi-v2[data-mi-page="event"] .hero .title{
    font-size:clamp(27px,8vw,36px)!important;line-height:1.1!important
  }
  html.mdi-v2[data-mi-page="event"] .heroActions button{min-height:44px}
  html.mdi-v2[data-mi-page="event"] .mobileBuyBar{
    background:rgba(255,255,255,.98);border-top:1px solid var(--mi-line);
    box-shadow:0 -8px 30px rgba(25,17,38,.10);
    padding-bottom:max(10px,env(safe-area-inset-bottom))
  }
  html.mdi-v2[data-mi-page="event"] .mobileBuyBar button{
    background:var(--mi-accent);border-radius:12px;min-height:48px
  }
  html.mdi-v2[data-mi-page="event"] .side.mobile-open .ticketCard{
    border-radius:22px 22px 0 0!important;box-shadow:0 -14px 38px rgba(25,17,38,.18)
  }
  html.mdi-v2[data-mi-page="event"] .qty button{
    min-width:44px;min-height:44px
  }
  html.mdi-v2[data-mi-page="event"] .checkoutOverlay.on{
    padding:0;align-items:end
  }
  html.mdi-v2[data-mi-page="event"] #checkoutOverlay .checkout{
    width:100%;max-height:100vh;max-height:100dvh;
    border-radius:18px 18px 0 0
  }
  html.mdi-v2[data-mi-page="event"] .checkoutMain{
    padding:18px 15px
  }
  html.mdi-v2[data-mi-page="event"] .steps{
    overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px
  }
  html.mdi-v2[data-mi-page="event"] .formgrid,
  html.mdi-v2[data-mi-page="event"] .participantGrid{
    grid-template-columns:minmax(0,1fr)
  }
  html.mdi-v2[data-mi-page="event"] .checkoutActions{
    flex-wrap:wrap
  }
  html.mdi-v2[data-mi-page="event"] .checkoutActions .btn{
    flex:1 1 140px
  }
  html.mdi-v2[data-mi-page="event"] #ticketAside .ticketCard{
    padding-bottom:max(18px,env(safe-area-inset-bottom))
  }

  html.mdi-v2[data-mi-page="account"] .auth{padding:18px 12px}
  html.mdi-v2[data-mi-page="account"] .authbox{
    padding:22px 17px;border-radius:17px
  }
  html.mdi-v2[data-mi-page="account"] .authbox h1{font-size:30px}
  html.mdi-v2[data-mi-page="account"] .wrap{padding-left:13px;padding-right:13px}
  html.mdi-v2[data-mi-page="account"] .orderCard{padding:14px}
  html.mdi-v2[data-mi-page="account"] .nav{
    scroll-snap-type:x proximity
  }

  html.mdi-v2[data-mi-page="panel"] main,
  html.mdi-v2[data-mi-page="admin"] .content{
    padding-inline:12px
  }
  html.mdi-v2[data-mi-page="panel"] .pagehead,
  html.mdi-v2[data-mi-page="admin"] .head{gap:10px}
  html.mdi-v2[data-mi-page="panel"] .nav,
  html.mdi-v2[data-mi-page="admin"] .nav{
    scrollbar-width:thin;scrollbar-color:#d1c2e8 transparent
  }
  html.mdi-v2[data-mi-page="panel"] .scroll,
  html.mdi-v2[data-mi-page="admin"] .scroll{
    -webkit-overflow-scrolling:touch
  }
}
@media (max-width:390px){
  html.mdi-v2[data-mi-page="home"] .event .title{font-size:14px}
  html.mdi-v2[data-mi-page="event"] .checkoutActions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  html.mdi-v2 *{scroll-behavior:auto!important;transition:none!important}
}

/* INSTITUCIONAL | navegação de ajuda, organizadores e páginas de apoio. */
html.mdi-v2[data-mi-page="info"] body{background:var(--mi-bg)}
html.mdi-v2[data-mi-page="info"] :where(.top,header){
  border-bottom-color:var(--mi-line)
}
html.mdi-v2[data-mi-page="info"] .top:not(:has(.brand img[src="/logo.png"])){
  border-color:var(--mi-line)
}
html.mdi-v2[data-mi-page="info"] .hero{
  background:linear-gradient(132deg,#f0e8fa,#fbf9fd);
  border-bottom-color:var(--mi-line)
}
html.mdi-v2[data-mi-page="info"] .hero :where(h1,h2){
  color:var(--mi-ink)
}
html.mdi-v2[data-mi-page="info"] .hero :where(p,.muted){
  color:var(--mi-muted)
}
html.mdi-v2[data-mi-page="info"] :where(.card,.toc,.event,.producer,.faq,.item){
  border-color:var(--mi-line);border-radius:16px
}
html.mdi-v2[data-mi-page="info"] :where(.search,.toolbar input){
  border-color:#d9d4e2
}
@media(max-width:640px){
  html.mdi-v2[data-mi-page="info"] .hero :where(h1,h2){
    font-size:clamp(28px,8vw,37px);line-height:1.12
  }
  html.mdi-v2[data-mi-page="info"] :where(.heroin,.heroIn){
    padding:32px 16px
  }
  html.mdi-v2[data-mi-page="info"] .wrap{padding:20px 14px 32px}
  html.mdi-v2[data-mi-page="info"] :where(.back,.search button,.btn){
    min-height:44px
  }
}

/* ======================================================================
   v2.1 | Aprofundamento rumo ao protótipo /nova — ainda SOMENTE CSS.
   Nenhum ID, handler, formulário, cálculo ou chamada de API é alterado.
   Tudo exige html.mdi-v2; quem escolhe o visual clássico (ui-version.js)
   fica sem essa classe e vê o estilo anterior.
   ====================================================================== */
:root.mdi-v2{
  --mi-surface-2:#f4f1f9;--mi-ok:#15803d;--mi-ok-soft:#e3f4e8;
  --mi-warn:#a35208;--mi-warn-soft:#fdf0d5;--mi-bad:#c62828;--mi-bad-soft:#fce4e4;
  --mi-radius:14px;
}

/* Barra de escolha do visual (aparece também no clássico, por isso sem escopo) */
.mdiVersionBar{display:flex;gap:6px 12px;align-items:center;flex-wrap:wrap;
  padding:8px max(16px,env(safe-area-inset-left,0px));
  background:#efe8fc;color:#15121d;border-bottom:1px solid #e0d4f7;
  font:500 13px/1.4 "Figtree",system-ui,-apple-system,"Segoe UI",sans-serif}
.mdiVersionBar b{font-weight:700}
.mdiVersionBar button{background:none;border:0;padding:4px 0;margin:0;color:#6d28d9;
  font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer;min-height:0}
.mdiVersionBar button:focus-visible{outline:3px solid rgba(109,40,217,.45);outline-offset:2px;border-radius:4px}
html.mdi-classic .mdiVersionBar{background:#f2f4f7;border-color:#e4e7ec}

/* ---------- Peças comuns ---------- */
html.mdi-v2 :where(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]){
  border-radius:10px;transition:border-color .15s,box-shadow .15s}
html.mdi-v2 :where(input,select,textarea):not([type="checkbox"]):not([type="radio"]):focus{
  border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(109,40,217,.12);outline:0}
html.mdi-v2 :where(input[type="checkbox"],input[type="radio"]){accent-color:#6d28d9}
html.mdi-v2 :where(table){font-variant-numeric:tabular-nums}
html.mdi-v2 :where(th){font-size:12px;font-weight:650;letter-spacing:.01em;text-transform:none}
html.mdi-v2 :where(tbody tr){transition:background-color .12s}
html.mdi-v2 :where(tbody tr):hover{background:#faf8fd}
html.mdi-v2 :where(label){color:var(--mi-ink)}
html.mdi-v2 :where(.badge){font-weight:650;letter-spacing:.01em}
html.mdi-v2 :where(.badge.paid,.badge.ok,.badge.published){background:var(--mi-ok-soft);color:var(--mi-ok)}
html.mdi-v2 :where(.badge.pending,.badge.warn,.badge.draft){background:var(--mi-warn-soft);color:var(--mi-warn)}
html.mdi-v2 :where(.badge.cancelled,.badge.canceled,.badge.refunded,.badge.bad){background:var(--mi-bad-soft);color:var(--mi-bad)}
html.mdi-v2 :where(.badge.closed){background:#f0eef5;color:var(--mi-muted)}
html.mdi-v2 :where(.err){color:var(--mi-bad)}

/* ---------- PAINEL DO ORGANIZADOR ---------- */
/* Topo claro, como no protótipo (logo colorido funciona no fundo branco) */
html.mdi-v2[data-mi-page="panel"] .top{background:#fff;color:var(--mi-ink);
  border-bottom:1px solid var(--mi-line);box-shadow:0 1px 0 rgba(21,18,29,.02)}
html.mdi-v2[data-mi-page="panel"] .top #userLabel{color:var(--mi-muted);font-size:13px}
html.mdi-v2[data-mi-page="panel"] .top .btn{background:#fff;color:var(--mi-ink);border-color:var(--mi-line)}
html.mdi-v2[data-mi-page="panel"] .sidebarToggle{background:var(--mi-surface-2);color:var(--mi-ink);
  border:1px solid var(--mi-line);border-radius:10px}
html.mdi-v2[data-mi-page="panel"] .sidebarToggle svg{stroke:currentColor}
/* Menu lateral */
html.mdi-v2[data-mi-page="panel"] .nav button{border-radius:10px;color:#4b4558;font-weight:550}
html.mdi-v2[data-mi-page="panel"] .nav button:hover{background:var(--mi-surface-2);color:var(--mi-ink)}
html.mdi-v2[data-mi-page="panel"] .nav button.active{font-weight:700}
html.mdi-v2[data-mi-page="panel"] .nav button[data-nav-group]::before{color:#8a8398;letter-spacing:.09em}
/* Títulos de página */
html.mdi-v2[data-mi-page="panel"] .pagehead{margin-bottom:22px}
html.mdi-v2[data-mi-page="panel"] .pagehead h1{font-weight:750;letter-spacing:-.03em;line-height:1.1}
html.mdi-v2[data-mi-page="panel"] .pagehead .muted{font-size:15px}
/* Cartões e números */
html.mdi-v2[data-mi-page="panel"] .card{background:#fff;box-shadow:var(--mi-shadow)}
html.mdi-v2[data-mi-page="panel"] .card h2,
html.mdi-v2[data-mi-page="panel"] .card h3{font-family:var(--mi-display);letter-spacing:-.02em}
html.mdi-v2[data-mi-page="panel"] .metric{position:relative}
html.mdi-v2[data-mi-page="panel"] .metric strong{font-family:var(--mi-display);font-weight:750;
  letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:var(--mi-ink)}
html.mdi-v2[data-mi-page="panel"] .dashWelcome{background:linear-gradient(135deg,#f6f1fe,#fff 60%);border-color:#e6dcf8}
html.mdi-v2[data-mi-page="panel"] .dashQuick button{border-radius:var(--mi-radius);border-color:var(--mi-line);
  transition:border-color .15s,transform .15s}
html.mdi-v2[data-mi-page="panel"] .dashQuick button:hover{border-color:#cdb8f3;transform:translateY(-1px)}
html.mdi-v2[data-mi-page="panel"] .dashQuick span{display:inline-grid;place-items:center;width:38px;height:38px;
  border-radius:11px;background:var(--mi-soft);color:var(--mi-accent)}
html.mdi-v2[data-mi-page="panel"] :where(.dashAlert){border-radius:12px}
html.mdi-v2[data-mi-page="panel"] .dashAlert.warn{background:var(--mi-warn-soft);border-color:#f6dca6}
html.mdi-v2[data-mi-page="panel"] .dashAlert.info{background:var(--mi-soft);border-color:#e0d4f7}
html.mdi-v2[data-mi-page="panel"] .dashAlert.ok{background:var(--mi-ok-soft);border-color:#c6e9d1}
html.mdi-v2[data-mi-page="panel"] .dashAlert.critical{background:var(--mi-bad-soft);border-color:#f5c2c2}
/* Próximo evento e cartões de evento: capa vazia vira faixa de cor da marca */
html.mdi-v2[data-mi-page="panel"] :where(.nextEventCover,.eventControlCover,.eventDetailCover,.dashEventThumb):not(:has(img)){
  background:#6d28d9 radial-gradient(circle at 100% 50%,rgba(255,255,255,.14) 0 38%,transparent 38.5%);
  background-image:radial-gradient(circle at 100% 50%,rgba(255,255,255,.14) 0 38%,transparent 38.5%),
    repeating-linear-gradient(-45deg,rgba(255,255,255,.07) 0 2px,transparent 2px 14px);
  color:rgba(255,255,255,.88)}
html.mdi-v2[data-mi-page="panel"] :where(.nextEventCover,.eventControlCover,.eventDetailCover,.dashEventThumb):not(:has(img)) *{color:inherit}
html.mdi-v2[data-mi-page="panel"] .eventControlCard{border-radius:16px;overflow:hidden;border-color:var(--mi-line);
  transition:border-color .15s,box-shadow .15s}
html.mdi-v2[data-mi-page="panel"] .eventControlCard:hover{border-color:#cdb8f3;box-shadow:0 10px 28px rgba(76,29,149,.08)}
html.mdi-v2[data-mi-page="panel"] .eventControlTitle{font-family:var(--mi-display);letter-spacing:-.02em}
html.mdi-v2[data-mi-page="panel"] :where(.eventControlStat,.nextEventStat,.eventDetailKpi){
  background:var(--mi-surface-2);border-color:transparent;border-radius:10px}
html.mdi-v2[data-mi-page="panel"] :where(.eventControlStat,.nextEventStat,.eventDetailKpi) strong{
  font-family:var(--mi-display);font-variant-numeric:tabular-nums}
html.mdi-v2[data-mi-page="panel"] .eventControlActions .btn{border-radius:10px}
html.mdi-v2[data-mi-page="panel"] :where(.opChip){border-radius:999px;font-weight:650;background:var(--mi-surface-2);color:#4b4558;border-color:transparent}
html.mdi-v2[data-mi-page="panel"] .opChip.attn{background:var(--mi-warn-soft);color:var(--mi-warn)}
html.mdi-v2[data-mi-page="panel"] .opChip.good{background:var(--mi-ok-soft);color:var(--mi-ok)}
html.mdi-v2[data-mi-page="panel"] :where(.readinessTrack){background:#ece8f3;border-radius:999px}
/* Financeiro */
html.mdi-v2[data-mi-page="panel"] :where(.finCard){border-radius:16px;border-color:var(--mi-line)}
html.mdi-v2[data-mi-page="panel"] :where(.finChip){border-radius:999px}
html.mdi-v2[data-mi-page="panel"] .finChip.good{background:var(--mi-ok-soft);color:var(--mi-ok)}
html.mdi-v2[data-mi-page="panel"] .finChip.attn{background:var(--mi-warn-soft);color:var(--mi-warn)}
html.mdi-v2[data-mi-page="panel"] .finChip.bad{background:var(--mi-bad-soft);color:var(--mi-bad)}
html.mdi-v2[data-mi-page="panel"] .finFlowNet strong{color:var(--mi-ok)}
/* Tabelas e listas */
html.mdi-v2[data-mi-page="panel"] th{border-bottom:1px solid var(--mi-line)}
html.mdi-v2[data-mi-page="panel"] td{border-bottom-color:#efecf4}
/* Assistente de criação */
html.mdi-v2[data-mi-page="panel"] :where(.autosave){color:var(--mi-muted)}
html.mdi-v2[data-mi-page="panel"] :where(.check){border-radius:12px}
/* Boas-vindas e modais */
html.mdi-v2[data-mi-page="panel"] :where(.onboardingBox,.coverModalBox,.eventAccessBox){border-radius:20px}
html.mdi-v2[data-mi-page="panel"] .onboardingStepNo{background:var(--mi-soft);color:var(--mi-accent)}

/* ---------- SUPERADMIN: mesmo menu claro do painel ---------- */
html.mdi-v2[data-mi-page="admin"] .side{background:#fff;color:var(--mi-ink);border-right:1px solid var(--mi-line)}
html.mdi-v2[data-mi-page="admin"] .nav button{color:#4b4558;font-weight:550}
html.mdi-v2[data-mi-page="admin"] .nav button:hover{background:var(--mi-surface-2);color:var(--mi-ink)}
html.mdi-v2[data-mi-page="admin"] .nav button.on{background:var(--mi-soft);color:var(--mi-accent);font-weight:700}
html.mdi-v2[data-mi-page="admin"] .side :where(.muted,small){color:var(--mi-muted)}
html.mdi-v2[data-mi-page="admin"] .head h1{font-weight:750;letter-spacing:-.03em}
html.mdi-v2[data-mi-page="admin"] .card{background:#fff;box-shadow:var(--mi-shadow)}

/* ---------- PÁGINA DO EVENTO ---------- */
html.mdi-v2[data-mi-page="event"] .hero .title{letter-spacing:-.035em}
html.mdi-v2[data-mi-page="event"] .heroMeta{gap:6px}
html.mdi-v2[data-mi-page="event"] .cover:not(:has(img)){
  background:#6d28d9;background-image:radial-gradient(circle at 100% 50%,rgba(255,255,255,.14) 0 38%,transparent 38.5%),
    repeating-linear-gradient(-45deg,rgba(255,255,255,.07) 0 2px,transparent 2px 14px)}
html.mdi-v2[data-mi-page="event"] .maincol .card{border-radius:16px}
html.mdi-v2[data-mi-page="event"] .maincol .card h2{font-size:20px;letter-spacing:-.02em}
html.mdi-v2[data-mi-page="event"] .ticketCard{border-radius:18px;box-shadow:0 8px 30px rgba(21,18,29,.06)}
html.mdi-v2[data-mi-page="event"] .ticketCard h2{font-size:20px}
html.mdi-v2[data-mi-page="event"] .ticket{padding:14px 15px;transition:border-color .15s,background-color .15s}
html.mdi-v2[data-mi-page="event"] .ticket:hover:not(.locked){border-color:#cdb8f3}
html.mdi-v2[data-mi-page="event"] .ticket.locked{background:#faf9fc;opacity:.75}
html.mdi-v2[data-mi-page="event"] .ticketName{font-weight:700}
html.mdi-v2[data-mi-page="event"] .ticketBatch{color:var(--mi-muted)}
html.mdi-v2[data-mi-page="event"] .ticket .price{font-family:var(--mi-display);font-weight:750;font-variant-numeric:tabular-nums}
html.mdi-v2[data-mi-page="event"] .ticket .qty button{width:34px;height:34px;border-radius:10px;border:1px solid var(--mi-line);
  background:#fff;color:var(--mi-ink);font-weight:700;cursor:pointer}
html.mdi-v2[data-mi-page="event"] .ticket .qty button:not(:disabled):hover{border-color:#a78bfa;color:var(--mi-accent)}
html.mdi-v2[data-mi-page="event"] .ticket .qty span[id^="q-"]{min-width:26px;text-align:center;font-weight:700;display:inline-block}
html.mdi-v2[data-mi-page="event"] .summaryRow{font-variant-numeric:tabular-nums}
html.mdi-v2[data-mi-page="event"] .summaryRow.total{font-size:17px}
html.mdi-v2[data-mi-page="event"] .summaryRow.total strong{font-family:var(--mi-display)}
html.mdi-v2[data-mi-page="event"] #buyBtn{min-height:48px;font-size:15px}
html.mdi-v2[data-mi-page="event"] #buyBtn:disabled{background:#ece7f5;border-color:#ece7f5;color:#6f6584;box-shadow:none;cursor:not-allowed}
html.mdi-v2[data-mi-page="event"] .checkout h2{letter-spacing:-.02em}
html.mdi-v2[data-mi-page="event"] .checkoutSide .summaryRow.total{border-top:1px solid var(--mi-line);padding-top:12px}

/* ---------- CONTA DO COMPRADOR ---------- */
html.mdi-v2[data-mi-page="account"] .metric strong{font-family:var(--mi-display);font-weight:750;font-variant-numeric:tabular-nums}
html.mdi-v2[data-mi-page="account"] .card{border-radius:16px;border-color:var(--mi-line);box-shadow:var(--mi-shadow)}
html.mdi-v2[data-mi-page="account"] .nav button{border-radius:10px}
html.mdi-v2[data-mi-page="account"] .nav button:hover{background:var(--mi-surface-2)}

@media (max-width:760px){
  html.mdi-v2[data-mi-page="panel"] .top{padding-inline:12px!important}
  html.mdi-v2[data-mi-page="event"] .ticket .qty button{width:44px;height:44px}
}