/* REAL LIVE ARENA V6.4 — correções isoladas e sem conflito com versões anteriores */

/* Um único fluxo de rolagem: somente a página. A barra visual fica oculta. */
html.public-document,
html.public-document body.public-v45{
  width:100%!important;
  min-height:100%!important;
  height:auto!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
html.public-document::-webkit-scrollbar,
html.public-document body.public-v45::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
html.public-document body.public-v45 .public-main{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
html.public-document body.public-v45 .site-footer-v45{
  position:relative!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:clip!important;
  overscroll-behavior:none!important;
}
html.public-document body.public-v45 .footer-top-v45,
html.public-document body.public-v45 .footer-grid-v45,
html.public-document body.public-v45 .footer-bottom-v4{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}


/* Evita saltos no final da página: todas as seções permanecem no mesmo fluxo. */
html.public-document body.public-v45 .section-block,
html.public-document body.public-v45 .site-footer-pro{
  content-visibility:visible!important;
  contain:none!important;
}

/* Botões sem listra, sem sublinhado e com área visual completa. */
.btn::before,.btn::after,
.topnav-v41 a::before,.topnav-v41 a::after,
.public-nav-create::before,.public-nav-create::after{
  display:none!important;
  content:none!important;
}
.btn,
.topnav-v41 a,
.public-nav-create{
  border:0!important;
  text-decoration:none!important;
  outline:0!important;
}
.btn:focus-visible,
.topnav-v41 a:focus-visible,
.public-nav-create:focus-visible{
  box-shadow:0 0 0 4px rgba(101,225,255,.22),0 14px 32px rgba(0,0,0,.28)!important;
}

/* Cabeçalho: Como jogar e Entrar são botões visíveis; Criar/Jogar têm texto no mobile. */
.topnav-v41{
  gap:9px!important;
  align-items:center!important;
}
.topnav-v41 .public-nav-link,
.topnav-v41 .public-nav-cta,
.topnav-v41 .public-nav-create{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.13)!important;
}
.topnav-v41 .public-how-link,
.topnav-v41 .public-login-link{
  background:linear-gradient(145deg,#252d51,#12182f)!important;
  color:#f0f4ff!important;
}
.topnav-v41 .public-nav-create{
  background:linear-gradient(135deg,#8a38ff,#ff2d9d)!important;
  color:#fff!important;
}
.topnav-v41 .public-nav-cta{
  background:linear-gradient(135deg,#7c3cff,#ff2d9d 66%,#08bcd9)!important;
  color:#fff!important;
}
.label-mobile{display:none!important}

/* Novo carrossel 01–06: duas faixas idênticas, sem sobreposição. */
.rla-step-strip{
  width:100%!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,#27105b,#142c68 50%,#07506a)!important;
  border-block:1px solid rgba(255,255,255,.09)!important;
}
.rla-step-rail{
  width:100%!important;
  max-width:none!important;
  overflow:hidden!important;
  padding:10px 0!important;
  mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)!important;
}
.rla-step-track{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:none!important;
  min-width:max-content!important;
  transform:translate3d(0,0,0);
  animation:rlaStepFlow 42s linear infinite!important;
  will-change:transform;
}
.rla-step-set{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:12px!important;
  width:max-content!important;
  max-width:none!important;
  min-width:max-content!important;
  padding:0 12px 0 0!important;
  white-space:nowrap!important;
}
.rla-step-card{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:9px!important;
  min-height:48px!important;
  padding:9px 14px!important;
  border-radius:15px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  color:#eef4ff!important;
  background:linear-gradient(145deg,rgba(43,48,91,.96),rgba(17,26,53,.98))!important;
  box-shadow:0 10px 22px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.1)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  font-size:.75rem!important;
  font-weight:850!important;
  line-height:1.1!important;
}
.rla-step-card b{
  display:grid!important;
  place-items:center!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  margin:0!important;
  padding:0!important;
  border-radius:10px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#7c3cff,#ed2da7)!important;
  box-shadow:0 7px 15px rgba(136,47,255,.3)!important;
  font-size:.65rem!important;
}
@keyframes rlaStepFlow{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

/* CTA do troféu: imagem nunca invade o título no celular. */
@media(max-width:520px){
  .public-v45 .public-cta-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:center!important;
    justify-items:center!important;
    gap:14px!important;
    padding:22px 18px!important;
    text-align:center!important;
    overflow:hidden!important;
  }
  .public-v45 .cta-mascot-mini{
    position:relative!important;
    width:100%!important;
    height:118px!important;
    min-height:118px!important;
    margin:0 auto 2px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
  }
  .public-v45 .cta-mascot-mini img{
    position:static!important;
    width:auto!important;
    height:108px!important;
    max-width:132px!important;
    margin:0 auto!important;
    transform:none!important;
    animation:none!important;
    object-fit:contain!important;
  }
  .public-v45 .cta-mascot-mini + div{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    min-width:0!important;
  }
  .public-v45 .public-cta-card h2{
    margin:7px 0 10px!important;
    font-size:clamp(1.55rem,7.8vw,2.15rem)!important;
    line-height:1.04!important;
  }
  .public-v45 .public-cta-card p{
    margin:0!important;
    line-height:1.55!important;
  }
  .public-v45 .public-cta-card .btn{
    width:100%!important;
    grid-column:auto!important;
  }
}

/* Rodapé no fluxo da página, sem nenhum painel interno rolável. */
.site-footer-v45 .footer-grid-v45{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:22px!important;
}
.site-footer-v45 .footer-brand-v4,
.site-footer-v45 .footer-column-v4,
.site-footer-v45 .footer-cta-v4{
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
@media(max-width:980px){
  .site-footer-v45 .footer-grid-v45{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:780px){
  .label-desktop{display:none!important}
  .label-mobile{display:inline!important}
  .topnav-v41 .public-how-link,
  .topnav-v41 .public-login-link{display:none!important}
  .topnav-v41 .public-nav-create,
  .topnav-v41 .public-nav-cta{
    min-width:auto!important;
    width:auto!important;
    height:40px!important;
    min-height:40px!important;
    padding:8px 11px!important;
    font-size:.68rem!important;
  }
  .topnav-v41 .public-nav-create span,
  .topnav-v41 .public-nav-cta .live-dot{
    flex:none!important;
  }
  .rla-step-rail{
    padding:8px 0!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }
  .rla-step-track{
    animation-duration:34s!important;
  }
  .rla-step-set{
    gap:9px!important;
    padding-right:9px!important;
  }
  .rla-step-card{
    min-height:42px!important;
    padding:7px 11px!important;
    font-size:.65rem!important;
    border-radius:13px!important;
  }
  .rla-step-card b{
    flex-basis:25px!important;
    width:25px!important;
    height:25px!important;
    border-radius:9px!important;
    font-size:.57rem!important;
  }
  .site-footer-v45 .footer-grid-v45{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .site-footer-v45 .footer-brand-v4,
  .site-footer-v45 .footer-column-v4,
  .site-footer-v45 .footer-cta-v4{
    width:min(100%,360px)!important;
    margin-inline:auto!important;
    text-align:center!important;
    align-items:center!important;
  }
  .site-footer-v45 .footer-bottom-v4{
    justify-content:center!important;
    text-align:center!important;
  }
}
@media(max-width:360px){
  .topnav-v41 .public-nav-create,
  .topnav-v41 .public-nav-cta{
    padding:7px 9px!important;
    font-size:.63rem!important;
  }
  .rla-step-card{
    font-size:.61rem!important;
    padding:7px 9px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .rla-step-track{animation:none!important;transform:none!important}
  .rla-step-set[aria-hidden="true"]{display:none!important}
}

/* REAL LIVE ARENA V6.5 — cores dos botões restauradas e troféu animado */

/* Botões com cores vivas novamente, sem listras/riscos nas bordas. */
.btn,
.topnav-v41 .public-nav-link,
.topnav-v41 .public-nav-cta,
.topnav-v41 .public-nav-create,
.footer-top-actions-v61 .btn,
.creator-cta-actions .btn,
.public-cta-card .btn{
  border:0!important;
  outline:0!important;
  background-clip:padding-box!important;
  box-shadow:0 12px 26px rgba(0,0,0,.22)!important;
}
.btn::before,.btn::after,
.topnav-v41 a::before,.topnav-v41 a::after,
.footer-top-actions-v61 .btn::before,.footer-top-actions-v61 .btn::after,
.creator-cta-actions .btn::before,.creator-cta-actions .btn::after,
.public-cta-card .btn::before,.public-cta-card .btn::after{
  display:none!important;
  content:none!important;
}
.btn.primary,
.footer-top-actions-v61 .btn.primary,
.creator-cta-actions .btn.primary,
.public-cta-card .btn.primary{
  color:#fff!important;
  background:linear-gradient(135deg,#7d38ff 0%,#ff2da0 62%,#ff5d6a 100%)!important;
}
.btn.secondary,
.footer-top-actions-v61 .btn.secondary,
.creator-cta-actions .btn.secondary{
  color:#fff!important;
  background:linear-gradient(135deg,#153a80 0%,#0d5f86 100%)!important;
}
.topnav-v41 .public-how-link,
.topnav-v41 .public-login-link{
  color:#eff5ff!important;
  background:linear-gradient(145deg,#2a3156,#141b38)!important;
}
.topnav-v41 .public-nav-create{
  color:#fff!important;
  background:linear-gradient(135deg,#8a39ff 0%,#ff2da0 100%)!important;
}
.topnav-v41 .public-nav-cta{
  color:#fff!important;
  background:linear-gradient(135deg,#7c3cff 0%,#ff2da0 68%,#09bddc 100%)!important;
}
.btn:hover,
.topnav-v41 .public-nav-link:hover,
.topnav-v41 .public-nav-create:hover,
.topnav-v41 .public-nav-cta:hover{
  transform:translateY(-2px)!important;
  filter:saturate(1.05) brightness(1.03)!important;
}

/* Remove qualquer filete aparente nas extremidades. */
.btn,
.topnav-v41 .public-nav-link,
.topnav-v41 .public-nav-create,
.topnav-v41 .public-nav-cta{
  background-image:unset!important;
  text-decoration:none!important;
}

/* Troféu animado de novo, sem invadir o texto no mobile. */
.cta-mascot-mini{
  position:relative!important;
}
.cta-mascot-mini::before{
  content:"";
  position:absolute;
  inset:14px auto auto 50%;
  width:118px;
  height:118px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.12),rgba(125,56,255,.14) 38%,rgba(0,0,0,0) 72%);
  filter:blur(2px);
  animation:trophyAura 3.8s ease-in-out infinite;
  pointer-events:none;
}
.cta-mascot-mini img{
  position:relative!important;
  z-index:2!important;
  animation:mascotFloat 4.2s ease-in-out infinite, trophyPulse 3.6s ease-in-out infinite!important;
  transform-origin:center bottom!important;
}
@keyframes trophyPulse{
  0%,100%{filter:drop-shadow(0 16px 18px rgba(0,0,0,.28)) saturate(1)}
  50%{filter:drop-shadow(0 22px 24px rgba(125,56,255,.32)) saturate(1.08)}
}
@keyframes trophyAura{
  0%,100%{opacity:.72;transform:translateX(-50%) scale(1)}
  50%{opacity:1;transform:translateX(-50%) scale(1.08)}
}

@media(max-width:520px){
  .public-v45 .public-cta-card{
    grid-template-columns:1fr!important;
    text-align:center!important;
    padding:22px 18px!important;
    gap:14px!important;
  }
  .public-v45 .cta-mascot-mini{
    width:100%!important;
    height:122px!important;
    min-height:122px!important;
    margin:0 auto 4px!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
  }
  .public-v45 .cta-mascot-mini::before{
    top:4px!important;
    width:110px!important;
    height:110px!important;
  }
  .public-v45 .cta-mascot-mini img{
    height:108px!important;
    max-width:132px!important;
    margin:0 auto!important;
    object-fit:contain!important;
  }
  .public-v45 .public-cta-card > div:nth-child(2){
    width:100%!important;
    min-width:0!important;
    position:relative!important;
    z-index:3!important;
  }
  .public-v45 .public-cta-card h2{
    font-size:clamp(1.55rem,7.8vw,2.1rem)!important;
    line-height:1.04!important;
    margin:6px 0 10px!important;
  }
  .public-v45 .public-cta-card p{
    line-height:1.52!important;
  }
}

/* REAL LIVE ARENA V6.6 — restaura cores, corrige lista da seção de ritmo e reativa o mascote */

/* Topo com botões vivos e coerentes com a identidade da página */
.topnav-v41 .public-how-link,
.topnav-v41 .public-login-link,
.topnav-v41 .public-nav-create,
.topnav-v41 .public-nav-cta{
  color:#ffffff!important;
  border:0!important;
  box-shadow:0 12px 26px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.08)!important;
}
.topnav-v41 .public-how-link{
  background:linear-gradient(135deg,#6b35ff 0%,#9340ff 55%,#0ab3db 100%)!important;
}
.topnav-v41 .public-login-link{
  background:linear-gradient(135deg,#113f86 0%,#0d6995 100%)!important;
}
.topnav-v41 .public-nav-create{
  background:linear-gradient(135deg,#8b39ff 0%,#ff2da0 100%)!important;
}
.topnav-v41 .public-nav-cta{
  background:linear-gradient(135deg,#00b7ce 0%,#2ccf87 18%,#7c3cff 58%,#ff2da0 100%)!important;
}
.topnav-v41 .public-how-link span,
.topnav-v41 .public-login-link span,
.topnav-v41 .public-nav-create span,
.topnav-v41 .public-nav-cta .live-dot{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  border-radius:999px!important;
}
.topnav-v41 .public-how-link:hover,
.topnav-v41 .public-login-link:hover,
.topnav-v41 .public-nav-create:hover,
.topnav-v41 .public-nav-cta:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.05) saturate(1.08)!important;
}
@media (max-width:780px){
  .topnav-v41 .public-nav-create,
  .topnav-v41 .public-nav-cta{
    min-width:auto!important;
    width:auto!important;
    padding:8px 12px!important;
    border-radius:15px!important;
  }
  .topnav-v41 .public-nav-create b,
  .topnav-v41 .public-nav-cta b{
    display:inline!important;
    font-size:.68rem!important;
  }
}

/* Todos os botões principais mais vivos */
.btn.primary{
  background:linear-gradient(135deg,#7d38ff 0%,#ff2da0 58%,#ff6a63 100%)!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(143,48,255,.24)!important;
}
.btn.secondary{
  background:linear-gradient(135deg,#174793 0%,#0c6f99 100%)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 14px 30px rgba(13,111,153,.22)!important;
}
.btn.ghost{
  background:linear-gradient(135deg,rgba(39,59,105,.95),rgba(21,31,63,.95))!important;
}

/* Corrige a lista da seção “Cada rodada tem ritmo” sem caracteres quebrados */
.check-list li{
  align-items:flex-start!important;
  gap:12px!important;
}
.check-list li:before{
  content:""!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#20d58c,#0cc6ff)!important;
  box-shadow:0 10px 18px rgba(18,214,163,.2)!important;
  margin-top:1px!important;
}

/* Mascote do troféu com animação ativa também no mobile */
.public-v45 .cta-mascot-mini,
.cta-mascot-mini{
  position:relative!important;
}
.public-v45 .cta-mascot-mini img,
.cta-mascot-mini img{
  animation:mascotFloat 4.2s ease-in-out infinite, trophyPulse 3.6s ease-in-out infinite!important;
  will-change:transform, filter!important;
}
@media (max-width:520px){
  .public-v45 .cta-mascot-mini img,
  .cta-mascot-mini img{
    animation:mascotFloat 4.2s ease-in-out infinite, trophyPulse 3.6s ease-in-out infinite!important;
  }
}
html.compact-device .public-v45 .cta-mascot-mini img,
html.tab-hidden .public-v45 .cta-mascot-mini img{
  animation:mascotFloat 4.2s ease-in-out infinite, trophyPulse 3.6s ease-in-out infinite!important;
}

/* Caixa de chamada mais viva */
.public-v45 .public-cta-card,
.public-cta-card{
  background:linear-gradient(125deg,rgba(116,45,255,.42),rgba(30,28,76,.94) 42%,rgba(0,163,201,.28))!important;
}
.creator-cta-v61{
  background:linear-gradient(115deg,rgba(118,44,255,.35),rgba(28,34,78,.95) 52%,rgba(0,156,188,.26))!important;
}

/* Garante que o topo não duplique o rótulo do criar */
.public-nav-create::after,
.public-nav-cta::after{content:none!important;display:none!important}

/* REAL LIVE ARENA V6.7 — fluxo do jogar, botões consistentes e animação do mascote */

/* Mobile: evitar duplicidade de rótulo em criar quiz */
.label-desktop{display:inline!important}
.label-mobile{display:none!important}
@media (max-width:780px){
  .topnav-v41 .public-nav-create .label-desktop{display:none!important}
  .topnav-v41 .public-nav-create .label-mobile{display:inline!important}
  .topnav-v41 .public-nav-create{gap:7px!important}
}

/* Botões mais vivos e sem azul morto */
.btn.secondary,
.creator-cta-actions .btn.secondary,
.footer-top-actions-v61 .btn.secondary{
  background:linear-gradient(135deg,#6d34ff 0%,#9a3fff 42%,#ff2da0 100%)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 16px 34px rgba(144,47,255,.22)!important;
}
.topnav-v41 .public-login-link{
  background:linear-gradient(135deg,#6d34ff 0%,#963fff 52%,#ff2da0 100%)!important;
}
.topnav-v41 .public-nav-cta{
  background:linear-gradient(135deg,#25d786 0%,#6a4bff 46%,#ff2da0 100%)!important;
}
.topnav-v41 .public-nav-create{
  background:linear-gradient(135deg,#8a39ff 0%,#ff2da0 100%)!important;
}
.topnav-v41 .public-how-link{
  background:linear-gradient(135deg,#2a3156 0%,#5b38cf 100%)!important;
}

/* Corrige a área do PIN ao clicar em jogar */
.join-pin-stage{width:min(100%,1100px);margin:0 auto;display:block!important}
.join-pin-card{
  display:grid!important;
  grid-template-columns:220px 1fr 260px!important;
  align-items:center!important;
  gap:18px!important;
  padding:20px 22px!important;
  min-height:214px!important;
}
.join-pin-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important}
.join-pin-form{width:min(100%,220px)!important;margin:0!important}
.pin-input-wrap input{text-align:center!important;letter-spacing:.22em!important;font-size:1.28rem!important;font-weight:900!important}

/* Mascote/troféu animado novamente */
.animated-join-mascot,
.join-pin-card .cta-mascot-mini{position:relative!important;display:grid!important;place-items:center!important;overflow:visible!important}
.animated-join-mascot::before,
.join-pin-card .cta-mascot-mini::before{
  content:"";
  position:absolute;
  inset:50% auto auto 50%;
  width:132px;height:132px;
  transform:translate(-50%,-52%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.16),rgba(114,57,255,.18) 38%,rgba(0,0,0,0) 70%);
  filter:blur(1px);
  animation:trophyAura 3.4s ease-in-out infinite;
  pointer-events:none;
}
.animated-join-mascot img,
.join-pin-card .cta-mascot-mini img{
  width:min(176px,100%)!important;
  height:auto!important;
  position:relative!important;
  z-index:2!important;
  animation:mascotFloat 4s ease-in-out infinite, trophyPulse 3s ease-in-out infinite!important;
  filter:drop-shadow(0 16px 18px rgba(0,0,0,.26));
}

@media (max-width:780px){
  .join-pin-card{
    grid-template-columns:1fr!important;
    text-align:center!important;
    gap:14px!important;
    padding:18px!important;
  }
  .join-pin-actions{justify-content:center!important}
  .join-pin-form{width:min(100%,320px)!important}
  .animated-join-mascot img,
  .join-pin-card .cta-mascot-mini img{width:130px!important}
}

/* Lista da seção ritmo corrigida visualmente */
.check-list{list-style:none!important;padding:0!important;margin:18px 0 0!important}
.check-list li{display:flex!important;gap:12px!important;align-items:flex-start!important;color:#eef1ff!important;font-weight:700!important}
.check-list li+li{margin-top:10px!important}
.check-list li::before{content:""!important;width:22px!important;height:22px!important;min-width:22px!important;border-radius:8px!important;background:linear-gradient(135deg,#22d68d,#ff2da0)!important;box-shadow:0 8px 18px rgba(100,61,255,.25)!important;margin-top:2px!important}

/* REAL LIVE ARENA V6.8 — cadastro, footer, botões e painéis */

/* Topbar e ícones mais proporcionais */
.topnav-v41 .public-nav-link,
.topnav-v41 .public-nav-create,
.topnav-v41 .public-nav-cta{
  gap:10px!important;
  align-items:center!important;
}
.topnav-v41 .public-nav-link span,
.topnav-v41 .public-nav-create span,
.topnav-v41 .public-nav-cta span{
  width:22px!important;height:22px!important;min-width:22px!important;
  display:grid!important;place-items:center!important;
  border-radius:8px!important;
  font-size:.82rem!important;font-weight:900!important;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 8px 16px rgba(0,0,0,.16)!important;
}
.topnav-v41 .public-how-link span{background:linear-gradient(135deg,#7b46ff,#4350ff)!important}
.topnav-v41 .public-login-link span{background:linear-gradient(135deg,#14d98f,#00b7ff)!important}
.topnav-v41 .public-nav-create span{background:linear-gradient(135deg,#8e3fff,#ff3aa5)!important}
.topnav-v41 .public-nav-cta span{background:linear-gradient(135deg,#1ee38e,#00dbff)!important}

/* Footer/final mais completo e sem sensação de corte */
.site-footer-v45{padding-top:26px!important;padding-bottom:28px!important;overflow:visible!important}
.footer-top-v45{padding-top:20px!important;padding-bottom:18px!important}
.footer-grid-v45{padding-top:26px!important;padding-bottom:18px!important;align-items:stretch!important}
.footer-brand-v4,.footer-column-v4,.footer-cta-v4{min-height:100%!important}
.footer-bottom-v4{padding-top:16px!important;padding-bottom:8px!important}
.footer-cta-v4{background:linear-gradient(160deg,rgba(92,41,180,.44),rgba(14,31,88,.62))!important}
.footer-cta-v4 .btn.secondary.small{background:linear-gradient(135deg,#14d98f,#12b6ff 62%,#7c47ff)!important;color:#fff!important;border:0!important}

/* Botões com paleta variada */
.btn.primary{background:linear-gradient(135deg,#7e41ff 0%,#ff2ea3 100%)!important;color:#fff!important;border:0!important}
.btn.secondary{background:linear-gradient(135deg,#13d88f 0%,#18aef8 56%,#5d58ff 100%)!important;color:#fff!important;border:0!important}
.btn.ghost{background:linear-gradient(135deg,rgba(44,58,118,.92),rgba(20,28,70,.94))!important;color:#f2f5ff!important;border:1px solid rgba(141,176,255,.18)!important}
.footer-top-actions-v61 .btn.secondary,
.creator-cta-actions .btn.secondary{background:linear-gradient(135deg,#19d68f 0%,#18b5ff 58%,#6a51ff 100%)!important}

/* CTA criar conta com mais vida */
.creator-cta-v61{
  background:linear-gradient(130deg,rgba(69,38,170,.82),rgba(20,40,99,.88) 58%,rgba(0,131,160,.38))!important;
  border-color:rgba(122,205,255,.22)!important;
}
.creator-cta-copy p{max-width:720px}

/* Cadastro mais informativo, vivo e sem rolagem excessiva no desktop */
.creator-register-page{background:radial-gradient(circle at top left,rgba(120,50,255,.18),transparent 28%),radial-gradient(circle at top right,rgba(0,204,255,.12),transparent 30%),linear-gradient(180deg,#040510 0%,#08142a 100%)!important}
.register-shell-v61{max-width:1260px!important;padding:20px 18px!important;min-height:calc(100vh - 80px)!important;align-items:center!important}
.register-shell-v61.auth-shell-split{grid-template-columns:minmax(320px,1fr) minmax(320px,520px)!important;gap:34px!important}
.register-shell-v61 .auth-visual .mascot-scene{width:min(380px,82%)!important}
.register-shell-v61 .auth-visual-copy{margin-top:-10px!important}
.register-shell-v61 .auth-visual-copy h2{font-size:2.05rem!important;margin:10px 0!important}
.register-visual-tags-v68{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}
.register-visual-tags-v68 span{padding:9px 12px;border-radius:999px;background:linear-gradient(135deg,rgba(122,64,255,.22),rgba(13,188,255,.14));border:1px solid rgba(255,255,255,.12);font-weight:800;color:#f3f4ff}
.register-shell-v61 .auth-card{padding:22px 24px!important;border-radius:30px!important;background:linear-gradient(160deg,rgba(25,28,70,.95),rgba(8,14,39,.96))!important}
.register-shell-v61 .auth-card h1{font-size:1.92rem!important;margin-bottom:6px!important}
.register-form-grid-v68{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.register-notes-v68{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.register-notes-v68 span{padding:11px 13px;border-radius:14px;background:linear-gradient(135deg,rgba(122,64,255,.16),rgba(255,45,168,.10));border:1px solid rgba(255,255,255,.1);color:#eaf0ff;font-size:.83rem;font-weight:700}
.register-action-grid-v68{display:grid;gap:10px}
.register-shell-v61 .stack input,.register-shell-v61 .stack select{min-height:44px!important}
.register-shell-v61 .password-toggle{width:34px!important;height:34px!important}
.register-shell-v61 .account-consent{margin-top:2px!important}
.register-shell-v61 .password-rules-v61{padding:12px 14px!important}
@media (min-width:1120px){
  .creator-register-page .topbar{margin-bottom:0!important}
  .register-shell-v61{padding-top:10px!important;padding-bottom:10px!important}
  .register-shell-v61 .auth-visual{align-self:center!important}
}
@media (max-width:980px){
  .register-form-grid-v68,.register-notes-v68{grid-template-columns:1fr}
}
@media (max-width:780px){
  .register-shell-v61{padding:18px 12px 28px!important}
  .register-shell-v61 .auth-card{padding:20px!important}
  .register-shell-v61 .auth-visual{display:block!important}
  .register-shell-v61.auth-shell-split{display:flex!important;flex-direction:column!important;gap:18px!important}
  .register-shell-v61 .auth-visual .mascot-scene{width:240px!important}
  .register-shell-v61 .auth-visual-copy h2{font-size:1.7rem!important}
}

/* Página jogar/entrar mais estável */
.join-pin-card{background:linear-gradient(135deg,rgba(74,41,172,.88),rgba(16,30,88,.94) 58%,rgba(0,124,158,.42))!important}
.join-pin-button-row{display:grid;gap:10px}
.join-pin-form .btn.secondary{background:linear-gradient(135deg,rgba(42,55,126,.96),rgba(20,28,71,.96))!important}
.participant-auth .topbar{position:sticky;top:0;z-index:60;backdrop-filter:blur(16px)}

/* Fundo mais vivo no login/cadastro e seções */
.public-cta-card,.feature-showcase-v4,.hero-v45,.arena-features-v4 .feature-showcase{
  box-shadow:0 28px 60px rgba(0,0,0,.25)!important;
}
.public-cta-card{background:linear-gradient(135deg,rgba(79,43,180,.84),rgba(17,34,88,.92) 58%,rgba(0,120,158,.44))!important}

/* Admin e painel mais refinados */
.admin-command-hero,.dashboard-hero-v4{
  background:linear-gradient(125deg,rgba(69,39,170,.86),rgba(21,24,58,.94) 45%,rgba(3,120,150,.34))!important;
}
.admin-global-stats .stat-card,.quiz-card-v4,.card.glass-card{
  box-shadow:0 18px 40px rgba(0,0,0,.24)!important;
}
.quiz-card-v4:hover,.shortcut-card-v4:hover,.admin-list-link:hover{transform:translateY(-3px)!important}

/* Rolagem/entrada mais rápidas */
.reveal-up{transition-duration:.34s!important}
.delay-1,.delay-2,.delay-3{transition-delay:0ms!important}
html{scroll-behavior:smooth}

/* REAL LIVE ARENA V6.9 — ajustes finos de responsividade, entrar mobile, join e cadastro */

/* Topo mobile com botão Entrar visível e ícones alinhados */
.topnav-v41 .public-nav-link,
.topnav-v41 .public-nav-create,
.topnav-v41 .public-nav-cta{
  white-space:nowrap!important;
}
.topnav-v41 .public-nav-link b,
.topnav-v41 .public-nav-create b,
.topnav-v41 .public-nav-cta b{
  line-height:1!important;
}
.topnav-v41 .public-nav-cta .live-dot{
  width:20px!important;height:20px!important;min-width:20px!important;
  border-radius:999px!important;
  display:grid!important;place-items:center!important;
  background:radial-gradient(circle at 35% 35%,#93fff5 0%,#45f0d0 38%,#4c68ff 100%)!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.35),0 6px 16px rgba(58,203,255,.26)!important;
}
.topnav-v41 .public-nav-cta .live-dot::after{
  content:"";width:8px;height:8px;border-radius:999px;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.9);
}
.topnav-v41 .public-nav-create span,
.topnav-v41 .public-login-link span,
.topnav-v41 .public-how-link span{
  font-size:.86rem!important;
}
@media (max-width:780px){
  .topbar-v41{height:74px!important}
  .topbar-v41 .container{gap:8px!important}
  .brand-v41 img{width:132px!important}
  .topnav-v41{display:flex!important;gap:6px!important;align-items:center!important}
  .topnav-v41 .public-how-link{display:none!important}
  .topnav-v41 .public-login-link{display:flex!important}
  .topnav-v41 .public-login-link,
  .topnav-v41 .public-nav-create,
  .topnav-v41 .public-nav-cta{
    min-width:auto!important;width:auto!important;height:40px!important;min-height:40px!important;
    padding:8px 10px!important;border-radius:14px!important;gap:7px!important;flex:0 0 auto!important;
  }
  .topnav-v41 .public-login-link b,
  .topnav-v41 .public-nav-create b,
  .topnav-v41 .public-nav-cta b{font-size:.72rem!important;display:inline!important}
  .topnav-v41 .public-login-link span,
  .topnav-v41 .public-nav-create span,
  .topnav-v41 .public-nav-cta .live-dot{width:18px!important;height:18px!important;min-width:18px!important}
  .topnav-v41 .public-nav-create .label-desktop{display:none!important}
  .topnav-v41 .public-nav-create .label-mobile{display:inline!important}
}
@media (max-width:390px){
  .brand-v41 img{width:122px!important}
  .topnav-v41 .public-login-link,
  .topnav-v41 .public-nav-create,
  .topnav-v41 .public-nav-cta{padding:8px 8px!important}
  .topnav-v41 .public-login-link b,
  .topnav-v41 .public-nav-create b,
  .topnav-v41 .public-nav-cta b{font-size:.68rem!important}
}

/* Footer/final com mesmo clima da página e sem visual morto */
.creator-cta-section,
.site-footer-v45{
  position:relative!important;
  background:
    radial-gradient(circle at 10% 12%,rgba(124,64,255,.16),transparent 22%),
    radial-gradient(circle at 88% 8%,rgba(0,196,255,.14),transparent 22%),
    linear-gradient(180deg,#08142a 0%,#060816 100%)!important;
}
.site-footer-v45::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(118,58,255,.12),transparent 34%,transparent 68%,rgba(0,194,255,.1));
}
.footer-top-v45,.footer-grid-v45,.footer-bottom-v4{position:relative;z-index:1}
.footer-brand-v4,.footer-column-v4,.footer-cta-v4{
  background:linear-gradient(160deg,rgba(21,27,67,.84),rgba(10,14,38,.9))!important;
  border:1px solid rgba(146,171,255,.12)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.18)!important;
}
.footer-column-v4{padding:22px 18px!important;border-radius:22px!important}
.footer-brand-v4{padding:18px!important;border-radius:22px!important}
.footer-cta-v4{padding:22px!important;border-radius:24px!important}

/* Botões com paleta mais variada */
.creator-cta-actions .btn.primary,
.register-action-grid-v68 .btn.primary,
.footer-top-actions-v61 .btn.primary,
.join-pin-form .btn.primary{background:linear-gradient(135deg,#7f3bff 0%,#ff2ca0 62%,#ff6a66 100%)!important}
.creator-cta-actions .btn.secondary,
.register-action-grid-v68 .btn.secondary,
.footer-top-actions-v61 .btn.secondary,
.join-pin-form .btn.secondary,
.footer-cta-v4 .btn.secondary.small{background:linear-gradient(135deg,#18d48f 0%,#15c0ff 56%,#5864ff 100%)!important;color:#fff!important}
.register-action-grid-v68 .btn.ghost{background:linear-gradient(135deg,rgba(48,67,127,.96),rgba(26,35,82,.96))!important}

/* Join/PIN corrigido no desktop e mobile */
.join-pin-stage.auth-shell,
.auth-shell.single-stage.join-pin-stage{
  width:min(100%,1180px)!important;
  padding:22px 12px!important;
  min-height:calc(100vh - 84px)!important;
}
.join-pin-card{
  width:100%!important;
  max-width:1120px!important;
  grid-template-columns:170px minmax(360px,1fr) minmax(250px,280px)!important;
  gap:22px!important;
  min-height:260px!important;
  padding:24px 24px!important;
}
.join-pin-card > div:nth-child(2){min-width:0!important}
.join-pin-card h2{font-size:clamp(2.2rem,3.2vw,3.6rem)!important;line-height:1.02!important;max-width:560px!important;margin:6px 0 10px!important}
.join-pin-card p{max-width:520px!important;line-height:1.65!important}
.join-pin-card .cta-mascot-mini{height:170px!important}
.join-pin-card .cta-mascot-mini img{width:min(170px,100%)!important;display:block!important}
.join-pin-actions{justify-content:flex-end!important;align-self:center!important}
.join-pin-form{width:min(100%,250px)!important}
.join-pin-form .btn{min-height:48px!important}
.pin-input-wrap input{min-height:60px!important; font-size:1.42rem!important; letter-spacing:.28em!important}
@media (max-width:980px){
  .join-pin-card{grid-template-columns:150px minmax(0,1fr) minmax(230px,260px)!important}
  .join-pin-card h2{font-size:2.3rem!important}
}
@media (max-width:780px){
  .join-pin-stage.auth-shell,
  .auth-shell.single-stage.join-pin-stage{padding:16px 12px 24px!important;min-height:auto!important}
  .join-pin-card{grid-template-columns:1fr!important;max-width:360px!important;gap:14px!important;padding:18px!important;min-height:auto!important;text-align:center!important}
  .join-pin-card h2{font-size:clamp(2rem,8vw,2.8rem)!important;max-width:none!important}
  .join-pin-card p{max-width:none!important}
  .join-pin-card .cta-mascot-mini{height:120px!important}
  .join-pin-card .cta-mascot-mini img{width:120px!important}
  .join-pin-actions{justify-content:center!important}
  .join-pin-form{width:100%!important;max-width:320px!important}
}

/* Cadastro mais compacto, vivo e compatível com tela normal no PC */
.creator-register-page{
  background:
    radial-gradient(circle at 12% 10%,rgba(115,61,255,.16),transparent 20%),
    radial-gradient(circle at 86% 14%,rgba(0,198,255,.12),transparent 22%),
    linear-gradient(180deg,#07101e 0%,#08142a 100%)!important;
}
.register-shell-v61{
  max-width:1180px!important;
  padding:12px 16px 18px!important;
  min-height:calc(100vh - 74px)!important;
}
.register-shell-v61.auth-shell-split{grid-template-columns:minmax(280px,.92fr) minmax(320px,500px)!important;gap:26px!important}
.register-shell-v61 .auth-visual .mascot-scene{width:min(300px,72%)!important}
.register-shell-v61 .auth-visual-copy{margin-top:-6px!important;max-width:500px!important}
.register-shell-v61 .auth-visual-copy h2{font-size:1.86rem!important;line-height:1.04!important;margin:8px 0!important}
.register-shell-v61 .auth-visual-copy p{font-size:1rem!important;line-height:1.58!important}
.register-shell-v61 .auth-card{padding:18px 20px!important;border-radius:26px!important}
.register-shell-v61 .auth-card h1{font-size:1.76rem!important}
.register-shell-v61 .stack{gap:12px!important}
.register-form-grid-v68{gap:12px!important}
.register-notes-v68{gap:8px!important}
.register-notes-v68 span{padding:10px 12px!important;font-size:.8rem!important}
.register-shell-v61 .stack input,.register-shell-v61 .stack select{min-height:42px!important;padding-top:10px!important;padding-bottom:10px!important}
.register-shell-v61 .password-toggle{width:32px!important;height:32px!important}
.register-shell-v61 .account-consent{padding:12px 13px!important}
.register-shell-v61 .password-rules-v61{padding:10px 12px!important;font-size:.78rem!important}
.register-shell-v61 .btn{min-height:46px!important}
@media (min-width:1100px){
  .register-shell-v61 .auth-visual{align-self:center!important}
  .register-shell-v61 .register-visual-tags-v68{margin-top:10px!important}
}
@media (max-width:900px){
  .register-shell-v61.auth-shell-split{grid-template-columns:1fr!important;gap:18px!important}
}
@media (max-width:780px){
  .register-shell-v61{padding:16px 12px 26px!important}
  .register-shell-v61 .auth-card{padding:18px!important}
  .register-shell-v61 .auth-visual .mascot-scene{width:228px!important}
}

/* Fundos e áreas logadas mais harmoniosos */
.creator-register-page .topbar,
.participant-auth .topbar,
.admin-dashboard-page .topbar,
.creator-dashboard-page .topbar{
  background:rgba(7,12,33,.74)!important;
  backdrop-filter:blur(18px)!important;
}
.dashboard-hero-v4,
.admin-command-hero,
.hero-pro,
.creator-cta-v61,
.public-cta-card{overflow:hidden!important}

/* Rolagem e carregamento percebido mais rápido */
.reveal-up{opacity:1!important;transform:none!important;transition:none!important}


/* V7.0 ajustes finais pedidos: remover barras finais, footer mais vivo, fundo não preto, login/cadastro mais compactos em 100% */

/* remover barras e watermark escuro do final */
.site-footer-v4:after,
.site-footer-v45::after,
.footer-watermark,
.site-footer-v45 .footer-watermark{content:none!important;display:none!important}
.footer-bottom-v4{border-top:none!important;box-shadow:none!important;padding-top:10px!important;margin-top:20px!important}
.footer-bottom-v4::before,.footer-bottom-v4::after{display:none!important;content:none!important}
.site-footer-v45{padding-bottom:22px!important}

/* footer com mais cor e visual moderno */
.site-footer-v45,
.public-v45 .site-footer-v45{
  background:
    radial-gradient(circle at 18% 15%,rgba(126,72,255,.26),transparent 24%),
    radial-gradient(circle at 88% 12%,rgba(0,216,255,.22),transparent 24%),
    radial-gradient(circle at 50% 100%,rgba(255,57,170,.12),transparent 30%),
    linear-gradient(180deg,#0b1633 0%,#09152c 38%,#0a1124 100%)!important;
  position:relative!important;
  overflow:hidden!important;
}
.site-footer-v45 .footer-aurora:before{
  width:920px!important;height:320px!important;top:-210px!important;
  background:radial-gradient(circle,rgba(151,84,255,.34),rgba(255,57,177,.16) 34%,rgba(0,217,255,.14) 57%,transparent 74%)!important;
  animation:footerPulseArena 8s ease-in-out infinite!important;
}
@keyframes footerPulseArena{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.08)}}
.site-footer-v45 .footer-brand-v4,
.site-footer-v45 .footer-column-v4,
.site-footer-v45 .footer-cta-v4{
  background:linear-gradient(160deg,rgba(21,29,73,.88),rgba(10,17,45,.9))!important;
  border:1px solid rgba(147,176,255,.14)!important;
  box-shadow:0 18px 35px rgba(3,8,30,.22), inset 0 1px 0 rgba(255,255,255,.05)!important;
}

/* retirar excesso de preto das áreas de login/cadastro */
.creator-login-page,
.creator-register-page,
.creator-recovery-page,
.admin-auth,
body.auth-bg{
  background:
    radial-gradient(circle at 12% 10%,rgba(122,60,255,.22),transparent 18%),
    radial-gradient(circle at 88% 14%,rgba(0,214,255,.16),transparent 20%),
    radial-gradient(circle at 58% 78%,rgba(255,64,170,.08),transparent 22%),
    linear-gradient(180deg,#081634 0%,#081227 52%,#091120 100%)!important;
}
.creator-login-page::before,
.creator-register-page::before,
.creator-recovery-page::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle at 20% 35%,rgba(111,55,255,.12),transparent 16%),
    radial-gradient(circle at 75% 20%,rgba(0,210,255,.1),transparent 14%),
    radial-gradient(circle at 70% 70%,rgba(255,57,171,.08),transparent 16%);
  animation:pageGlowArena 11s linear infinite alternate;
}
@keyframes pageGlowArena{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,-10px,0)}}

/* shells mais compactos no pc padrão 100% */
.compact-auth-shell,
.admin-login-shell,
.register-shell-v61,
.auth-shell.auth-shell-split{
  position:relative;z-index:1;
  max-width:1140px!important;
  min-height:calc(100vh - 78px)!important;
  padding:12px 16px 18px!important;
  gap:20px!important;
  align-items:center!important;
}
.auth-shell.auth-shell-split{grid-template-columns:minmax(280px,.9fr) minmax(320px,490px)!important}
.auth-shell .auth-visual{justify-content:center!important;padding:4px 0!important}
.auth-shell .auth-visual .mascot-scene{width:min(280px,72%)!important}
.auth-shell .auth-visual-copy{max-width:480px!important;margin-top:6px!important}
.auth-shell .auth-visual-copy h2{font-size:clamp(1.9rem,3.2vw,3rem)!important;line-height:1.04!important;margin:8px 0!important}
.auth-shell .auth-visual-copy p{font-size:1rem!important;line-height:1.58!important;margin:0!important}
.auth-card,.compact-auth-card{
  max-width:490px!important;padding:18px 20px!important;border-radius:26px!important;
  background:linear-gradient(180deg,rgba(20,26,68,.94),rgba(9,16,46,.95))!important;
}
.auth-card h1{font-size:clamp(1.8rem,2.8vw,2.7rem)!important;line-height:1.04!important;margin:6px 0 8px!important}
.auth-card .muted{margin-bottom:10px!important}
.auth-card form.stack{gap:10px!important}
.auth-card label{font-size:.92rem!important}
.auth-card input,.auth-card select{min-height:42px!important}
.auth-card .btn{min-height:45px!important}
.auth-card .auth-highlights{margin-top:10px!important}
.local-recovery-code{background:linear-gradient(135deg,rgba(123,61,255,.24),rgba(0,196,255,.16))!important;border:1px solid rgba(126,214,255,.22)!important}

/* página de cadastro mais enxuta no pc */
.register-shell-v61.auth-shell-split{grid-template-columns:minmax(280px,.88fr) minmax(330px,500px)!important}
.register-shell-v61 .auth-visual .mascot-scene{width:min(250px,66%)!important}
.register-shell-v61 .register-visual-tags-v68{margin-top:12px!important;gap:8px!important}
.register-shell-v61 .register-visual-tags-v68 span{padding:10px 14px!important}
.register-form-grid-v68{gap:10px!important}
.register-notes-v68 span{min-height:auto!important}

/* links e botões no topo com símbolos alinhados */
.topnav-v41 .public-how-link,
.topnav-v41 .public-login-link,
.topnav-v41 .public-nav-create,
.topnav-v41 .public-nav-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}
.topnav-v41 .public-how-link span,
.topnav-v41 .public-login-link span,
.topnav-v41 .public-nav-create span,
.topnav-v41 .public-nav-cta .live-dot{display:inline-grid!important;place-items:center!important;line-height:1!important}
.topnav-v41 .public-how-link,
.topnav-v41 .public-login-link{background:linear-gradient(135deg,rgba(64,74,146,.82),rgba(30,36,90,.92))!important;border:1px solid rgba(143,162,255,.14)!important}

/* seção seguinte ao footer topo sem fundo morto */
.creator-cta-section,
.creator-register-page main,
.creator-login-page main,
.creator-recovery-page main{
  background:transparent!important;
}

/* rodapé cards alinhados e respirando */
.footer-grid-v45{gap:18px!important;align-items:stretch!important}
.footer-brand-v4,.footer-column-v4,.footer-cta-v4{min-height:100%!important}

/* pc normal 100% */
@media (min-width:1024px){
  .auth-shell.auth-shell-split{padding-top:10px!important;padding-bottom:10px!important}
  .auth-shell .auth-visual-copy h2{font-size:2.1rem!important}
  .auth-card h1{font-size:2.05rem!important}
  .auth-shell .auth-visual .mascot-scene{width:260px!important}
}
@media (max-width:900px){
  .auth-shell.auth-shell-split,
  .compact-auth-shell,
  .register-shell-v61{grid-template-columns:1fr!important;max-width:680px!important;padding:16px 12px 24px!important;min-height:auto!important}
  .auth-shell .auth-visual .mascot-scene,
  .register-shell-v61 .auth-visual .mascot-scene{width:230px!important}
  .auth-card,.compact-auth-card{max-width:100%!important}
}


/* REAL LIVE ARENA V7.1 — administração completa, editor do site e e-mails */
:root{
  --purple:var(--site-primary,#7f3bff);
  --pink:var(--site-secondary,#ff2da0);
  --cyan:var(--site-accent,#16d7c1);
}
body.public-v45,
body.creator-login-page,
body.creator-register-page,
body.creator-recovery-page{
  background:
    radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--site-primary,#7f3bff) 28%,transparent),transparent 24%),
    radial-gradient(circle at 88% 16%,color-mix(in srgb,var(--site-accent,#16d7c1) 22%,transparent),transparent 24%),
    linear-gradient(180deg,var(--site-bg-start,#0b1735),var(--site-bg-end,#081126))!important;
}
.btn.primary,.public-nav-create{background:linear-gradient(135deg,var(--site-primary,#7f3bff),var(--site-secondary,#ff2da0))!important}
.btn.secondary{background:linear-gradient(135deg,var(--site-accent,#16d7c1),#4f65ff)!important}
.gradient-text{background-image:linear-gradient(100deg,#fff 0%,color-mix(in srgb,var(--site-primary,#7f3bff) 40%,#fff) 32%,color-mix(in srgb,var(--site-secondary,#ff2da0) 70%,#fff) 62%,color-mix(in srgb,var(--site-accent,#16d7c1) 70%,#fff) 100%)!important}

.public-announcement{padding:14px 0 0;position:relative;z-index:4}
.announcement-card{display:flex;gap:14px;align-items:flex-start;padding:17px 20px;border-radius:20px;background:linear-gradient(135deg,rgba(125,59,255,.28),rgba(255,45,160,.18),rgba(22,215,193,.14));border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 38px rgba(0,0,0,.18)}
.announcement-card>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--site-primary,#7f3bff),var(--site-secondary,#ff2da0));font-size:1.1rem;flex:none}
.announcement-card strong{font-size:1rem}.announcement-card p{color:#c5d2e9;margin:4px 0 0;line-height:1.55}

.admin-control-nav{overflow-x:auto;scrollbar-width:none;white-space:nowrap;max-width:calc(100vw - 280px)}
.admin-control-nav::-webkit-scrollbar{display:none}
.admin-control-nav .nav-link{flex:0 0 auto;padding:9px 11px!important}
.admin-management-shortcuts{margin-top:18px}
.admin-hero-symbol{width:128px;height:128px;border-radius:34px;display:grid;place-items:center;font-size:4rem;background:linear-gradient(145deg,rgba(126,60,255,.46),rgba(16,211,195,.22));border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 60px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.15);transform:rotate(-5deg)}

.admin-settings-form{display:grid;gap:18px}
.settings-section-card{padding:26px!important}
.settings-section-card>.card-title{margin-bottom:20px}
.settings-section-card .card-title p{color:#9fb0cc;margin-top:6px;line-height:1.5}
.site-editor-form textarea,.email-settings-page textarea,.communications-page textarea{min-height:120px}
.color-settings-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}
.color-settings-grid label{display:grid;gap:8px;padding:14px;border-radius:18px;background:linear-gradient(145deg,rgba(40,47,100,.7),rgba(15,22,57,.8));border:1px solid rgba(255,255,255,.1);font-weight:850;font-size:.78rem}
.color-settings-grid input[type=color]{width:100%;height:52px;padding:4px;border-radius:13px;border:0;background:transparent}
.color-settings-grid span{font-size:.7rem;color:#9fafd0;text-align:center}
.settings-toggle{margin:16px 0!important}
.sticky-save-bar{position:sticky;bottom:14px;z-index:20;display:flex;justify-content:flex-end;gap:12px;padding:13px 15px;border-radius:20px;background:rgba(8,14,38,.9);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(0,0,0,.3)}

.admin-settings-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;margin:18px 0}
.smtp-settings-box{padding:18px;border-radius:20px;background:linear-gradient(145deg,rgba(24,38,83,.78),rgba(11,19,48,.85));border:1px solid rgba(255,255,255,.1)}
.smtp-settings-box .eyebrow{margin-bottom:14px}
.email-test-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.email-test-form label{display:grid;gap:8px;color:#dbe4f3;font-weight:800;font-size:.8rem}
.email-test-form input{min-height:46px;border-radius:14px;padding:11px 13px;background:rgba(4,9,23,.72);border:1px solid rgba(255,255,255,.12);color:#fff}
.template-accordion-list{display:grid;gap:12px}
.template-editor-card{border-radius:18px;background:linear-gradient(145deg,rgba(32,39,89,.78),rgba(14,20,52,.88));border:1px solid rgba(255,255,255,.1);overflow:hidden}
.template-editor-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;list-style:none}
.template-editor-card summary::-webkit-details-marker{display:none}
.template-editor-card summary div{display:grid;gap:3px}.template-editor-card summary small{color:#8192b1}
.template-editor-card form{padding:0 18px 18px}
.communication-stats{grid-template-columns:repeat(3,1fr)!important;margin:18px 0}
.communication-help-card{margin-top:18px;padding:18px;border-radius:20px;background:linear-gradient(145deg,rgba(45,34,106,.76),rgba(11,47,73,.74));border:1px solid rgba(255,255,255,.1)}
.communication-help-card strong{font-size:1.05rem}.communication-help-card p{color:#aab8cf;line-height:1.55}
.responsive-table{overflow-x:auto;border-radius:18px;border:1px solid rgba(255,255,255,.08)}
.responsive-table table{width:100%;border-collapse:collapse;min-width:760px}
.responsive-table th,.responsive-table td{padding:13px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.07);font-size:.78rem}
.responsive-table th{color:#cfd8eb;background:rgba(255,255,255,.035)}
.responsive-table td{color:#aebbd1}

@media(max-width:1100px){
  .color-settings-grid{grid-template-columns:repeat(3,1fr)}
  .admin-settings-layout{grid-template-columns:1fr}
  .admin-hero-symbol{display:none}
}
@media(max-width:780px){
  .admin-control-nav{max-width:calc(100vw - 145px)}
  .settings-section-card{padding:18px!important}
  .color-settings-grid{grid-template-columns:1fr 1fr}
  .sticky-save-bar{bottom:86px;flex-direction:column}
  .sticky-save-bar .btn{width:100%}
  .email-test-form{grid-template-columns:1fr}
  .communication-stats{grid-template-columns:1fr!important}
  .admin-settings-layout{gap:14px}
}
@media(max-width:420px){.color-settings-grid{grid-template-columns:1fr}.announcement-card{padding:14px}.announcement-card>span{width:34px;height:34px}}

/* V7.2 — correções finais de rodapé, jogar, login e recuperação */

/* Remove somente as duas barras coloridas dos cards centrais do rodapé. */
.site-footer-v45 .footer-column-v4::before,
.site-footer-v45 .footer-column-v4:before{
  content:none!important;
  display:none!important;
}
.site-footer-v45 .footer-column-v4{
  padding-left:22px!important;
}

/* Centraliza texto e botão do card Começar agora. */
.site-footer-v45 .footer-cta-v4{
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.site-footer-v45 .footer-cta-v4 > span,
.site-footer-v45 .footer-cta-v4 > strong{
  width:100%!important;
  text-align:center!important;
}
.site-footer-v45 .footer-cta-v4 .btn{
  margin-inline:auto!important;
  align-self:center!important;
}

/* Corrige o fluxo Jogar no desktop: uma única coluna central, sem recorte lateral. */
.participant-auth .join-page-shell{
  width:100%!important;
  max-width:1240px!important;
  margin:0 auto!important;
  min-height:calc(100vh - 78px)!important;
  display:grid!important;
  place-items:center!important;
  padding:28px 20px!important;
}
.participant-auth .join-page-shell .join-pin-stage{
  width:100%!important;
  max-width:1140px!important;
  min-height:auto!important;
  display:block!important;
  padding:0!important;
  margin:0 auto!important;
}
.participant-auth .join-page-shell .join-pin-card{
  margin:0 auto!important;
  overflow:visible!important;
}
@media(max-width:780px){
  .participant-auth .join-page-shell{
    min-height:auto!important;
    padding:18px 12px 28px!important;
  }
}

/* Esqueci a senha como link discreto, não como botão. */
.auth-inline-link{
  display:flex!important;
  justify-content:flex-end!important;
  margin-top:-2px!important;
}
.auth-inline-link a,
.auth-bottom-links a{
  color:#aebde0!important;
  font-size:.78rem!important;
  font-weight:750!important;
  text-decoration:none!important;
  transition:color .2s ease,transform .2s ease!important;
}
.auth-inline-link a:hover,
.auth-bottom-links a:hover{
  color:#fff!important;
  transform:translateY(-1px)!important;
}
.auth-bottom-links{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:2px!important;
  color:#6f7ea0!important;
}

/* Recuperação com somente ação principal e Entrar agora. */
.creator-recovery-page .compact-auth-card form.stack{
  gap:12px!important;
}
.creator-recovery-page .compact-auth-card .btn.secondary{
  background:linear-gradient(135deg,#14cf93 0%,#19b8fa 58%,#5968ff 100%)!important;
}

/* Login administrativo neutro e profissional. */
.admin-control-login .auth-card .eyebrow,
.admin-control-login .auth-card h1,
.admin-control-login .auth-card .muted{
  text-align:left!important;
}



/* V7.3 — ajustes de logo, card de PIN e lista A/B/C/D */
.topbar-v41 .brand-v41{flex:0 0 auto!important}
.topbar-v41 .brand-v41 img{width:188px!important;max-width:none!important}
.topbar-v41 .topnav-v41{margin-left:auto!important}
@media (max-width:780px){
  .topbar-v41 .topbar-shell{width:min(100%,calc(100% - 14px))!important;gap:7px!important}
  .topbar-v41 .brand-v41 img{width:138px!important}
  .topbar-v41 .topnav-v41{gap:5px!important}
  .topnav-v41 .public-how-link{display:none!important}
  .topnav-v41 .public-login-link,
  .topnav-v41 .public-nav-create,
  .topnav-v41 .public-nav-cta{padding:8px 9px!important;min-height:40px!important;height:40px!important}
  .topnav-v41 .public-login-link b,
  .topnav-v41 .public-nav-create b,
  .topnav-v41 .public-nav-cta b{font-size:.72rem!important}
}
@media (max-width:430px){
  .topbar-v41 .brand-v41 img{width:132px!important}
  .topnav-v41 .public-login-link,
  .topnav-v41 .public-nav-create,
  .topnav-v41 .public-nav-cta{padding:7px 8px!important;border-radius:14px!important}
  .topnav-v41 .public-login-link b,
  .topnav-v41 .public-nav-create b,
  .topnav-v41 .public-nav-cta b{font-size:.68rem!important}
}

.check-list-choices li{align-items:center!important;gap:14px!important}
.check-list-choices li::before{display:none!important}
.choice-mark{width:34px!important;height:34px!important;min-width:34px!important;border-radius:13px!important;display:grid!important;place-items:center!important;font-size:.95rem!important;font-weight:900!important;color:#fff!important;background:linear-gradient(135deg,#20e1a4 0%,#6f6dff 50%,#ff4aa7 100%)!important;box-shadow:0 10px 22px rgba(99,78,255,.28)!important}
.check-list-choices li span:last-child{flex:1 1 auto!important}

.site-footer-v45 .footer-column-v4{padding-left:18px!important;border-left:none!important;box-shadow:0 14px 34px rgba(6,10,28,.18)!important}
.site-footer-v45 .footer-column-v4::before,
.site-footer-v45 .footer-column-v4:before{content:none!important;display:none!important;width:0!important}
.site-footer-v45 .footer-cta-v4{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.site-footer-v45 .footer-cta-v4 .btn{margin-inline:auto!important}

.join-pin-stage-v73{max-width:1120px!important;gap:34px!important;padding:24px 18px!important;min-height:calc(100vh - 82px)!important}
.join-visual-stage{display:grid!important;place-items:center!important}
.join-visual-stage .mascot-scene{width:min(430px,92%)!important}
.join-visual-copy{max-width:520px!important;margin-top:8px!important;text-align:center!important}
.join-entry-card-v73{max-width:520px!important;padding:28px!important;background:linear-gradient(145deg,rgba(39,52,115,.92),rgba(15,28,77,.95) 56%,rgba(0,110,154,.48))!important;border:1px solid rgba(102,208,255,.22)!important;box-shadow:0 24px 70px rgba(17,13,50,.32)!important}
.join-entry-head-v73{display:flex!important;align-items:center!important;gap:16px!important;margin-bottom:14px!important}
.join-entry-icon-v73{width:68px!important;height:68px!important;border-radius:22px!important;display:grid!important;place-items:center!important;font-size:1.65rem!important;font-weight:900!important;color:#fff!important;background:linear-gradient(135deg,#8b43ff 0%,#ff3aa0 100%)!important;box-shadow:0 16px 32px rgba(123,56,255,.34)!important;flex:0 0 auto!important}
.join-entry-card-v73 h1{font-size:clamp(2rem,3.6vw,3rem)!important;line-height:1.02!important;margin:5px 0 0!important}
.join-entry-card-v73 .muted{color:#d2def2!important;font-size:.98rem!important;line-height:1.65!important;margin-bottom:8px!important}
.join-pin-form-v73{gap:16px!important}
.join-pin-input-v73{margin-top:8px!important}
.join-pin-input-v73 input{min-height:74px!important;font-size:2rem!important;letter-spacing:.33em!important;text-align:center!important}
.join-pin-form-v73 .btn.primary{min-height:58px!important;font-size:1.12rem!important}
.auth-inline-back-link{display:flex!important;justify-content:center!important;align-items:center!important;margin-top:14px!important;font-size:.92rem!important;color:#c7d5f0!important;text-decoration:none!important}
.auth-inline-back-link:hover{color:#fff!important}
@media (max-width:980px){
  .join-pin-stage-v73{grid-template-columns:1fr!important;gap:18px!important;padding:18px 14px 28px!important}
  .join-entry-card-v73{margin-inline:auto!important}
}
@media (max-width:780px){
  .join-pin-stage-v73{padding:14px 10px 24px!important;min-height:auto!important}
  .join-visual-stage .mascot-scene{width:min(280px,88vw)!important}
  .join-visual-copy{margin-top:2px!important}
  .join-visual-copy h2{font-size:clamp(2rem,8.4vw,2.8rem)!important;line-height:1.02!important}
  .join-entry-card-v73{max-width:360px!important;padding:20px!important}
  .join-entry-head-v73{gap:12px!important}
  .join-entry-icon-v73{width:56px!important;height:56px!important;border-radius:18px!important;font-size:1.35rem!important}
  .join-pin-input-v73 input{min-height:64px!important;font-size:1.7rem!important;letter-spacing:.28em!important}
}


/* V7.4 — ajustes mobile finais solicitados */
@media (max-width:780px){
  /* topo mobile sem cortar o botão Jogar */
  .topbar-v41 .topbar-shell,
  .topbar-v41 .container{width:min(100%,calc(100% - 10px))!important;gap:6px!important;justify-content:space-between!important}
  .topbar-v41 .brand-v41{flex:0 0 auto!important;min-width:0!important}
  .topbar-v41 .brand-v41 img{width:118px!important;max-width:none!important}
  .topnav-v41{flex:1 1 auto!important;min-width:0!important;justify-content:flex-end!important;gap:5px!important}
  .topnav-v41 .public-login-link,
  .topnav-v41 .public-nav-create,
  .topnav-v41 .public-nav-cta{padding:8px 8px!important;min-width:0!important;flex:0 0 auto!important}
  .topnav-v41 .public-login-link b,
  .topnav-v41 .public-nav-create b,
  .topnav-v41 .public-nav-cta b{font-size:.67rem!important;line-height:1!important;white-space:nowrap!important}
  .topnav-v41 .public-login-link span,
  .topnav-v41 .public-nav-create span,
  .topnav-v41 .public-nav-cta .live-dot{width:16px!important;height:16px!important;min-width:16px!important}

  /* jogar mobile no mesmo padrão visual do card com mascote e animação */
  .participant-auth .join-pin-stage-v73{padding:12px 10px 24px!important;gap:10px!important;min-height:auto!important}
  .participant-auth .join-visual-stage{display:block!important;order:0!important;text-align:center!important}
  .participant-auth .join-visual-stage .mascot-scene{display:block!important;width:min(290px,90vw)!important;margin:0 auto 10px!important}
  .participant-auth .join-visual-stage .mascot-holder{animation:floatMascot 5.6s ease-in-out infinite!important}
  .participant-auth .join-visual-stage .orbital-ring,
  .participant-auth .join-visual-stage .mascot-particle{opacity:1!important}
  .participant-auth .join-visual-copy{display:none!important}
  .participant-auth .join-entry-card-v73{max-width:360px!important;padding:18px!important;margin:0 auto!important}
  .participant-auth .join-entry-head-v73{gap:12px!important;margin-bottom:12px!important}
  .participant-auth .join-entry-icon-v73{width:54px!important;height:54px!important;border-radius:18px!important;box-shadow:0 14px 30px rgba(123,56,255,.34)!important}
  .participant-auth .join-entry-card-v73 h1{font-size:clamp(1.9rem,8vw,2.45rem)!important;line-height:1.02!important}
  .participant-auth .join-entry-card-v73 .muted{font-size:1rem!important;line-height:1.6!important}
  .participant-auth .join-pin-input-v73 input{min-height:62px!important;font-size:1.85rem!important;letter-spacing:.28em!important}
  .participant-auth .auth-inline-back-link{margin-top:12px!important}
}
@media (max-width:420px){
  .topbar-v41 .brand-v41 img{width:110px!important}
  .topnav-v41{gap:4px!important}
  .topnav-v41 .public-login-link,
  .topnav-v41 .public-nav-create,
  .topnav-v41 .public-nav-cta{padding:7px 7px!important;border-radius:13px!important}
  .topnav-v41 .public-login-link b,
  .topnav-v41 .public-nav-create b,
  .topnav-v41 .public-nav-cta b{font-size:.64rem!important}
  .topnav-v41 .public-login-link span,
  .topnav-v41 .public-nav-create span,
  .topnav-v41 .public-nav-cta .live-dot{width:14px!important;height:14px!important;min-width:14px!important}
}

/* cadastro: um campo por linha também no PC, igual ao login */
.register-form-grid-v68{grid-template-columns:1fr!important;gap:12px!important}
.register-form-grid-v68 label{width:100%!important}
.register-notes-v68{grid-template-columns:1fr!important}
.register-shell-v61 .auth-card{max-width:520px!important}
.register-shell-v61 .input-icon-wrap input{width:100%!important}


/* ========================================================================== 
   REAL LIVE ARENA V7.7 — IDENTIDADE, E-MAILS, AUTOMAÇÕES E ADMIN PROFISSIONAL
   ========================================================================== */

/* Menu lateral administrativo refinado */
.admin-sidebar{
  width:242px!important;
  left:14px!important;
  top:102px!important;
  bottom:14px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(127,59,255,.22),transparent 28%),
    linear-gradient(165deg,rgba(23,31,79,.98),rgba(8,30,55,.98))!important;
  border:1px solid rgba(157,204,255,.18)!important;
  box-shadow:0 26px 70px rgba(2,7,24,.30),inset 0 1px rgba(255,255,255,.06)!important;
}
.admin-sidebar-head{
  min-height:64px!important;
  padding:16px 16px 13px!important;
  background:linear-gradient(135deg,rgba(123,56,255,.12),rgba(0,184,219,.08))!important;
}
.admin-sidebar-head span{font-size:.58rem!important;letter-spacing:.18em!important;color:#b9f4ff!important}
.admin-sidebar-scroll{padding:12px 10px 16px!important;scrollbar-width:none!important}
.admin-sidebar-scroll::-webkit-scrollbar{display:none!important}
.admin-menu-group+ .admin-menu-group{margin-top:18px!important}
.admin-menu-group h3{padding:0 10px!important;margin-bottom:7px!important;color:#8295bb!important;font-size:.55rem!important}
.admin-menu-link{
  grid-template-columns:36px minmax(0,1fr) 16px!important;
  min-height:48px!important;
  padding:6px 9px!important;
  border-radius:14px!important;
  position:relative!important;
}
.admin-menu-link::before{
  content:"";
  position:absolute;
  left:-1px;top:11px;bottom:11px;
  width:3px;border-radius:4px;
  background:transparent;
}
.admin-menu-link>span{width:36px!important;height:36px!important;border-radius:12px!important}
.admin-menu-link>b{font-size:.78rem!important}
.admin-menu-link.active{
  background:linear-gradient(135deg,rgba(112,58,230,.88),rgba(220,46,163,.72),rgba(0,164,207,.55))!important;
  box-shadow:0 12px 28px rgba(66,35,173,.25)!important;
}
.admin-menu-link.active::before{background:#7ff4ff}
.admin-sidebar-footer{padding:12px!important;background:linear-gradient(180deg,rgba(8,18,42,.12),rgba(3,14,33,.38))!important}
.admin-user-card>span{background:linear-gradient(135deg,#7439ff,#ff2da0,#1acde3)!important}
body.admin-control-page .admin-main,
body.admin-control-page .admin-footer-v4{width:calc(100% - 270px)!important;margin-left:270px!important}

/* Upload de identidade visual */
.brand-assets-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:18px 0;
}
.brand-upload-card{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:16px;
  align-items:center;
  padding:16px;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(31,38,91,.88),rgba(10,31,55,.90));
  border:1px solid rgba(164,205,255,.16);
  box-shadow:0 15px 34px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.05);
}
.brand-upload-card.compact-brand-card{grid-template-columns:100px 1fr}
.brand-upload-preview{
  min-height:100px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(123,56,255,.20),rgba(0,198,255,.12));
  border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
}
.brand-upload-preview img{display:block;max-width:92%;max-height:100px;object-fit:contain}
.brand-upload-preview.favicon-preview{min-height:92px}
.brand-upload-preview.favicon-preview img{width:64px;height:64px;object-fit:contain}
.brand-upload-preview.cover-preview{min-height:120px}
.brand-upload-preview.cover-preview img{width:100%;height:120px;max-width:none;max-height:none;object-fit:cover}
.brand-upload-card>div:last-child{display:grid;gap:8px;align-content:center}
.brand-upload-card strong{font-size:1rem;color:#fff}
.brand-upload-card p{margin:0;color:#9fb0d0;font-size:.76rem;line-height:1.5}
.file-upload-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-height:38px!important;
  padding:9px 13px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#7d3fff,#ff2da0)!important;
  color:#fff!important;
  font-size:.72rem!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.file-upload-button input{display:none!important}
.brand-reset{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:8px!important;color:#9eacd0!important;font-size:.68rem!important}
.brand-reset input{width:16px!important;height:16px!important;min-height:0!important}
.social-preview-fields{margin-top:14px}
.social-link-preview-card{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:16px;
  align-items:center;
  margin-top:14px;
  padding:14px;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(15,25,63,.92),rgba(9,37,57,.90));
  border:1px solid rgba(154,203,255,.16);
}
.social-link-preview-card img{width:100%;height:130px;object-fit:cover;border-radius:16px}
.social-link-preview-card div{display:grid;gap:6px}
.social-link-preview-card small{color:#65e4ff;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.social-link-preview-card strong{font-size:1.18rem;color:#fff}
.social-link-preview-card p{margin:0;color:#aebbd3;line-height:1.5}

/* Central de e-mail */
.mail-status-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:18px 0 22px;
}
.mail-status-grid article{
  display:grid;
  grid-template-columns:46px 1fr;
  align-items:center;
  gap:12px;
  min-height:92px;
  padding:15px;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(29,34,86,.92),rgba(9,33,58,.92));
  border:1px solid rgba(160,204,255,.16);
}
.mail-status-grid article>span{
  width:46px;height:46px;display:grid;place-items:center;border-radius:15px;
  background:linear-gradient(135deg,#7f3bff,#ff2da0,#16d7c1);
  color:#fff;font-weight:950;
}
.mail-status-grid article div{display:grid;gap:4px}
.mail-status-grid strong{color:#fff}
.mail-status-grid p{margin:0;color:#9fb0cc;font-size:.74rem}
.email-admin-layout{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important}
.mail-driver-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 4px}
.mail-driver-card{
  display:grid!important;
  grid-template-columns:52px 1fr!important;
  align-items:center!important;
  gap:12px!important;
  min-height:100px;
  padding:15px!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(28,34,83,.80),rgba(10,28,50,.86))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  cursor:pointer;
  transition:.18s ease;
}
.mail-driver-card input{position:absolute;opacity:0;pointer-events:none}
.mail-driver-card>span{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:rgba(255,255,255,.08);font-size:1.35rem}
.mail-driver-card div{display:grid;gap:5px}
.mail-driver-card strong{font-size:.95rem;color:#fff}
.mail-driver-card p{margin:0;color:#9eacca;font-size:.72rem;line-height:1.45}
.mail-driver-card.is-selected{border-color:rgba(85,232,255,.42)!important;background:linear-gradient(145deg,rgba(100,55,220,.42),rgba(9,88,111,.32))!important;box-shadow:0 14px 32px rgba(58,61,211,.18)}
.mail-driver-card.is-selected>span{background:linear-gradient(135deg,#7f3bff,#ff2da0,#16d7c1)}
.smtp-settings-box{transition:opacity .18s ease,filter .18s ease}
.smtp-settings-box.is-disabled{opacity:.46;filter:saturate(.55)}
.smtp-box-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.smtp-box-head h3{margin:5px 0 0}
.smtp-preset-chips{display:flex;flex-wrap:wrap;gap:6px}
.smtp-preset-chips button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#e8eeff;border-radius:999px;padding:7px 10px;font-size:.65rem;font-weight:850;cursor:pointer}
.smtp-preset-chips button:hover{background:rgba(123,56,255,.22)}
.email-tools-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}
.cron-email-card-pro{display:grid;gap:12px;padding:16px!important}
.cron-title-row{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center}
.cron-title-row>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#ff9f2f,#ff2da0);font-size:1.2rem}
.cron-title-row div{display:grid;gap:3px}
.cron-title-row p{margin:0;color:#9eadca;font-size:.72rem}
.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.copy-field input{min-width:0;background:#08142d!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:.72rem!important}
.copy-field.compact input{font-size:.66rem!important}
.btn.is-copied{background:linear-gradient(135deg,#14c984,#1be0ac)!important;color:#fff!important}
.email-brand-preview-panel{align-self:start;position:sticky;top:112px}
.email-visual-preview{overflow:hidden;border-radius:26px;background:#111a43;border:1px solid rgba(147,191,255,.18);box-shadow:0 22px 54px rgba(0,0,0,.22);margin-bottom:14px}
.email-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:linear-gradient(120deg,#6d34ff,#df36ae,#10bfd8)}
.email-preview-top img{width:170px;max-height:54px;object-fit:contain;object-position:left center}
.email-preview-top span{font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.email-preview-image{display:block;width:100%;height:190px;object-fit:contain;background:linear-gradient(180deg,#1c265a,#121a43)}
.email-preview-body{display:grid;gap:9px;padding:20px}
.email-preview-body small{color:#68eaff;font-weight:900;letter-spacing:.12em}
.email-preview-body h3{margin:0;font-size:1.4rem}
.email-preview-body p{margin:0;color:#aebbd4;line-height:1.55}
.email-preview-button{display:inline-flex;width:max-content;padding:11px 15px;border-radius:12px;background:linear-gradient(135deg,#7f3bff,#ff2da0);font-size:.72rem;font-weight:900}
.template-editor-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:14px;padding-top:14px}
.template-mini-preview{align-self:start;display:grid;gap:8px;padding:15px;border-radius:20px;background:linear-gradient(145deg,rgba(24,31,78,.95),rgba(8,27,49,.95));border:1px solid rgba(161,204,255,.15)}
.template-mini-preview img{width:100%;height:120px;object-fit:contain;border-radius:14px;background:rgba(255,255,255,.035)}
.template-mini-preview span{color:#65e8ff;font-size:.62rem;font-weight:900;letter-spacing:.12em}
.template-mini-preview strong{font-size:1rem;color:#fff}
.template-mini-preview p{margin:0;color:#9eacc8;font-size:.74rem;line-height:1.5}

/* Comunicações automáticas */
.automation-campaign-card{margin-bottom:22px}
.automation-rules-grid small{display:block;margin-top:5px;color:#8fa0bf;font-size:.65rem;font-weight:600}
.automatic-message-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.automatic-message-card{position:relative;display:grid;gap:10px;padding:16px;border-radius:22px;background:linear-gradient(145deg,rgba(31,36,89,.92),rgba(9,31,55,.92));border:1px solid rgba(161,201,255,.16);overflow:hidden}
.automatic-message-card>span{position:absolute;right:14px;top:10px;font-size:2.5rem;font-weight:950;color:rgba(255,255,255,.06)}
.automatic-message-card label{position:relative;z-index:1}
.automatic-message-preview{display:grid;gap:7px;padding:13px;border-radius:16px;background:linear-gradient(135deg,rgba(123,56,255,.16),rgba(0,184,219,.10));border:1px solid rgba(255,255,255,.08)}
.automatic-message-preview strong{color:#fff}
.automatic-message-preview p{margin:0;color:#a9b7d0;font-size:.72rem;line-height:1.5}
.automatic-message-preview b{color:#64e8ff;font-size:.7rem}

/* Responsive refinado */
@media(max-width:1180px){
  body.admin-control-page .admin-main,
  body.admin-control-page .admin-footer-v4{width:100%!important;margin-left:0!important}
  .email-brand-preview-panel{position:static}
}
@media(max-width:980px){
  .brand-assets-grid,.mail-status-grid,.automatic-message-grid{grid-template-columns:1fr!important}
  .email-admin-layout{grid-template-columns:1fr!important}
  .template-editor-layout{grid-template-columns:1fr!important}
}
@media(max-width:780px){
  .brand-upload-card,.brand-upload-card.compact-brand-card{grid-template-columns:1fr!important;text-align:center}
  .brand-upload-card>div:last-child{justify-items:center}
  .social-link-preview-card{grid-template-columns:1fr!important}
  .mail-driver-selector{grid-template-columns:1fr!important}
  .copy-field{grid-template-columns:1fr!important}
  .smtp-box-head{flex-direction:column}
  .mail-status-grid article{min-height:82px}
  .email-preview-top img{width:145px}
  .automatic-message-card{padding:15px}
}
@media(max-width:430px){
  .admin-sidebar{width:calc(100% - 16px)!important}
  .brand-upload-preview.cover-preview img{height:110px}
  .email-preview-image{height:160px}
}

/* ========================================================================== 
   REAL LIVE ARENA V7.8 — auditoria clara, e-mail completo e jogo premium
   ========================================================================== */

/* Auditoria sem comandos, JSON ou códigos internos. */
.audit-human-detail{
  display:block;
  color:#c5d3eb;
  font-weight:650;
  line-height:1.55;
  white-space:normal;
  overflow-wrap:anywhere;
}

/* Menu lateral: preserva a posição e evita saltos visuais. */
.admin-sidebar-scroll{
  overscroll-behavior:contain!important;
  scroll-behavior:auto!important;
  overflow-anchor:none!important;
}
.admin-menu-link.active{
  position:relative!important;
}
.admin-menu-link.active::before{
  content:"";
  position:absolute;
  left:4px;
  top:12px;
  bottom:12px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#72f6d0,#7c4dff,#ff3ca5);
  box-shadow:0 0 14px rgba(114,246,208,.46);
}

/* Sistema com nomes amigáveis. */
.admin-control-page .system-health-list strong{
  text-align:right;
}
.admin-control-page .table-card td strong{
  color:#eef4ff;
}

/* Imagens exclusivas dos e-mails. */
.email-preview-footer-image{
  display:block;
  width:calc(100% - 34px);
  height:100px;
  margin:0 17px 17px;
  object-fit:contain;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(125,58,255,.16),rgba(0,188,220,.12));
  border:1px solid rgba(255,255,255,.08);
}
.email-assets-form{
  margin-top:16px;
}
.email-image-upload-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px 14px;
  align-items:center;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(31,38,92,.90),rgba(10,33,57,.88));
  border:1px solid rgba(161,204,255,.15);
}
.email-image-upload-card>div{
  display:grid;
  gap:4px;
}
.email-image-upload-card strong{
  color:#fff;
  font-size:.9rem;
}
.email-image-upload-card p{
  margin:0;
  color:#9eacca;
  font-size:.72rem;
  line-height:1.45;
}
.email-image-upload-card .brand-reset{
  grid-column:1/-1;
}
.smtp-settings-box.is-disabled{
  pointer-events:none!important;
}
.mail-driver-card{
  user-select:none;
}

/* Modelos e comunicações automáticas. */
@media (min-width:1320px){
  .automatic-message-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* Botão Iniciar jogo sempre visível e legível. */
.quiz-actions .btn.success,
.quiz-actions-v4 .btn.success,
.quiz-card-v4 .btn.success,
.editor-card .btn.success,
.host-controls .btn.success{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#ffffff!important;
  background:linear-gradient(135deg,#16cf8b 0%,#24c7d9 48%,#5e63ff 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 14px 32px rgba(24,201,168,.24),inset 0 1px rgba(255,255,255,.16)!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
  font-weight:950!important;
}
.quiz-actions .btn.success:hover,
.quiz-actions-v4 .btn.success:hover,
.host-controls .btn.success:hover{
  filter:brightness(1.07) saturate(1.08)!important;
  transform:translateY(-2px)!important;
}

/* Indicadores ao vivo sem quebra de linha em celulares. */
.live-indicator,
.game-live-label,
.host-status-pill{
  white-space:nowrap!important;
  flex:0 0 auto!important;
  min-width:max-content!important;
}
.players-card header{
  align-items:center!important;
}
.host-status-pill{
  color:#ffffff!important;
  background:linear-gradient(135deg,rgba(105,67,255,.94),rgba(232,48,164,.90),rgba(0,191,220,.78))!important;
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:0 10px 24px rgba(100,55,220,.25),inset 0 1px rgba(255,255,255,.15)!important;
  font-weight:950!important;
}
.host-status-pill[data-status="question"]{
  background:linear-gradient(135deg,#ff8a1f,#ff3e8c)!important;
}
.host-status-pill[data-status="reveal"]{
  background:linear-gradient(135deg,#14c988,#1dc7d8)!important;
}
.host-status-pill[data-status="finished"]{
  background:linear-gradient(135deg,#ffc13c,#ff7b2c)!important;
  color:#271600!important;
}

@media(max-width:780px){
  .players-card header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
  }
  .live-indicator{
    padding:7px 9px!important;
    font-size:.58rem!important;
    letter-spacing:.06em!important;
  }
  .live-indicator span{
    width:7px!important;
    height:7px!important;
  }
  .host-page .game-bar{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
  }
  .host-page .game-live-label{
    display:none!important;
  }
  .host-page .game-metric{
    min-width:0!important;
  }
  .host-page .game-metric .metric-pill:first-child{
    display:none!important;
  }
  .host-status-pill{
    max-width:none!important;
    padding:8px 10px!important;
    font-size:.62rem!important;
    border-radius:12px!important;
  }
  .quiz-actions-v4 .btn,
  .quiz-actions .btn{
    width:100%!important;
  }
  .email-image-upload-card{
    grid-template-columns:1fr!important;
    text-align:center;
  }
  .email-image-upload-card .file-upload-button{
    margin-inline:auto;
  }
}

/* ========================================================================== 
   REAL LIVE ARENA V7.9 — MENU ADMINISTRATIVO OCULTÁVEL E MOBILE LIMPO
   ========================================================================== */
:root{--admin-sidebar-width:304px}
body.admin-control-page{
  --admin-topbar-height:78px;
}
.admin-control-topbar{
  min-height:var(--admin-topbar-height)!important;
  height:var(--admin-topbar-height)!important;
  padding:0 14px!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(129,65,255,.22),transparent 26%),
    linear-gradient(90deg,rgba(24,20,72,.96),rgba(9,53,78,.94))!important;
  border-bottom:1px solid rgba(88,226,255,.22)!important;
  box-shadow:0 12px 34px rgba(4,11,34,.16)!important;
}
.admin-topbar-shell{
  width:min(1460px,calc(100% - 16px))!important;
  min-height:100%!important;
  justify-content:flex-start!important;
}
.admin-brand-zone{width:100%!important;justify-content:flex-start!important}
.admin-control-topbar .brand-v41 img{width:214px!important}
.admin-top-actions{display:none!important}
.admin-menu-toggle{
  display:block!important;
  flex:0 0 auto!important;
  background:linear-gradient(135deg,#7650ff,#18aee5)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.admin-sidebar{
  width:var(--admin-sidebar-width)!important;
  left:14px!important;
  top:calc(var(--admin-topbar-height) + 14px)!important;
  bottom:14px!important;
  transform:translateX(0)!important;
  transition:transform .24s ease,opacity .2s ease!important;
}
.admin-sidebar-head-actions{display:flex!important;align-items:center!important;gap:7px!important}
.admin-sidebar-head-actions button{
  width:34px!important;height:34px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  font-size:1.2rem!important;
}
.admin-sidebar-collapse{display:grid!important;place-items:center!important}
.admin-sidebar-close{display:none!important}
.admin-sidebar-scroll{padding-bottom:18px!important}
.admin-sidebar-footer{
  display:grid!important;
  gap:12px!important;
  padding:13px!important;
}
.admin-sidebar-actions{display:grid!important;gap:8px!important}
.admin-sidebar-actions .sidebar-action{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:44px!important;
  padding:7px 10px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  text-decoration:none!important;
  background:linear-gradient(145deg,rgba(38,52,104,.92),rgba(15,30,65,.94))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05)!important;
}
.admin-sidebar-actions .sidebar-action span{
  width:32px!important;height:32px!important;
  display:grid!important;place-items:center!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.10)!important;
}
.admin-sidebar-actions .sidebar-action b{font-size:.73rem!important;line-height:1.2!important}
.admin-sidebar-actions .sidebar-action-panel{
  background:linear-gradient(135deg,rgba(17,190,190,.82),rgba(72,100,255,.82))!important;
}
.admin-sidebar-actions .sidebar-action-logout{
  background:linear-gradient(135deg,rgba(229,57,116,.82),rgba(161,51,131,.84))!important;
}
body.admin-control-page .admin-main,
body.admin-control-page .admin-footer-v4{
  width:calc(100% - var(--admin-sidebar-width) - 28px)!important;
  margin-left:calc(var(--admin-sidebar-width) + 28px)!important;
  transition:width .24s ease,margin-left .24s ease!important;
}
body.admin-sidebar-collapsed .admin-sidebar{
  transform:translateX(calc(-100% - 32px))!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.admin-sidebar-collapsed .admin-main,
body.admin-sidebar-collapsed .admin-footer-v4{
  width:100%!important;
  margin-left:0!important;
}
body.admin-sidebar-collapsed .admin-page-context{display:grid!important}
.admin-control-dock{display:none!important}
body.admin-control-page{padding-bottom:0!important}

@media (max-width:900px){
  body.admin-control-page{--admin-topbar-height:68px!important}
  .admin-control-topbar{
    min-height:68px!important;
    height:68px!important;
    padding:0 8px!important;
    background:
      radial-gradient(circle at 18% 0%,rgba(129,65,255,.24),transparent 36%),
      linear-gradient(90deg,rgba(27,24,78,.96),rgba(11,62,84,.94))!important;
    box-shadow:0 8px 22px rgba(6,12,36,.13)!important;
  }
  .admin-topbar-shell{width:100%!important;gap:10px!important}
  .admin-brand-zone{justify-content:flex-start!important;gap:10px!important}
  .admin-control-topbar .brand-v41 img{width:154px!important}
  .admin-page-context{display:none!important}
  .admin-menu-toggle{width:42px!important;height:42px!important;min-width:42px!important}
  .admin-sidebar{
    top:76px!important;
    left:8px!important;
    bottom:8px!important;
    width:min(330px,calc(100% - 16px))!important;
    transform:translateX(calc(-100% - 24px))!important;
    opacity:1!important;
    pointer-events:auto!important;
    z-index:150!important;
  }
  .admin-sidebar-collapse{display:none!important}
  .admin-sidebar-close{display:grid!important;place-items:center!important}
  body.admin-menu-open .admin-sidebar{transform:translateX(0)!important}
  body.admin-control-page .admin-main,
  body.admin-control-page .admin-footer-v4,
  body.admin-sidebar-collapsed .admin-main,
  body.admin-sidebar-collapsed .admin-footer-v4{
    width:100%!important;
    margin-left:0!important;
  }
  body.admin-control-page .admin-main{padding-top:12px!important;padding-bottom:24px!important}
  .admin-control-dock{display:none!important}
}
@media (max-width:430px){
  .admin-control-topbar .brand-v41 img{width:142px!important}
  .admin-topbar-shell{padding:0 2px!important}
  .admin-sidebar{width:calc(100% - 16px)!important}
}


/* ========================================================================== 
   REAL LIVE ARENA V8.0 — MENU SAAS FIXO DO TOPO AO RODAPÉ
   ========================================================================== */
:root{--admin-sidebar-width:318px}
body.admin-control-page{
  min-height:100dvh!important;
}
.admin-sidebar{
  position:fixed!important;
  inset:0 auto 0 0!important;
  width:var(--admin-sidebar-width)!important;
  height:100dvh!important;
  max-height:100dvh!important;
  border-radius:0 26px 26px 0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
  z-index:160!important;
  background:
    radial-gradient(circle at 14% 8%,rgba(128,63,255,.26),transparent 28%),
    radial-gradient(circle at 88% 78%,rgba(0,205,255,.16),transparent 30%),
    linear-gradient(180deg,rgba(22,29,78,.99),rgba(8,28,55,.99))!important;
  border:0!important;
  border-right:1px solid rgba(137,209,255,.18)!important;
  box-shadow:24px 0 64px rgba(3,8,29,.26)!important;
  transform:translateX(0)!important;
}
.admin-sidebar-head{
  min-height:76px!important;
  padding:16px 18px!important;
  flex:0 0 auto!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(135deg,rgba(89,50,194,.28),rgba(0,155,194,.12))!important;
}
.admin-sidebar-head span{
  font-size:.65rem!important;
  letter-spacing:.16em!important;
}
.admin-sidebar-scroll{
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  padding:14px 13px 18px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(133,81,255,.82) rgba(255,255,255,.04)!important;
}
.admin-sidebar-scroll::-webkit-scrollbar{display:block!important;width:7px!important}
.admin-sidebar-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.035)!important;border-radius:999px!important}
.admin-sidebar-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8a50ff,#00bfe3)!important;border-radius:999px!important}
.admin-menu-group{margin:0 0 14px!important}
.admin-menu-group h3{margin:0 8px 7px!important;font-size:.59rem!important;letter-spacing:.15em!important}
.admin-menu-link{
  min-height:48px!important;
  margin-bottom:6px!important;
  padding:7px 9px!important;
  border-radius:15px!important;
}
.admin-menu-link span{width:38px!important;height:38px!important;border-radius:12px!important}
.admin-menu-link b{font-size:.76rem!important}
.admin-sidebar-footer{
  flex:0 0 auto!important;
  padding:12px 14px 14px!important;
  gap:10px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(180deg,rgba(8,20,47,.96),rgba(6,24,46,.99))!important;
}
.admin-user-card{min-height:48px!important;padding:0 2px!important}
.admin-user-card>span{width:42px!important;height:42px!important}
.admin-user-card strong{font-size:.78rem!important}
.admin-user-card small{font-size:.61rem!important}
.admin-sidebar-actions{gap:7px!important}
.admin-sidebar-actions .sidebar-action{
  min-height:42px!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  padding:6px 9px!important;
}
.admin-sidebar-actions .sidebar-action span{width:29px!important;height:29px!important}
.admin-sidebar-actions .sidebar-action b{font-size:.69rem!important}
.admin-control-topbar{
  margin-left:var(--admin-sidebar-width)!important;
  width:calc(100% - var(--admin-sidebar-width))!important;
  transition:margin-left .24s ease,width .24s ease!important;
}
body.admin-control-page .admin-main,
body.admin-control-page .admin-footer-v4{
  width:calc(100% - var(--admin-sidebar-width))!important;
  margin-left:var(--admin-sidebar-width)!important;
  transition:width .24s ease,margin-left .24s ease!important;
}
body.admin-sidebar-collapsed .admin-sidebar{
  transform:translateX(-100%)!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.admin-sidebar-collapsed .admin-control-topbar,
body.admin-sidebar-collapsed .admin-main,
body.admin-sidebar-collapsed .admin-footer-v4{
  width:100%!important;
  margin-left:0!important;
}
.admin-sidebar-collapse{
  display:grid!important;
  place-items:center!important;
}

/* Off-canvas realmente vertical no celular: ocupa do topo ao rodapé. */
@media(max-width:900px){
  .admin-control-topbar{
    margin-left:0!important;
    width:100%!important;
  }
  .admin-sidebar{
    inset:0 auto 0 0!important;
    width:min(344px,92vw)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0 24px 24px 0!important;
    transform:translateX(-102%)!important;
    z-index:220!important;
  }
  body.admin-menu-open .admin-sidebar{transform:translateX(0)!important}
  .admin-sidebar-head{min-height:68px!important;padding:13px 14px!important}
  .admin-sidebar-close{display:grid!important;place-items:center!important}
  .admin-sidebar-collapse{display:none!important}
  .admin-sidebar-scroll{padding:12px 10px 16px!important}
  .admin-sidebar-footer{padding:10px 12px 12px!important}
  body.admin-control-page .admin-main,
  body.admin-control-page .admin-footer-v4,
  body.admin-sidebar-collapsed .admin-main,
  body.admin-sidebar-collapsed .admin-footer-v4{
    width:100%!important;
    margin-left:0!important;
  }
}
@media(max-width:430px){
  .admin-sidebar{width:min(336px,94vw)!important}
}

/* ========================================================================== 
   REAL LIVE ARENA V8.1 — MENU ADMIN MODELO SaaS PROFISSIONAL
   ========================================================================== */
:root{--admin-sidebar-width:286px;--admin-header-height:72px}
body.admin-control-page{
  --admin-topbar-height:var(--admin-header-height)!important;
}

/* Estrutura lateral igual a um painel SaaS: marca, conta, navegação e rodapé discreto. */
.admin-sidebar{
  inset:0 auto 0 0!important;
  width:var(--admin-sidebar-width)!important;
  height:100dvh!important;
  max-height:100dvh!important;
  border-radius:0!important;
  display:flex!important;
  flex-direction:column!important;
  background:
    radial-gradient(circle at 12% 4%,rgba(136,65,255,.20),transparent 24%),
    linear-gradient(180deg,#11143a 0%,#101d45 50%,#0b2344 100%)!important;
  border:0!important;
  border-right:1px solid rgba(125,201,255,.16)!important;
  box-shadow:20px 0 48px rgba(2,7,28,.22)!important;
  overflow:hidden!important;
}
.admin-sidebar-head{
  min-height:88px!important;
  padding:14px 14px 13px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
  background:rgba(7,15,39,.28)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.admin-sidebar-brand{
  min-width:0!important;
  flex:1!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#fff!important;
  text-decoration:none!important;
}
.admin-sidebar-brand img{
  width:118px!important;
  height:auto!important;
  flex:0 0 auto!important;
}
.admin-sidebar-brand>span{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
.admin-sidebar-brand strong{
  font-size:.74rem!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
.admin-sidebar-brand small{
  font-size:.56rem!important;
  color:#8fa3c6!important;
  white-space:nowrap!important;
}
.admin-sidebar-head-actions{display:flex!important;gap:6px!important;align-items:center!important}
.admin-sidebar-head-actions button{
  width:36px!important;height:36px!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(45,56,105,.94),rgba(19,30,65,.96))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
}
.admin-sidebar-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:14px 12px 18px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(116,78,255,.72) transparent!important;
}
.admin-sidebar-scroll::-webkit-scrollbar{display:block!important;width:5px!important}
.admin-sidebar-scroll::-webkit-scrollbar-track{background:transparent!important}
.admin-sidebar-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8150ff,#08bce5)!important;border-radius:99px!important}
.admin-account-card{
  min-height:72px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:11px!important;
  padding:10px 12px!important;
  margin:0 0 18px!important;
  border-radius:18px!important;
  color:#fff!important;
  text-decoration:none!important;
  background:linear-gradient(145deg,rgba(45,52,104,.82),rgba(21,35,75,.92))!important;
  border:1px solid rgba(167,190,255,.16)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 24px rgba(2,8,28,.13)!important;
}
.admin-account-card>span{
  width:44px!important;height:44px!important;
  display:grid!important;place-items:center!important;
  border-radius:15px!important;
  font-size:1.05rem!important;font-weight:950!important;
  background:linear-gradient(135deg,#8f46ff,#ff2da0 58%,#1cd5df)!important;
  box-shadow:0 10px 20px rgba(122,58,235,.24)!important;
}
.admin-account-card>div{display:grid!important;gap:3px!important;min-width:0!important}
.admin-account-card strong{font-size:.78rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.admin-account-card small{font-size:.60rem!important;color:#9db0ce!important}
.admin-account-card i{font-style:normal!important;color:#80cfff!important}
.admin-menu-group{margin:0 0 20px!important}
.admin-menu-group h3{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 9px 8px!important;
  color:#8fa4c6!important;
  font-size:.58rem!important;
  letter-spacing:.16em!important;
  font-weight:900!important;
}
.admin-menu-group h3 span{width:6px!important;height:6px!important;border-radius:99px!important;background:linear-gradient(135deg,#7f54ff,#08c4e8)!important;box-shadow:0 0 10px rgba(79,195,255,.45)!important}
.admin-menu-link{
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 7px!important;
  padding:6px 10px!important;
  border-radius:15px!important;
  color:#e8efff!important;
  text-decoration:none!important;
  background:transparent!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
.admin-menu-link:hover{
  transform:translateX(2px)!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.admin-menu-link>span{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border-radius:12px!important;
  color:#e8f3ff!important;
  background:linear-gradient(145deg,rgba(76,76,164,.72),rgba(32,66,123,.84))!important;
  border:1px solid rgba(157,183,255,.14)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}
.admin-menu-link b{font-size:.76rem!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.admin-menu-link>i{font-style:normal!important;color:#7f97bc!important;font-size:1rem!important}
.admin-menu-link.active{
  color:#fff!important;
  background:linear-gradient(110deg,rgba(126,55,235,.88),rgba(225,49,169,.72) 55%,rgba(0,174,213,.72))!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 12px 28px rgba(106,50,218,.24),inset 0 1px rgba(255,255,255,.14)!important;
}
.admin-menu-link.active>span{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.18)!important}
.admin-menu-link.active>i{color:#fff!important}
.admin-menu-panel-link{background:linear-gradient(145deg,rgba(14,161,179,.13),rgba(72,91,255,.12))!important}
.admin-menu-logout-link{color:#ffcad8!important}
.admin-menu-logout-link>span{background:linear-gradient(145deg,rgba(219,62,114,.34),rgba(124,35,104,.45))!important}
.admin-sidebar-footer{
  flex:0 0 auto!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:11px 15px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:rgba(4,13,32,.32)!important;
}
.admin-sidebar-footer>span{font-size:.61rem!important;font-weight:950!important;letter-spacing:.10em!important;color:#dce7ff!important}
.admin-sidebar-footer>small{font-size:.56rem!important;color:#7890b7!important}

/* Cabeçalho interno compacto, como painel SaaS. */
.admin-control-topbar{
  margin-left:var(--admin-sidebar-width)!important;
  width:calc(100% - var(--admin-sidebar-width))!important;
  height:var(--admin-header-height)!important;
  min-height:var(--admin-header-height)!important;
  padding:0 20px!important;
  background:linear-gradient(90deg,rgba(9,13,36,.94),rgba(8,31,54,.92))!important;
  border-bottom:1px solid rgba(98,196,255,.14)!important;
  box-shadow:0 12px 32px rgba(1,7,25,.13)!important;
}
.admin-topbar-shell{width:100%!important;min-height:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
.admin-topbar-left{display:flex!important;align-items:center!important;gap:13px!important;min-width:0!important}
.admin-menu-toggle{
  width:43px!important;height:43px!important;min-width:43px!important;
  padding:10px!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(45,53,96,.94),rgba(18,27,59,.96))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07)!important;
}
.admin-page-context{display:grid!important;gap:2px!important;min-width:0!important}
.admin-page-context small{font-size:.56rem!important;letter-spacing:.13em!important;color:#55ddf4!important;font-weight:900!important}
.admin-page-context strong{font-size:.88rem!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.admin-topbar-tools{display:flex!important;align-items:center!important;gap:9px!important}
.admin-top-tool{
  min-height:42px!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  padding:7px 11px!important;border-radius:13px!important;
  color:#eaf2ff!important;text-decoration:none!important;
  background:linear-gradient(145deg,rgba(41,52,98,.86),rgba(18,29,61,.92))!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.admin-top-tool span{width:27px!important;height:27px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:rgba(255,255,255,.08)!important}
.admin-top-tool b{font-size:.70rem!important}
.admin-top-profile{
  min-height:44px!important;
  display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;
  padding:6px 10px 6px 7px!important;border-radius:14px!important;
  color:#fff!important;text-decoration:none!important;
  background:linear-gradient(145deg,rgba(38,48,91,.86),rgba(17,29,61,.92))!important;
  border:1px solid rgba(255,255,255,.11)!important;
}
.admin-top-profile>span{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:11px!important;font-weight:950!important;background:linear-gradient(135deg,#8c46ff,#ff2ca2)!important}
.admin-top-profile>div{display:grid!important;gap:2px!important;min-width:0!important}
.admin-top-profile strong{font-size:.68rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.admin-top-profile small{font-size:.54rem!important;color:#90a4c5!important}
body.admin-control-page .admin-main,
body.admin-control-page .admin-footer-v4{
  width:calc(100% - var(--admin-sidebar-width))!important;
  margin-left:var(--admin-sidebar-width)!important;
  transition:width .22s ease,margin-left .22s ease!important;
}
body.admin-sidebar-collapsed .admin-sidebar{transform:translateX(-101%)!important;opacity:0!important;pointer-events:none!important}
body.admin-sidebar-collapsed .admin-control-topbar,
body.admin-sidebar-collapsed .admin-main,
body.admin-sidebar-collapsed .admin-footer-v4{width:100%!important;margin-left:0!important}
.admin-control-dock{display:none!important}

/* Mobile: o mesmo menu abre em formato drawer; nada de botões gigantes no rodapé. */
@media(max-width:900px){
  :root{--admin-header-height:68px}
  .admin-control-topbar{width:100%!important;margin-left:0!important;padding:0 10px!important}
  .admin-sidebar{
    width:min(300px,88vw)!important;
    transform:translateX(-102%)!important;
    z-index:240!important;
    border-radius:0 22px 22px 0!important;
    box-shadow:28px 0 70px rgba(2,6,24,.48)!important;
  }
  body.admin-menu-open .admin-sidebar{transform:translateX(0)!important;opacity:1!important;pointer-events:auto!important}
  .admin-sidebar-collapse{display:none!important}
  .admin-sidebar-close{display:grid!important;place-items:center!important}
  .admin-sidebar-head{min-height:80px!important;padding:12px 12px!important}
  .admin-sidebar-brand img{width:110px!important}
  .admin-sidebar-brand strong{font-size:.69rem!important}
  .admin-sidebar-brand small{font-size:.52rem!important}
  .admin-sidebar-scroll{padding:12px 10px 16px!important}
  .admin-account-card{margin-bottom:15px!important}
  .admin-menu-group{margin-bottom:17px!important}
  .admin-menu-link{min-height:46px!important}
  .admin-sidebar-footer{min-height:48px!important;padding:9px 12px!important}
  .admin-topbar-tools{gap:6px!important}
  .admin-top-tool b,.admin-top-profile>div{display:none!important}
  .admin-top-tool{width:42px!important;height:42px!important;min-width:42px!important;padding:6px!important;justify-content:center!important}
  .admin-top-profile{width:42px!important;height:42px!important;min-width:42px!important;display:grid!important;place-items:center!important;padding:5px!important;grid-template-columns:1fr!important}
  .admin-top-profile>span{width:31px!important;height:31px!important}
  body.admin-control-page .admin-main,
  body.admin-control-page .admin-footer-v4,
  body.admin-sidebar-collapsed .admin-main,
  body.admin-sidebar-collapsed .admin-footer-v4{width:100%!important;margin-left:0!important}
}
@media(max-width:430px){
  .admin-sidebar{width:min(294px,90vw)!important}
  .admin-control-topbar{padding:0 7px!important}
  .admin-topbar-shell{gap:8px!important}
  .admin-menu-toggle{width:40px!important;height:40px!important;min-width:40px!important}
  .admin-page-context small{display:none!important}
  .admin-page-context strong{font-size:.80rem!important;max-width:118px!important}
  .admin-top-tool{display:none!important}
}

/* ========================================================================== 
   REAL LIVE ARENA V8.2 — PADRONIZAÇÃO VISUAL, RESPONSIVIDADE E FLUIDEZ
   ========================================================================== */

/* Evita o menu piscar ou mudar de tamanho depois que a página já apareceu. */
html.admin-ui-preload .admin-sidebar,
html.admin-ui-preload .admin-control-topbar,
html.admin-ui-preload body.admin-control-page .admin-main,
html.admin-ui-preload body.admin-control-page .admin-footer-v4,
html.admin-ui-preload .admin-menu-link{
  transition:none!important;
  animation:none!important;
}
html.admin-sidebar-precollapsed body.admin-control-page .admin-sidebar{
  transform:translateX(-101%)!important;
  opacity:0!important;
  pointer-events:none!important;
}
html.admin-sidebar-precollapsed body.admin-control-page .admin-control-topbar,
html.admin-sidebar-precollapsed body.admin-control-page .admin-main,
html.admin-sidebar-precollapsed body.admin-control-page .admin-footer-v4{
  width:100%!important;
  margin-left:0!important;
}
.admin-menu-link.active{
  transform:none!important;
  animation:none!important;
  transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}

/* Paleta única: todas as áreas usam o mesmo fundo vivo da landing page. */
html{
  background:#0b1735!important;
}
body,
body.auth-bg,
body.admin-profile-page,
body.admin-dashboard-page,
body.admin-control-page,
body.creator-login-page,
body.creator-register-page,
body.creator-recovery-page,
body.game-page,
body.player-game-page,
body.host-page{
  color:#fbfbff!important;
  background:
    radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--site-primary) 25%,transparent),transparent 30%),
    radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--site-accent) 20%,transparent),transparent 29%),
    radial-gradient(circle at 58% 88%,color-mix(in srgb,var(--site-secondary) 14%,transparent),transparent 34%),
    linear-gradient(145deg,var(--site-bg-start) 0%,#102553 52%,var(--site-bg-end) 100%)!important;
  background-attachment:fixed!important;
}
body::before{
  background:
    radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--site-primary) 18%,transparent),transparent 30%),
    radial-gradient(circle at 91% 19%,color-mix(in srgb,var(--site-accent) 14%,transparent),transparent 28%),
    linear-gradient(145deg,rgba(19,23,66,.52),rgba(7,45,67,.32))!important;
}
.topbar,
.topbar-v41,
.admin-control-topbar,
.game-bar{
  background:linear-gradient(90deg,rgba(22,17,68,.94),rgba(8,45,67,.92))!important;
  border-bottom-color:rgba(100,223,255,.22)!important;
  box-shadow:0 15px 38px rgba(5,12,38,.18)!important;
}

/* Cards, formulários e painéis sem preto puro. */
.glass-card,
.card,
.auth-card,
.account-card-v4,
.editor-card,
.quiz-card-v4,
.stat-card,
.settings-section-card,
.automatic-message-card,
.lobby-code,
.players-card,
.wait-card,
.result-card,
.finish-card{
  background:
    radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--site-secondary) 10%,transparent),transparent 25%),
    linear-gradient(150deg,rgba(35,39,98,.92),rgba(10,48,75,.88))!important;
  border-color:rgba(160,205,255,.18)!important;
  box-shadow:0 22px 52px rgba(5,12,42,.18),inset 0 1px rgba(255,255,255,.06)!important;
}
.stack input,
.stack textarea,
.stack select,
.form-grid input,
.form-grid textarea,
.form-grid select,
.search-input,
.pin-input,
.input-icon-wrap>input{
  color:#fff!important;
  background:linear-gradient(145deg,rgba(19,31,74,.94),rgba(8,40,65,.92))!important;
  border-color:rgba(150,198,255,.20)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.03)!important;
}
.stack input:focus,
.stack textarea:focus,
.stack select:focus,
.form-grid input:focus,
.form-grid textarea:focus,
.form-grid select:focus,
.search-input:focus,
.pin-input:focus{
  border-color:color-mix(in srgb,var(--site-accent) 78%,#fff 10%)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--site-accent) 13%,transparent),0 12px 30px rgba(4,22,54,.12)!important;
}

/* Botões padronizados com a identidade da landing page. */
.btn,
button.btn,
a.btn{
  border:0!important;
  color:#fff!important;
  border-radius:15px!important;
  font-weight:900!important;
  background-image:none!important;
  text-decoration:none!important;
  box-shadow:0 12px 28px rgba(8,20,55,.18),inset 0 1px rgba(255,255,255,.14)!important;
}
.btn::before,.btn::after{display:none!important;content:none!important}
.btn.primary{
  background:linear-gradient(135deg,var(--site-primary) 0%,var(--site-secondary) 66%,#ff6472 100%)!important;
}
.btn.secondary{
  background:linear-gradient(135deg,var(--site-accent) 0%,#1bbcff 58%,#5966ff 100%)!important;
}
.btn.success{
  background:linear-gradient(135deg,#17cf8d 0%,#18c7c5 55%,#4d7dff 100%)!important;
  color:#fff!important;
}
.btn.ghost{
  background:linear-gradient(145deg,rgba(67,79,151,.82),rgba(28,47,96,.90))!important;
  border:1px solid rgba(174,204,255,.16)!important;
}
.btn.danger{
  background:linear-gradient(135deg,#ff4e74,#e72d9c)!important;
}
.btn:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.06) saturate(1.07)!important;
}

/* Comunicação: títulos, campos e prévias ficam alinhados na mesma altura. */
.communications-page .automation-campaign-card>.stack{
  gap:18px!important;
}
.communications-page .automation-rules-grid{
  align-items:start!important;
  grid-auto-rows:1fr!important;
}
.communications-page .automation-rules-grid>label{
  display:grid!important;
  grid-template-rows:minmax(38px,auto) 54px 24px!important;
  align-content:start!important;
  height:100%!important;
}
.communications-page .automation-rules-grid>label>input{
  align-self:start!important;
  min-height:54px!important;
}
.communications-page .automatic-message-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:1fr!important;
  align-items:stretch!important;
  gap:16px!important;
}
.communications-page .automatic-message-card{
  height:100%!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(145px,auto) minmax(150px,1fr)!important;
  align-content:stretch!important;
  gap:11px!important;
  padding:17px!important;
}
.communications-page .automatic-message-card label{
  display:grid!important;
  gap:7px!important;
  align-content:start!important;
}
.communications-page .automatic-message-card input{
  min-height:50px!important;
}
.communications-page .automatic-message-card textarea{
  height:145px!important;
  min-height:145px!important;
  resize:vertical!important;
}
.communications-page .automatic-message-preview{
  min-height:150px!important;
  align-content:start!important;
  grid-template-rows:auto 1fr auto!important;
}
.communications-page .automatic-message-preview p{
  overflow-wrap:anywhere!important;
}
.communications-page .settings-toggle{
  min-height:58px!important;
  align-items:center!important;
}

/* Espaçamento e escala adequados para PC padrão em 100%. */
@media (min-width:901px) and (max-width:1600px){
  html{font-size:15px!important}
  .container{width:min(1120px,calc(100% - 32px))!important}
  .narrow{width:min(780px,calc(100% - 32px))!important}
  .section-block{padding:58px 0!important}
  .hero-pro,.hero-v4{padding-top:52px!important;padding-bottom:66px!important}
  .hero-v4 .hero-pro-copy h1,.hero-pro-copy h1{font-size:clamp(3.45rem,5.7vw,5.8rem)!important}
  .hero-v4 .hero-visual,.hero-visual{min-height:560px!important}
  .hero-v4 .mascot-scene,.hero-visual .mascot-scene{width:min(480px,94%)!important}
  .auth-shell,.register-shell-v61,.compact-auth-shell{
    min-height:calc(100vh - 72px)!important;
    padding:16px!important;
    gap:24px!important;
  }
  .auth-shell-split,.register-shell-v61.auth-shell-split{
    max-width:1100px!important;
    grid-template-columns:minmax(280px,.9fr) minmax(340px,480px)!important;
  }
  .auth-visual .mascot-scene{width:min(300px,72%)!important}
  .auth-visual-copy h2{font-size:2rem!important}
  .auth-card{padding:20px!important}
  .auth-card h1{font-size:1.9rem!important}
  .admin-main{padding-top:20px!important;padding-bottom:38px!important}
  .dashboard-hero-v4,.admin-command-hero{padding:26px!important}
  .dashboard-hero-v4 h1,.admin-command-hero h1{font-size:clamp(2.3rem,4.2vw,4.3rem)!important}
  .settings-section-card{padding:22px!important}
  .account-card-v4{padding:26px!important}
  .profile-head-v4{padding-top:12px!important}
}
@media (min-width:901px) and (max-width:1366px){
  html{font-size:14px!important}
  .container{width:min(1060px,calc(100% - 26px))!important}
  .hero-v4 .hero-pro-copy h1,.hero-pro-copy h1{font-size:clamp(3.1rem,5.25vw,5rem)!important}
  .hero-v4 .hero-visual,.hero-visual{min-height:500px!important}
  .auth-shell,.register-shell-v61,.compact-auth-shell{padding:10px 14px 16px!important}
  .auth-visual .mascot-scene{width:min(260px,66%)!important}
  .auth-card{padding:17px 19px!important}
  .auth-card form.stack{gap:9px!important}
  .stack input,.form-grid input,.stack select,.form-grid select{min-height:43px!important}
  .btn{min-height:43px!important;padding:10px 15px!important}
  .admin-control-page .container{width:calc(100% - 28px)!important;max-width:none!important}
  .communications-page .automatic-message-card{padding:14px!important}
}

/* Tablets e telas intermediárias. */
@media (max-width:1250px){
  .communications-page .automatic-message-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:900px){
  html{font-size:16px!important}
  .communications-page .automatic-message-grid{
    grid-template-columns:1fr!important;
  }
  .communications-page .automatic-message-card{
    grid-template-rows:auto auto auto auto!important;
  }
  .communications-page .automatic-message-card textarea{
    height:135px!important;
    min-height:135px!important;
  }
  .communications-page .automation-rules-grid{
    grid-template-columns:1fr!important;
  }
  .communications-page .automation-rules-grid>label{
    grid-template-rows:auto 50px auto!important;
  }
  .admin-main{padding-top:16px!important}
  .auth-shell,.register-shell-v61,.compact-auth-shell{
    min-height:auto!important;
    padding:18px 12px 28px!important;
  }
  .profile-head-v4{padding-top:16px!important}
}

/* Mobile: compactação sem perda de leitura ou botões. */
@media (max-width:520px){
  .container,.narrow{width:min(100% - 20px,1180px)!important}
  .topbar-v41{min-height:68px!important;height:auto!important}
  .brand-v41 img{width:126px!important}
  .hero-v4,.hero-pro{padding:38px 0 58px!important}
  .hero-v4 .hero-pro-copy h1,.hero-pro-copy h1{font-size:clamp(2.75rem,13vw,4rem)!important;line-height:.96!important}
  .section-block{padding:54px 0!important}
  .auth-card{padding:18px!important;border-radius:24px!important}
  .auth-logo{width:164px!important;margin-bottom:16px!important}
  .account-card-v4{padding:18px!important}
  .account-card-v4 .form-grid.two{grid-template-columns:1fr!important}
  .account-card-v4 .span-2{grid-column:auto!important}
  .section-head,.profile-head-v4{gap:14px!important}
  .section-head h1,.profile-head-v4 h1{font-size:2.2rem!important}
  .btn{min-height:44px!important}
  .settings-section-card{padding:17px!important}
}

/* Animações suaves, sem atraso perceptível ao rolar. */
.reveal-up{
  transition-duration:.30s!important;
  transition-delay:0s!important;
}
@media (max-width:900px), (prefers-reduced-motion:reduce){
  .reveal-up{opacity:1!important;transform:none!important;transition:none!important}
  .tilt-card{transform:none!important}
}

/* ========================================================================== 
   REAL LIVE ARENA V8.3 — CAMPOS ESCUROS, BOTÕES VIVOS E NAV ADMIN ALINHADO
   ========================================================================== */

/* Campos de preenchimento: fundo escuro real e texto branco em todo o sistema. */
input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
textarea,
select,
.input-icon-wrap,
.password-field,
.search-input,
.pin-input{
  color:#ffffff!important;
  background:linear-gradient(145deg,#08132e 0%,#0a1d3b 100%)!important;
  border-color:rgba(119,181,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 22px rgba(2,8,28,.10)!important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"])::placeholder,
textarea::placeholder{
  color:#8193b3!important;
  opacity:1!important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]):focus,
textarea:focus,
select:focus,
.input-icon-wrap:focus-within,
.password-field:focus-within{
  color:#fff!important;
  background:linear-gradient(145deg,#091735 0%,#0b2445 100%)!important;
  border-color:#20d6ee!important;
  box-shadow:0 0 0 4px rgba(0,205,239,.10),0 14px 30px rgba(22,76,140,.18)!important;
}
select option{
  color:#fff!important;
  background:#0b1735!important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus{
  -webkit-text-fill-color:#fff!important;
  -webkit-box-shadow:0 0 0 1000px #0a1936 inset!important;
  caret-color:#fff!important;
}

/* Navegação da área do usuário: cada botão com cor e contraste próprios. */
.topnav-v41 .nav-link,
.topnav-v41 .nav-pill{
  border:1px solid rgba(255,255,255,.13)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(5,10,35,.17),inset 0 1px rgba(255,255,255,.09)!important;
  background:linear-gradient(135deg,#5d43c9 0%,#385bd8 100%)!important;
}
.topnav-v41 .nav-link:nth-child(1){background:linear-gradient(135deg,#6f3ff5,#4d68ec)!important}
.topnav-v41 .nav-link:nth-child(2){background:linear-gradient(135deg,#15b6d7,#3478ee)!important}
.topnav-v41 .nav-link:nth-child(3){background:linear-gradient(135deg,#8b42ee,#db3ca7)!important}
.topnav-v41 .nav-link:nth-child(4){background:linear-gradient(135deg,#12bfaa,#288cde)!important}
.topnav-v41 .nav-pill{background:linear-gradient(135deg,#e1468f,#aa3da0)!important}
.topnav-v41 .nav-link span,
.topnav-v41 .nav-pill span{
  background:rgba(255,255,255,.15)!important;
  color:#fff!important;
}
.topnav-v41 .nav-link.active{
  filter:brightness(1.08) saturate(1.08)!important;
  box-shadow:0 14px 32px rgba(75,78,235,.28),0 0 0 2px rgba(255,255,255,.10) inset!important;
}
.topnav-v41 .nav-link:hover,
.topnav-v41 .nav-pill:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.06)!important;
}

/* Cabeçalho do menu lateral alinhado exatamente com o cabeçalho do admin. */
:root{--admin-sidebar-width:286px;--admin-header-height:72px}
.admin-sidebar{
  width:var(--admin-sidebar-width)!important;
  box-sizing:border-box!important;
}
.admin-sidebar-head{
  height:var(--admin-header-height)!important;
  min-height:var(--admin-header-height)!important;
  max-height:var(--admin-header-height)!important;
  padding:7px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(133,65,255,.26),transparent 38%),
    linear-gradient(90deg,rgba(22,17,68,.98),rgba(8,45,67,.95))!important;
  border-bottom:1px solid rgba(100,223,255,.22)!important;
}
.admin-sidebar-brand{
  height:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:1px!important;
  overflow:hidden!important;
}
.admin-sidebar-brand img{
  width:148px!important;
  max-width:148px!important;
  height:auto!important;
  object-fit:contain!important;
}
.admin-sidebar-brand>span{
  display:none!important;
}
.admin-sidebar-brand-caption{
  display:block!important;
  margin-left:9px!important;
  color:#8feeff!important;
  font-size:.50rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.22em!important;
  white-space:nowrap!important;
}
.admin-sidebar-head-actions{
  flex:0 0 auto!important;
}
.admin-sidebar-head-actions button{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
}
.admin-control-topbar{
  height:var(--admin-header-height)!important;
  min-height:var(--admin-header-height)!important;
  max-height:var(--admin-header-height)!important;
  margin-left:var(--admin-sidebar-width)!important;
  width:calc(100% - var(--admin-sidebar-width))!important;
  padding:0 18px!important;
  box-sizing:border-box!important;
}
.admin-topbar-shell{
  width:100%!important;
  max-width:none!important;
  min-height:100%!important;
  box-sizing:border-box!important;
}
body.admin-control-page .admin-main,
body.admin-control-page .admin-footer-v4{
  width:calc(100% - var(--admin-sidebar-width))!important;
  margin-left:var(--admin-sidebar-width)!important;
  box-sizing:border-box!important;
}

/* Tons do admin mais próximos da landing: roxo, rosa, azul e ciano suaves. */
.admin-sidebar,
.admin-control-topbar,
.admin-control-page .admin-main{
  --admin-purple:#7a43f4;
  --admin-pink:#ed3ca9;
  --admin-cyan:#17cce2;
  --admin-blue:#376af1;
}
.admin-sidebar{
  background:
    radial-gradient(circle at 8% 4%,rgba(130,65,255,.24),transparent 25%),
    radial-gradient(circle at 90% 88%,rgba(15,203,228,.16),transparent 28%),
    linear-gradient(180deg,#151341 0%,#11214b 54%,#0a304c 100%)!important;
}
.admin-menu-link.active{
  background:linear-gradient(110deg,var(--admin-purple),var(--admin-pink) 57%,var(--admin-cyan))!important;
}
.admin-account-card{
  background:linear-gradient(145deg,rgba(88,55,180,.30),rgba(13,82,120,.28))!important;
}
.admin-control-page .glass-card,
.admin-control-page .card,
.admin-control-page .settings-section-card,
.admin-control-page .automatic-message-card{
  background:
    radial-gradient(circle at 88% 6%,rgba(238,60,169,.10),transparent 26%),
    linear-gradient(145deg,rgba(36,35,96,.94),rgba(10,48,76,.91))!important;
}

@media(max-width:900px){
  .admin-control-topbar{
    width:100%!important;
    margin-left:0!important;
  }
  .admin-sidebar-head{
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
  }
  .admin-sidebar-brand img{
    width:136px!important;
    max-width:136px!important;
  }
  body.admin-control-page .admin-main,
  body.admin-control-page .admin-footer-v4{
    width:100%!important;
    margin-left:0!important;
  }
}

/* ========================================================================== 
   REAL LIVE ARENA V8.4 — ADMIN MOBILE E GESTÃO COMPLETA DE USUÁRIOS
   ========================================================================== */

/* O menu lateral permanece aberto no computador. Não existe mais recolhimento. */
.admin-sidebar-collapse{display:none!important}
body.admin-sidebar-collapsed .admin-sidebar,
html.admin-sidebar-precollapsed body.admin-control-page .admin-sidebar{
  transform:none!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.admin-sidebar-collapsed .admin-control-topbar,
body.admin-sidebar-collapsed .admin-main,
body.admin-sidebar-collapsed .admin-footer-v4,
html.admin-sidebar-precollapsed body.admin-control-page .admin-control-topbar,
html.admin-sidebar-precollapsed body.admin-control-page .admin-main,
html.admin-sidebar-precollapsed body.admin-control-page .admin-footer-v4{
  width:calc(100% - var(--admin-sidebar-width))!important;
  margin-left:var(--admin-sidebar-width)!important;
}

/* Desktop: navegação SaaS fixa, limpa e alinhada. */
@media (min-width:901px){
  .admin-menu-toggle{display:none!important}
  .admin-sidebar-close{display:none!important}
  .admin-sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    height:100dvh!important;
    transform:none!important;
  }
  .admin-control-topbar{
    position:sticky!important;
    top:0!important;
    z-index:70!important;
  }
}

/* Topo mobile: somente menu e identificação da página. */
@media (max-width:900px){
  html,body{overflow-x:hidden!important}
  .admin-control-topbar{
    position:sticky!important;
    top:0!important;
    z-index:90!important;
    width:100%!important;
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    margin-left:0!important;
    padding:0 12px!important;
    background:linear-gradient(90deg,rgba(17,14,57,.98),rgba(8,48,68,.98))!important;
  }
  .admin-topbar-shell{
    width:100%!important;
    min-height:68px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
  }
  .admin-topbar-left{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
  .admin-topbar-tools{display:none!important}
  .admin-menu-toggle{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    margin:0!important;
    padding:10px!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#7250e7,#168fc7)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.20)!important;
  }
  .admin-page-context{display:grid!important;min-width:0!important;gap:2px!important}
  .admin-page-context small{display:block!important;font-size:.52rem!important;letter-spacing:.12em!important}
  .admin-page-context strong{font-size:.86rem!important;max-width:210px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

  .admin-sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    top:0!important;
    bottom:0!important;
    left:0!important;
    width:min(330px,91vw)!important;
    height:100dvh!important;
    border-radius:0 24px 24px 0!important;
    transform:translateX(-104%)!important;
    opacity:1!important;
    pointer-events:none!important;
    z-index:130!important;
    box-shadow:24px 0 70px rgba(1,8,28,.46)!important;
  }
  body.admin-menu-open .admin-sidebar{
    transform:translateX(0)!important;
    pointer-events:auto!important;
  }
  .admin-sidebar-overlay{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    background:rgba(3,7,25,.68)!important;
    backdrop-filter:blur(8px)!important;
    opacity:0!important;
    visibility:hidden!important;
    z-index:120!important;
    transition:.22s ease!important;
  }
  body.admin-menu-open .admin-sidebar-overlay{opacity:1!important;visibility:visible!important}
  .admin-sidebar-head{
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    padding:8px 12px!important;
  }
  .admin-sidebar-brand img{width:144px!important;max-width:144px!important}
  .admin-sidebar-close{
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,#ef3e8d,#a33fbc)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.14)!important;
  }
  .admin-sidebar-scroll{
    height:calc(100dvh - 120px)!important;
    max-height:calc(100dvh - 120px)!important;
    overflow-y:auto!important;
    padding:12px 10px 18px!important;
  }
  .admin-sidebar-footer{height:48px!important;min-height:48px!important}
  body.admin-control-page .admin-main,
  body.admin-control-page .admin-footer-v4,
  body.admin-sidebar-collapsed .admin-main,
  body.admin-sidebar-collapsed .admin-footer-v4{
    width:100%!important;
    margin-left:0!important;
  }
  .admin-main{padding-top:16px!important}
}

@media (max-width:430px){
  .admin-control-topbar{padding:0 9px!important}
  .admin-page-context small{display:none!important}
  .admin-page-context strong{max-width:180px!important;font-size:.82rem!important}
  .admin-sidebar{width:min(318px,94vw)!important}
  .admin-sidebar-brand img{width:136px!important;max-width:136px!important}
  .admin-account-card{padding:11px!important}
  .admin-menu-link{min-height:48px!important;padding:8px 10px!important}
}

/* Perfil administrativo integrado ao próprio admin. */
.admin-profile-container{max-width:980px!important}
.admin-profile-card{max-width:820px!important;margin:0 auto!important}
.admin-profile-card .form-grid.two{align-items:start!important}

/* Gestão completa de usuários. */
.user-admin-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:18px;
  margin:18px 0;
}
.user-edit-card,.user-security-card{padding:24px!important}
.user-security-card{display:flex!important;flex-direction:column!important;gap:18px!important}
.user-security-status{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:15px 16px;border-radius:16px;
  background:linear-gradient(145deg,rgba(10,22,54,.82),rgba(10,51,75,.66));
  border:1px solid rgba(143,197,255,.16);
}
.user-security-status span{color:#9fb0cd;font-weight:800}
.user-security-status strong{padding:8px 11px;border-radius:999px;font-size:.78rem}
.user-security-status .is-active{background:rgba(28,211,137,.14);color:#77f2bd}
.user-security-status .is-banned{background:rgba(255,64,101,.15);color:#ff9aaf}
.user-security-actions{display:grid;gap:10px}
.user-security-actions form,.user-security-actions .btn{width:100%!important}
.user-account-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}
.user-account-meta span{display:grid;gap:5px;padding:13px;border-radius:14px;background:rgba(12,25,59,.68);color:#93a5c3;font-size:.72rem}
.user-account-meta strong{color:#fff;font-size:.82rem}
.danger-zone-card{
  margin-top:18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,.75fr)!important;
  gap:22px!important;
  align-items:center!important;
  border-color:rgba(255,80,113,.26)!important;
  background:linear-gradient(145deg,rgba(74,22,68,.84),rgba(17,34,71,.91))!important;
}
.delete-user-form{display:grid;gap:11px}
.delete-user-form label{display:grid;gap:8px}
.user-row-actions{flex-wrap:wrap!important}
.user-management-card .responsive-table{overflow:auto!important}

@media (max-width:980px){
  .user-admin-grid{grid-template-columns:1fr!important}
  .danger-zone-card{grid-template-columns:1fr!important}
}
@media (max-width:780px){
  .admin-profile-card .form-grid.two,
  .user-edit-card .form-grid.two{grid-template-columns:1fr!important}
  .admin-profile-card .span-2,
  .user-edit-card .span-2{grid-column:auto!important}
  .user-account-meta{grid-template-columns:1fr!important}
  .user-edit-card,.user-security-card,.danger-zone-card{padding:18px!important}

  /* Tabela de usuários em cartões legíveis no celular. */
  .admin-users-page .responsive-table{overflow:visible!important}
  .admin-users-page table,.admin-users-page tbody,.admin-users-page tr,.admin-users-page td{display:block!important;width:100%!important}
  .admin-users-page thead{display:none!important}
  .admin-users-page tbody{display:grid!important;gap:12px!important}
  .admin-users-page tr{
    padding:16px!important;
    border:1px solid rgba(137,180,255,.17)!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,rgba(31,31,84,.94),rgba(9,45,71,.92))!important;
    box-shadow:0 16px 32px rgba(0,0,0,.13)!important;
  }
  .admin-users-page td{padding:7px 0!important;border:0!important;display:flex!important;justify-content:space-between!important;gap:14px!important;align-items:center!important}
  .admin-users-page td:first-child{display:block!important;padding-bottom:12px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;margin-bottom:4px!important}
  .admin-users-page td:nth-child(2)::before{content:'Tipo';color:#8395b4;font-size:.72rem;font-weight:800}
  .admin-users-page td:nth-child(3)::before{content:'Status';color:#8395b4;font-size:.72rem;font-weight:800}
  .admin-users-page td:nth-child(4)::before{content:'Quizzes';color:#8395b4;font-size:.72rem;font-weight:800}
  .admin-users-page td:nth-child(5)::before{content:'Último acesso';color:#8395b4;font-size:.72rem;font-weight:800}
  .admin-users-page td:nth-child(6)::before{content:'Cadastro';color:#8395b4;font-size:.72rem;font-weight:800}
  .admin-users-page td:last-child{display:block!important;padding-top:12px!important}
  .admin-users-page .user-row-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .admin-users-page .user-row-actions form,.admin-users-page .user-row-actions .btn{width:100%!important}
}