/* REAL LIVE ARENA v8.5 — camada profissional de padronização.
   Este arquivo deve ser carregado depois de app.css e fixes-v64.css. */
:root{
  --rla-sidebar-width:286px;
  --rla-sidebar-collapsed-width:86px;
  --rla-topbar-height:64px;
  --rla-container-max:1180px;
  --rla-radius-sm:12px;
  --rla-radius-md:18px;
  --rla-radius-lg:26px;
  --rla-line:rgba(255,255,255,.105);
  --rla-panel:rgba(8,13,31,.84);
  --rla-panel-2:rgba(12,18,42,.72);
  --rla-text:#f6f8ff;
  --rla-muted:#aab6cf;
  --rla-shadow:0 22px 70px rgba(0,0,0,.34);
}

html{ text-size-adjust:100%; }
body{ -webkit-font-smoothing:antialiased; }
a,button,input,textarea,select{ font:inherit; }
:focus-visible{ outline:3px solid rgba(22,215,193,.72); outline-offset:3px; }

.container{ width:min(var(--rla-container-max), calc(100% - 32px)); margin-inline:auto; }
.card,.glass-card,.auth-card,.join-card-pro,.feature-card{ border-radius:var(--rla-radius-lg); }
.card,.glass-card{ border:1px solid var(--rla-line); background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)); box-shadow:var(--rla-shadow); }
.muted,.card p,.section-head p{ color:var(--rla-muted); }

.btn,.public-nav-cta,.public-nav-create,.nav-pill{ min-height:44px; border-radius:14px; letter-spacing:-.01em; }
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:9px; }
.btn.primary,.public-nav-cta{ background:linear-gradient(135deg,var(--site-primary,#7f3bff),var(--site-secondary,#ff2da0)); box-shadow:0 14px 32px rgba(127,59,255,.25); }
.btn.secondary,.btn.ghost{ border:1px solid var(--rla-line); background:rgba(255,255,255,.055); }

input,textarea,select{ border-radius:14px; border:1px solid rgba(255,255,255,.14); background:rgba(4,9,22,.72); color:var(--rla-text); }
input:focus,textarea:focus,select:focus{ border-color:rgba(22,215,193,.72); box-shadow:0 0 0 4px rgba(22,215,193,.10); outline:0; }

.topbar{ min-height:var(--rla-topbar-height); height:auto; padding-block:10px; }
.topbar-shell{ width:min(1240px,calc(100% - 28px)); margin-inline:auto; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.brand img,.brand-v41 img{ width:clamp(154px,18vw,220px); max-height:48px; object-fit:contain; }
.topnav{ gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.topnav a{ white-space:nowrap; }

.public-v45 .hero-pro{ min-height:auto; padding-block:clamp(42px,7vw,86px); }
.public-v45 .hero-pro-grid{ gap:clamp(28px,5vw,58px); }
.public-v45 .hero-pro-copy h1{ max-width:780px; }
.public-v45 .hero-visual{ min-height:clamp(380px,52vw,620px); }
.public-v45 .hero-proof{ grid-template-columns:repeat(3,minmax(0,1fr)); }

.admin-control-page{ --admin-sidebar-width:var(--rla-sidebar-width); --admin-topbar-height:var(--rla-topbar-height); }
.admin-control-topbar{ position:sticky; top:0; z-index:120; min-height:var(--rla-topbar-height); }
.admin-sidebar{ width:var(--rla-sidebar-width); max-width:calc(100vw - 24px); border-right:1px solid var(--rla-line); background:linear-gradient(180deg,rgba(9,14,35,.98),rgba(6,9,23,.98)); box-shadow:28px 0 70px rgba(0,0,0,.30); }
.admin-main{ margin-left:var(--rla-sidebar-width); padding-top:24px; transition:margin-left .22s ease; }
.admin-sidebar,.admin-main,.admin-control-topbar{ transition:transform .22s ease, margin-left .22s ease, width .22s ease; }
.admin-sidebar-scroll{ padding-bottom:16px; }
.admin-menu-link{ min-height:46px; border-radius:14px; }
.admin-menu-link.active{ background:linear-gradient(135deg,rgba(127,59,255,.32),rgba(255,45,160,.18)); border-color:rgba(255,255,255,.16); }
.admin-page-context strong{ max-width:52vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

body.admin-sidebar-collapsed .admin-sidebar{ width:var(--rla-sidebar-collapsed-width); }
body.admin-sidebar-collapsed .admin-main{ margin-left:var(--rla-sidebar-collapsed-width); }
body.admin-sidebar-collapsed .admin-sidebar-brand-caption,
body.admin-sidebar-collapsed .admin-account-card div,
body.admin-sidebar-collapsed .admin-account-card i,
body.admin-sidebar-collapsed .admin-menu-group h3,
body.admin-sidebar-collapsed .admin-menu-link b,
body.admin-sidebar-collapsed .admin-menu-link i,
body.admin-sidebar-collapsed .admin-sidebar-footer small,
body.admin-sidebar-collapsed .admin-sidebar-footer span{ display:none; }
body.admin-sidebar-collapsed .admin-sidebar-head,
body.admin-sidebar-collapsed .admin-account-card,
body.admin-sidebar-collapsed .admin-menu-link{ justify-content:center; padding-inline:10px; }
body.admin-sidebar-collapsed .admin-sidebar-brand img{ max-width:52px; }

.report-grid,.stats-grid,.dashboard-grid{ gap:18px; }
.responsive-table{ overflow:auto; border-radius:18px; }
.responsive-table table{ min-width:720px; }
.notice{ border-radius:16px; line-height:1.45; }

@media (max-width:900px){
  :root{ --rla-topbar-height:60px; }
  body.admin-control-page{ overflow-x:hidden; }
  .admin-main{ margin-left:0; padding-top:18px; }
  body.admin-sidebar-collapsed .admin-main{ margin-left:0; }
  .admin-sidebar{ position:fixed; inset:0 auto 0 0; width:min(318px,calc(100vw - 30px)); transform:translateX(-104%); z-index:180; }
  body.admin-menu-open .admin-sidebar{ transform:translateX(0); }
  .admin-sidebar-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.58); opacity:0; pointer-events:none; z-index:170; transition:.18s ease; }
  body.admin-menu-open .admin-sidebar-overlay{ opacity:1; pointer-events:auto; }
  .admin-topbar-tools .admin-top-profile div,.admin-top-tool b{ display:none; }
  .admin-control-topbar{ padding-inline:0; }
  .admin-page-context small{ font-size:.62rem; }
  .admin-page-context strong{ max-width:56vw; font-size:.95rem; }
  .container{ width:min(100% - 24px, var(--rla-container-max)); }
  .section-head{ gap:14px; }
  .section-head h1{ font-size:clamp(1.65rem,7vw,2.5rem); }
  .report-grid,.stats-grid,.dashboard-grid{ grid-template-columns:1fr; }
  .responsive-table table{ min-width:640px; }
}

@media (max-width:720px){
  .topbar-shell{ width:calc(100% - 18px); }
  .brand img,.brand-v41 img{ width:142px; }
  .topnav{ gap:6px; }
  .topnav a{ padding:9px 10px; font-size:.78rem; }
  .public-how-link{ display:none!important; }
  .public-v45 .hero-pro-grid{ grid-template-columns:1fr; }
  .public-v45 .hero-proof{ grid-template-columns:1fr; }
  .public-v45 .hero-visual{ min-height:360px; }
  .join-card-pro{ position:relative; inset:auto; width:100%; margin-top:10px; }
  .auth-card{ width:100%; }
}

@media (max-width:430px){
  .container{ width:calc(100% - 18px); }
  .topbar{ padding-inline:0; }
  .topnav .label-desktop{ display:none; }
  .topnav a{ min-height:40px; padding-inline:9px; }
  .admin-menu-toggle{ width:42px; height:42px; }
  .admin-topbar-shell{ gap:10px; }
  .admin-top-profile{ width:42px; height:42px; padding:0; justify-content:center; }
  .admin-top-profile>span{ margin:0; }
  .card,.glass-card{ border-radius:20px; }
  .pin-input{ height:64px; font-size:1.72rem; letter-spacing:.25em; }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.001ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.001ms!important; }
}

.low-power-device .mesh-gradient,.low-power-device .laser-beam,.low-power-device .ambient-orb,.compact-device .mesh-gradient,.compact-device .laser-beam{ display:none!important; }


/* v8.5.9 — correções isoladas: admin + painel privado, sem alterar landing pública */
.admin-control-mobile-logo{display:none}
@media (min-width:1101px){
  body.admin-dashboard-v4:not(.admin-control-page) .container{
    width:min(1180px,calc(100% - 44px));
    margin-inline:auto;
  }
  body.admin-dashboard-v4:not(.admin-control-page) .dashboard-hero-v4{
    grid-template-columns:minmax(0,1fr) 340px;
    align-items:center;
    margin-inline:auto;
  }
}
@media (max-width:900px){
  body.admin-control-page .admin-control-mobile-logo{display:flex;align-items:center;flex:0 0 auto}
  body.admin-control-page .admin-control-mobile-logo img{width:112px;max-width:112px;max-height:34px;object-fit:contain}
  body.admin-control-page .admin-page-context{display:none!important}
  body.admin-control-page .admin-topbar-tools{display:none!important}
  body.admin-control-page .admin-topbar-left{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
  body.admin-control-page .admin-control-topbar{min-height:68px!important;background:rgba(5,7,18,.92)!important;backdrop-filter:blur(18px) saturate(135%)!important}
  body.admin-control-page .admin-menu-toggle{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.06)!important;box-shadow:none!important;overflow:hidden!important}
  body.admin-control-page .admin-menu-toggle span{display:block!important;width:18px!important;height:2px!important;margin:0!important;border-radius:999px!important;background:#fff!important;box-shadow:none!important}
  .mobile-admin-dock.has-admin{grid-template-columns:repeat(5,1fr)}
}
@media (max-width:430px){
  body.admin-control-page .admin-control-mobile-logo img{width:106px;max-width:106px}
}


/* v8.5.10 — correção real da landing mobile + admin isolado */
@media (max-width:720px){
  body.public-v45 .arena-atmosphere .spark-field,
  body.public-v45 .brand-halo{
    display:none !important;
  }
  body.public-v45 .topbar-v41{
    min-height:72px !important;
    height:72px !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  body.public-v45 .topbar-v41 .topbar-shell{
    width:calc(100% - 18px) !important;
    height:100% !important;
    display:grid !important;
    grid-template-columns:minmax(84px,1fr) auto !important;
    align-items:center !important;
    gap:8px !important;
    justify-content:normal !important;
  }
  body.public-v45 .topbar-v41 .brand-v41{
    min-width:0 !important;
    width:auto !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  body.public-v45 .topbar-v41 .brand-v41 img{
    width:104px !important;
    max-width:104px !important;
    max-height:38px !important;
    object-fit:contain !important;
  }
  body.public-v45 .topnav-v41{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;
    gap:5px !important;
    width:auto !important;
    max-width:216px !important;
    margin-left:0 !important;
    overflow:visible !important;
  }
  body.public-v45 .topnav-v41 .public-how-link{
    display:none !important;
  }
  body.public-v45 .topnav-v41 .public-nav-link,
  body.public-v45 .topnav-v41 .public-nav-create,
  body.public-v45 .topnav-v41 .public-nav-cta{
    display:inline-flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    min-width:0 !important;
    height:38px !important;
    min-height:38px !important;
    padding:7px 8px !important;
    border-radius:13px !important;
    font-size:.66rem !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  body.public-v45 .topnav-v41 .public-nav-link b,
  body.public-v45 .topnav-v41 .public-nav-create b,
  body.public-v45 .topnav-v41 .public-nav-cta b{
    display:inline !important;
    font-size:.66rem !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  body.public-v45 .topnav-v41 .public-nav-link span,
  body.public-v45 .topnav-v41 .public-nav-create span,
  body.public-v45 .topnav-v41 .public-nav-cta .live-dot{
    width:14px !important;
    height:14px !important;
    min-width:14px !important;
    font-size:.66rem !important;
  }
  body.public-v45 .topnav-v41 .public-nav-create .label-desktop{
    display:none !important;
  }
  body.public-v45 .topnav-v41 .public-nav-create .label-mobile{
    display:inline !important;
  }
}
@media (max-width:360px){
  body.public-v45 .topbar-v41 .topbar-shell{
    width:calc(100% - 14px) !important;
    gap:6px !important;
    grid-template-columns:minmax(76px,1fr) auto !important;
  }
  body.public-v45 .topbar-v41 .brand-v41 img{
    width:94px !important;
    max-width:94px !important;
  }
  body.public-v45 .topnav-v41{
    max-width:196px !important;
    gap:4px !important;
  }
  body.public-v45 .topnav-v41 .public-nav-link,
  body.public-v45 .topnav-v41 .public-nav-create,
  body.public-v45 .topnav-v41 .public-nav-cta{
    height:36px !important;
    min-height:36px !important;
    padding:6px 7px !important;
    font-size:.62rem !important;
  }
  body.public-v45 .topnav-v41 .public-nav-link b,
  body.public-v45 .topnav-v41 .public-nav-create b,
  body.public-v45 .topnav-v41 .public-nav-cta b{
    font-size:.62rem !important;
  }
}


/* v8.5.11 — correção SOMENTE dos cabeçalhos, sem remover botões ou funções */
@media (max-width:720px){
  /* Cabeçalho público: uma linha, sem quebrar botões, mantendo Como jogar/Entrar/Criar/Jogar */
  body.public-v45 .topbar-v41{
    min-height:72px !important;
    height:72px !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  body.public-v45 .topbar-v41 .topbar-shell{
    width:calc(100% - 16px) !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    overflow:hidden !important;
  }
  body.public-v45 .topbar-v41 .brand-v41{
    flex:0 0 auto !important;
    min-width:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }
  body.public-v45 .topbar-v41 .brand-v41 img{
    width:108px !important;
    max-width:108px !important;
    max-height:40px !important;
    object-fit:contain !important;
  }
  body.public-v45 .topnav-v41{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    width:auto !important;
    max-width:none !important;
    gap:5px !important;
    flex-wrap:nowrap !important;
    overflow:visible !important;
    margin-left:0 !important;
  }
  body.public-v45 .topnav-v41 .public-how-link{
    display:inline-flex !important;
  }
  body.public-v45 .topnav-v41 .public-nav-link,
  body.public-v45 .topnav-v41 .public-nav-create,
  body.public-v45 .topnav-v41 .public-nav-cta{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    min-width:0 !important;
    height:38px !important;
    min-height:38px !important;
    padding:7px 8px !important;
    border-radius:13px !important;
    gap:5px !important;
    font-size:.65rem !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  body.public-v45 .topnav-v41 .public-nav-link b,
  body.public-v45 .topnav-v41 .public-nav-create b,
  body.public-v45 .topnav-v41 .public-nav-cta b{
    display:inline !important;
    font-size:.65rem !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  body.public-v45 .topnav-v41 .public-nav-create .label-desktop{
    display:none !important;
  }
  body.public-v45 .topnav-v41 .public-nav-create .label-mobile{
    display:inline !important;
  }
  body.public-v45 .topnav-v41 .public-nav-link span,
  body.public-v45 .topnav-v41 .public-nav-create span,
  body.public-v45 .topnav-v41 .public-nav-cta .live-dot{
    width:14px !important;
    height:14px !important;
    min-width:14px !important;
    font-size:.64rem !important;
  }
  body.public-v45 .brand-halo,
  body.public-v45 .spark-field{
    display:none !important;
  }

  /* Cabeçalho das páginas logadas do painel: não quebra, mantém todos os links */
  body.admin-dashboard-page .topbar-v41,
  body.admin-dashboard-v4 .topbar-v41,
  body.admin-profile-page .topbar-v41,
  body.creator-dashboard-page .topbar-v41{
    min-height:72px !important;
    height:72px !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  body.admin-dashboard-page .topbar-v41 .topbar-shell,
  body.admin-dashboard-v4 .topbar-v41 .topbar-shell,
  body.admin-profile-page .topbar-v41 .topbar-shell,
  body.creator-dashboard-page .topbar-v41 .topbar-shell{
    width:calc(100% - 16px) !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    overflow:hidden !important;
  }
  body.admin-dashboard-page .topbar-v41 .brand-v41 img,
  body.admin-dashboard-v4 .topbar-v41 .brand-v41 img,
  body.admin-profile-page .topbar-v41 .brand-v41 img,
  body.creator-dashboard-page .topbar-v41 .brand-v41 img{
    width:108px !important;
    max-width:108px !important;
    max-height:40px !important;
    object-fit:contain !important;
  }
  body.admin-dashboard-page .topnav-v41,
  body.admin-dashboard-v4 .topnav-v41,
  body.admin-profile-page .topnav-v41,
  body.creator-dashboard-page .topnav-v41{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    gap:5px !important;
    margin-left:auto !important;
    padding-bottom:2px !important;
  }
  body.admin-dashboard-page .topnav-v41::-webkit-scrollbar,
  body.admin-dashboard-v4 .topnav-v41::-webkit-scrollbar,
  body.admin-profile-page .topnav-v41::-webkit-scrollbar,
  body.creator-dashboard-page .topnav-v41::-webkit-scrollbar{
    display:none !important;
  }
  body.admin-dashboard-page .topnav-v41 a,
  body.admin-dashboard-v4 .topnav-v41 a,
  body.admin-profile-page .topnav-v41 a,
  body.creator-dashboard-page .topnav-v41 a{
    flex:0 0 auto !important;
    min-height:38px !important;
    height:38px !important;
    padding:7px 8px !important;
    border-radius:13px !important;
    font-size:.64rem !important;
    gap:5px !important;
    white-space:nowrap !important;
  }

  /* Cabeçalhos de login/cadastro/recuperação: logo e títulos proporcionais */
  body.auth-bg .auth-shell{
    padding:24px 12px !important;
  }
  body.auth-bg .auth-card,
  body.auth-bg .auth-card-v4{
    width:min(100%,420px) !important;
    margin-inline:auto !important;
    padding:22px !important;
    border-radius:24px !important;
  }
  body.auth-bg .auth-logo{
    width:168px !important;
    max-width:68vw !important;
    margin:0 auto 18px !important;
    display:block !important;
  }
  body.auth-bg .auth-card h1{
    font-size:clamp(1.65rem,7vw,2rem) !important;
    line-height:1.05 !important;
    letter-spacing:-.03em !important;
  }
  body.auth-bg .auth-card .eyebrow{
    justify-content:flex-start !important;
  }
}

@media (max-width:430px){
  body.public-v45 .topbar-v41 .brand-v41 img{
    width:98px !important;
    max-width:98px !important;
  }
  body.public-v45 .topnav-v41{
    gap:4px !important;
  }
  body.public-v45 .topnav-v41 .public-how-link{
    width:36px !important;
    padding-inline:0 !important;
  }
  body.public-v45 .topnav-v41 .public-how-link b{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    white-space:nowrap !important;
  }
  body.public-v45 .topnav-v41 .public-nav-link,
  body.public-v45 .topnav-v41 .public-nav-create,
  body.public-v45 .topnav-v41 .public-nav-cta{
    height:37px !important;
    min-height:37px !important;
    padding:7px 7px !important;
    font-size:.62rem !important;
  }
  body.public-v45 .topnav-v41 .public-nav-link b,
  body.public-v45 .topnav-v41 .public-nav-create b,
  body.public-v45 .topnav-v41 .public-nav-cta b{
    font-size:.62rem !important;
  }
  body.admin-dashboard-page .topbar-v41 .brand-v41 img,
  body.admin-dashboard-v4 .topbar-v41 .brand-v41 img,
  body.admin-profile-page .topbar-v41 .brand-v41 img,
  body.creator-dashboard-page .topbar-v41 .brand-v41 img{
    width:98px !important;
    max-width:98px !important;
  }
}

@media (max-width:360px){
  body.public-v45 .topbar-v41 .topbar-shell,
  body.admin-dashboard-page .topbar-v41 .topbar-shell,
  body.admin-dashboard-v4 .topbar-v41 .topbar-shell,
  body.admin-profile-page .topbar-v41 .topbar-shell,
  body.creator-dashboard-page .topbar-v41 .topbar-shell{
    width:calc(100% - 12px) !important;
    gap:5px !important;
  }
  body.public-v45 .topbar-v41 .brand-v41 img,
  body.admin-dashboard-page .topbar-v41 .brand-v41 img,
  body.admin-dashboard-v4 .topbar-v41 .brand-v41 img,
  body.admin-profile-page .topbar-v41 .brand-v41 img,
  body.creator-dashboard-page .topbar-v41 .brand-v41 img{
    width:90px !important;
    max-width:90px !important;
  }
  body.public-v45 .topnav-v41 .public-nav-link,
  body.public-v45 .topnav-v41 .public-nav-create,
  body.public-v45 .topnav-v41 .public-nav-cta{
    padding-inline:6px !important;
  }
}


/* v8.5.12 — correção final dos cabeçalhos sem remover outras funções */
/* Mobile público/auth: remover apenas o botão "Como jogar", manter os demais e ampliar a logo */
@media (max-width:900px){
  body.public-v45 .topnav-v41 .public-how-link,
  body.public-page .topnav-v41 .public-how-link,
  body.creator-login-page .topnav-v41 .public-how-link,
  body.creator-register-page .topnav-v41 .public-how-link,
  body.creator-recover-page .topnav-v41 .public-how-link,
  body.creator-reset-page .topnav-v41 .public-how-link{display:none!important}

  body.public-v45 .topbar-v41 .brand-v41,
  body.public-page .topbar-v41 .brand-v41,
  body.creator-login-page .topbar-v41 .brand-v41,
  body.creator-register-page .topbar-v41 .brand-v41,
  body.creator-recover-page .topbar-v41 .brand-v41,
  body.creator-reset-page .topbar-v41 .brand-v41{
    flex:0 0 auto!important;
    min-width:0!important;
    margin-right:auto!important;
  }

  body.public-v45 .topbar-v41 .brand-v41 img,
  body.public-page .topbar-v41 .brand-v41 img,
  body.creator-login-page .topbar-v41 .brand-v41 img,
  body.creator-register-page .topbar-v41 .brand-v41 img,
  body.creator-recover-page .topbar-v41 .brand-v41 img,
  body.creator-reset-page .topbar-v41 .brand-v41 img{
    width:148px!important;
    max-width:148px!important;
    max-height:42px!important;
    object-fit:contain!important;
  }

  body.public-v45 .topnav-v41,
  body.public-page .topnav-v41,
  body.creator-login-page .topnav-v41,
  body.creator-register-page .topnav-v41,
  body.creator-recover-page .topnav-v41,
  body.creator-reset-page .topnav-v41{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    flex-wrap:wrap!important;
    margin-left:auto!important;
  }

  body.public-v45 .topnav-v41 .public-login-link,
  body.public-v45 .topnav-v41 .public-nav-create,
  body.public-v45 .topnav-v41 .public-nav-cta,
  body.public-page .topnav-v41 .public-login-link,
  body.public-page .topnav-v41 .public-nav-create,
  body.public-page .topnav-v41 .public-nav-cta,
  body.creator-login-page .topnav-v41 .public-login-link,
  body.creator-login-page .topnav-v41 .public-nav-create,
  body.creator-login-page .topnav-v41 .public-nav-cta,
  body.creator-register-page .topnav-v41 .public-login-link,
  body.creator-register-page .topnav-v41 .public-nav-create,
  body.creator-register-page .topnav-v41 .public-nav-cta,
  body.creator-recover-page .topnav-v41 .public-login-link,
  body.creator-recover-page .topnav-v41 .public-nav-create,
  body.creator-recover-page .topnav-v41 .public-nav-cta,
  body.creator-reset-page .topnav-v41 .public-login-link,
  body.creator-reset-page .topnav-v41 .public-nav-create,
  body.creator-reset-page .topnav-v41 .public-nav-cta{
    min-height:42px!important;
    height:42px!important;
    padding:8px 11px!important;
    border-radius:15px!important;
  }

  body.public-v45 .topnav-v41 .public-login-link b,
  body.public-v45 .topnav-v41 .public-nav-create b,
  body.public-v45 .topnav-v41 .public-nav-cta b,
  body.public-page .topnav-v41 .public-login-link b,
  body.public-page .topnav-v41 .public-nav-create b,
  body.public-page .topnav-v41 .public-nav-cta b,
  body.creator-login-page .topnav-v41 .public-login-link b,
  body.creator-login-page .topnav-v41 .public-nav-create b,
  body.creator-login-page .topnav-v41 .public-nav-cta b,
  body.creator-register-page .topnav-v41 .public-login-link b,
  body.creator-register-page .topnav-v41 .public-nav-create b,
  body.creator-register-page .topnav-v41 .public-nav-cta b,
  body.creator-recover-page .topnav-v41 .public-login-link b,
  body.creator-recover-page .topnav-v41 .public-nav-create b,
  body.creator-recover-page .topnav-v41 .public-nav-cta b,
  body.creator-reset-page .topnav-v41 .public-login-link b,
  body.creator-reset-page .topnav-v41 .public-nav-create b,
  body.creator-reset-page .topnav-v41 .public-nav-cta b{font-size:.74rem!important}
}

@media (max-width:430px){
  body.public-v45 .topbar-v41 .brand-v41 img,
  body.public-page .topbar-v41 .brand-v41 img,
  body.creator-login-page .topbar-v41 .brand-v41 img,
  body.creator-register-page .topbar-v41 .brand-v41 img,
  body.creator-recover-page .topbar-v41 .brand-v41 img,
  body.creator-reset-page .topbar-v41 .brand-v41 img{
    width:154px!important;
    max-width:154px!important;
    max-height:44px!important;
  }

  body.public-v45 .topnav-v41,
  body.public-page .topnav-v41,
  body.creator-login-page .topnav-v41,
  body.creator-register-page .topnav-v41,
  body.creator-recover-page .topnav-v41,
  body.creator-reset-page .topnav-v41{gap:7px!important}

  body.public-v45 .topnav-v41 .public-login-link,
  body.public-v45 .topnav-v41 .public-nav-create,
  body.public-v45 .topnav-v41 .public-nav-cta,
  body.public-page .topnav-v41 .public-login-link,
  body.public-page .topnav-v41 .public-nav-create,
  body.public-page .topnav-v41 .public-nav-cta,
  body.creator-login-page .topnav-v41 .public-login-link,
  body.creator-login-page .topnav-v41 .public-nav-create,
  body.creator-login-page .topnav-v41 .public-nav-cta,
  body.creator-register-page .topnav-v41 .public-login-link,
  body.creator-register-page .topnav-v41 .public-nav-create,
  body.creator-register-page .topnav-v41 .public-nav-cta,
  body.creator-recover-page .topnav-v41 .public-login-link,
  body.creator-recover-page .topnav-v41 .public-nav-create,
  body.creator-recover-page .topnav-v41 .public-nav-cta,
  body.creator-reset-page .topnav-v41 .public-login-link,
  body.creator-reset-page .topnav-v41 .public-nav-create,
  body.creator-reset-page .topnav-v41 .public-nav-cta{
    min-height:40px!important;
    height:40px!important;
    padding:7px 10px!important;
  }
}


/* v8.5.14 — padrão único final para cabeçalhos mobile e correção de overflow admin */
/* Regra-mãe: em mobile, todo cabeçalho usa uma linha, mesma altura e logo proporcional. */
@media (max-width:900px){
  body.public-v45 .topbar-v41,
  body.public-page .topbar-v41,
  body.auth-bg .topbar-v41,
  body.admin-dashboard-v4 .topbar-v41,
  body.admin-dashboard-page:not(.admin-control-page) .topbar-v41,
  body.admin-profile-page .topbar-v41,
  body.creator-dashboard-page .topbar-v41{
    min-height:68px!important;
    height:68px!important;
    padding:0!important;
    overflow:hidden!important;
  }

  body.public-v45 .topbar-v41 .topbar-shell,
  body.public-page .topbar-v41 .topbar-shell,
  body.auth-bg .topbar-v41 .topbar-shell,
  body.admin-dashboard-v4 .topbar-v41 .topbar-shell,
  body.admin-dashboard-page:not(.admin-control-page) .topbar-v41 .topbar-shell,
  body.admin-profile-page .topbar-v41 .topbar-shell,
  body.creator-dashboard-page .topbar-v41 .topbar-shell{
    width:calc(100% - 16px)!important;
    height:68px!important;
    min-height:68px!important;
    margin-inline:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
    overflow:hidden!important;
  }

  body.public-v45 .brand-halo,
  body.public-page .brand-halo,
  body.auth-bg .brand-halo,
  body.admin-dashboard-v4 .brand-halo,
  body.admin-dashboard-page:not(.admin-control-page) .brand-halo,
  body.admin-profile-page .brand-halo,
  body.creator-dashboard-page .brand-halo,
  body.public-v45 .spark-field,
  body.public-page .spark-field,
  body.auth-bg .spark-field,
  body.admin-dashboard-v4 .spark-field,
  body.admin-dashboard-page:not(.admin-control-page) .spark-field,
  body.admin-profile-page .spark-field,
  body.creator-dashboard-page .spark-field{
    display:none!important;
  }

  body.public-v45 .topbar-v41 .brand-v41,
  body.public-page .topbar-v41 .brand-v41,
  body.auth-bg .topbar-v41 .brand-v41,
  body.admin-dashboard-v4 .topbar-v41 .brand-v41,
  body.admin-dashboard-page:not(.admin-control-page) .topbar-v41 .brand-v41,
  body.admin-profile-page .topbar-v41 .brand-v41,
  body.creator-dashboard-page .topbar-v41 .brand-v41{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  body.public-v45 .topbar-v41 .brand-v41 img,
  body.public-page .topbar-v41 .brand-v41 img,
  body.auth-bg .topbar-v41 .brand-v41 img,
  body.admin-dashboard-v4 .topbar-v41 .brand-v41 img,
  body.admin-dashboard-page:not(.admin-control-page) .topbar-v41 .brand-v41 img,
  body.admin-profile-page .topbar-v41 .brand-v41 img,
  body.creator-dashboard-page .topbar-v41 .brand-v41 img{
    width:128px!important;
    max-width:128px!important;
    max-height:42px!important;
    object-fit:contain!important;
    display:block!important;
  }

  body.public-v45 .topnav-v41 .public-how-link,
  body.public-page .topnav-v41 .public-how-link,
  body.auth-bg .topnav-v41 .public-how-link{
    display:none!important;
  }

  body.public-v45 .topnav-v41,
  body.public-page .topnav-v41,
  body.auth-bg .topnav-v41,
  body.admin-dashboard-v4 .topnav-v41,
  body.admin-dashboard-page:not(.admin-control-page) .topnav-v41,
  body.admin-profile-page .topnav-v41,
  body.creator-dashboard-page .topnav-v41{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 136px)!important;
    gap:5px!important;
    flex-wrap:nowrap!important;
    overflow:visible!important;
    margin-left:auto!important;
    padding:0!important;
  }

  body.public-v45 .topnav-v41 .public-login-link,
  body.public-v45 .topnav-v41 .public-nav-create,
  body.public-v45 .topnav-v41 .public-nav-cta,
  body.public-page .topnav-v41 .public-login-link,
  body.public-page .topnav-v41 .public-nav-create,
  body.public-page .topnav-v41 .public-nav-cta,
  body.auth-bg .topnav-v41 .public-login-link,
  body.auth-bg .topnav-v41 .public-nav-create,
  body.auth-bg .topnav-v41 .public-nav-cta{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    min-width:0!important;
    width:auto!important;
    height:38px!important;
    min-height:38px!important;
    padding:7px 8px!important;
    border-radius:14px!important;
    gap:5px!important;
    white-space:nowrap!important;
  }

  body.public-v45 .topnav-v41 .public-login-link b,
  body.public-v45 .topnav-v41 .public-nav-create b,
  body.public-v45 .topnav-v41 .public-nav-cta b,
  body.public-page .topnav-v41 .public-login-link b,
  body.public-page .topnav-v41 .public-nav-create b,
  body.public-page .topnav-v41 .public-nav-cta b,
  body.auth-bg .topnav-v41 .public-login-link b,
  body.auth-bg .topnav-v41 .public-nav-create b,
  body.auth-bg .topnav-v41 .public-nav-cta b{
    display:inline!important;
    font-size:.66rem!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  body.public-v45 .topnav-v41 .public-nav-create .label-desktop,
  body.public-page .topnav-v41 .public-nav-create .label-desktop,
  body.auth-bg .topnav-v41 .public-nav-create .label-desktop{display:none!important}
  body.public-v45 .topnav-v41 .public-nav-create .label-mobile,
  body.public-page .topnav-v41 .public-nav-create .label-mobile,
  body.auth-bg .topnav-v41 .public-nav-create .label-mobile{display:inline!important}

  body.public-v45 .topnav-v41 .public-login-link span,
  body.public-v45 .topnav-v41 .public-nav-create span,
  body.public-v45 .topnav-v41 .public-nav-cta .live-dot,
  body.public-page .topnav-v41 .public-login-link span,
  body.public-page .topnav-v41 .public-nav-create span,
  body.public-page .topnav-v41 .public-nav-cta .live-dot,
  body.auth-bg .topnav-v41 .public-login-link span,
  body.auth-bg .topnav-v41 .public-nav-create span,
  body.auth-bg .topnav-v41 .public-nav-cta .live-dot{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
  }

  /* Painel logado: preservar botões, mas sem quebrar cabeçalho. */
  body.admin-dashboard-v4 .topnav-v41 a,
  body.admin-dashboard-page:not(.admin-control-page) .topnav-v41 a,
  body.admin-profile-page .topnav-v41 a,
  body.creator-dashboard-page .topnav-v41 a{
    flex:0 0 auto!important;
    height:38px!important;
    min-height:38px!important;
    padding:7px 8px!important;
    border-radius:14px!important;
    gap:5px!important;
    white-space:nowrap!important;
  }
  body.admin-dashboard-v4 .topnav-v41 a b,
  body.admin-dashboard-page:not(.admin-control-page) .topnav-v41 a b,
  body.admin-profile-page .topnav-v41 a b,
  body.creator-dashboard-page .topnav-v41 a b{
    font-size:.64rem!important;
    line-height:1!important;
  }
}

@media (max-width:380px){
  body.public-v45 .topbar-v41 .topbar-shell,
  body.public-page .topbar-v41 .topbar-shell,
  body.auth-bg .topbar-v41 .topbar-shell,
  body.admin-dashboard-v4 .topbar-v41 .topbar-shell,
  body.admin-dashboard-page:not(.admin-control-page) .topbar-v41 .topbar-shell,
  body.admin-profile-page .topbar-v41 .topbar-shell,
  body.creator-dashboard-page .topbar-v41 .topbar-shell{
    width:calc(100% - 12px)!important;
    gap:5px!important;
  }
  body.public-v45 .topbar-v41 .brand-v41 img,
  body.public-page .topbar-v41 .brand-v41 img,
  body.auth-bg .topbar-v41 .brand-v41 img,
  body.admin-dashboard-v4 .topbar-v41 .brand-v41 img,
  body.admin-dashboard-page:not(.admin-control-page) .topbar-v41 .brand-v41 img,
  body.admin-profile-page .topbar-v41 .brand-v41 img,
  body.creator-dashboard-page .topbar-v41 .brand-v41 img{
    width:118px!important;
    max-width:118px!important;
  }
  body.public-v45 .topnav-v41,
  body.public-page .topnav-v41,
  body.auth-bg .topnav-v41,
  body.admin-dashboard-v4 .topnav-v41,
  body.admin-dashboard-page:not(.admin-control-page) .topnav-v41,
  body.admin-profile-page .topnav-v41,
  body.creator-dashboard-page .topnav-v41{
    max-width:calc(100% - 124px)!important;
    gap:4px!important;
  }
  body.public-v45 .topnav-v41 .public-login-link,
  body.public-v45 .topnav-v41 .public-nav-create,
  body.public-v45 .topnav-v41 .public-nav-cta,
  body.public-page .topnav-v41 .public-login-link,
  body.public-page .topnav-v41 .public-nav-create,
  body.public-page .topnav-v41 .public-nav-cta,
  body.auth-bg .topnav-v41 .public-login-link,
  body.auth-bg .topnav-v41 .public-nav-create,
  body.auth-bg .topnav-v41 .public-nav-cta{
    padding:7px 6px!important;
  }
  body.public-v45 .topnav-v41 .public-login-link b,
  body.public-v45 .topnav-v41 .public-nav-create b,
  body.public-v45 .topnav-v41 .public-nav-cta b,
  body.public-page .topnav-v41 .public-login-link b,
  body.public-page .topnav-v41 .public-nav-create b,
  body.public-page .topnav-v41 .public-nav-cta b,
  body.auth-bg .topnav-v41 .public-login-link b,
  body.auth-bg .topnav-v41 .public-nav-create b,
  body.auth-bg .topnav-v41 .public-nav-cta b{font-size:.62rem!important}
}

/* Centralização da landing: sem deslocar para a direita no mobile. */
@media (max-width:900px){
  body.public-v45 .public-main,
  body.public-v45 .hero-pro,
  body.public-v45 .section-block,
  body.participant-auth .auth-shell{
    overflow-x:hidden!important;
  }
  body.public-v45 .container,
  body.public-v45 .hero-pro-grid,
  body.public-v45 .hero-pro-copy,
  body.public-v45 .section-intro,
  body.public-v45 .steps-grid-v4,
  body.public-v45 .feature-showcase-v4,
  body.public-v45 .public-cta-card{
    width:calc(100% - 20px)!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:none!important;
  }
  body.public-v45 .hero-pro-copy{
    text-align:left!important;
    padding-inline:0!important;
  }
}

/* Admin mobile: manter o topo corrigido, com menu + logo, sem texto espremido. */
@media (max-width:900px){
  body.admin-control-page .admin-control-topbar{
    height:68px!important;
    min-height:68px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.admin-control-page .admin-topbar-shell{
    width:calc(100% - 16px)!important;
    height:68px!important;
    min-height:68px!important;
    margin-inline:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    overflow:hidden!important;
  }
  body.admin-control-page .admin-topbar-left{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }
  body.admin-control-page .admin-page-context,
  body.admin-control-page .admin-topbar-tools{
    display:none!important;
  }
  body.admin-control-page .admin-control-mobile-logo{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    min-width:0!important;
  }
  body.admin-control-page .admin-control-mobile-logo img{
    width:118px!important;
    max-width:118px!important;
    max-height:42px!important;
    object-fit:contain!important;
  }
  body.admin-control-page .admin-menu-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:4px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    padding:0!important;
    border-radius:14px!important;
  }
  body.admin-control-page .admin-menu-toggle span{
    width:18px!important;
    height:2px!important;
    margin:0!important;
  }
}

/* Ícones do dock mobile: todos exatamente iguais. */
@media (max-width:780px){
  .mobile-admin-dock{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
  }
  .mobile-admin-dock .dock-item,
  .mobile-admin-dock a{
    min-width:0!important;
    display:grid!important;
    place-items:center!important;
    gap:3px!important;
  }
  .mobile-admin-dock .dock-icon,
  .mobile-admin-dock .dock-item span.dock-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    border-radius:14px!important;
    display:grid!important;
    place-items:center!important;
  }
  .mobile-admin-dock .dock-icon svg{
    width:18px!important;
    height:18px!important;
    display:block!important;
  }
  .mobile-admin-dock .dock-item b,
  .mobile-admin-dock a b{
    font-size:.56rem!important;
    line-height:1!important;
  }
}

/* Admin/editor 100% responsivo: impedir estouro horizontal dos cards e previews. */
@media (max-width:900px){
  body.admin-control-page,
  body.admin-control-page .admin-main,
  body.admin-control-page .container,
  body.admin-control-page .card,
  body.admin-control-page .glass-card,
  body.admin-control-page .site-editor-card,
  body.admin-control-page .brand-upload-card,
  body.admin-control-page .form-grid,
  body.admin-control-page .responsive-table,
  body.admin-control-page .brand-upload-preview,
  body.admin-control-page .brand-preview-box{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.admin-control-page .admin-main,
  body.admin-control-page main{
    overflow-x:hidden!important;
  }
  body.admin-control-page .container{
    width:calc(100% - 20px)!important;
    margin-inline:auto!important;
  }
  body.admin-control-page .form-grid,
  body.admin-control-page .form-grid.two,
  body.admin-control-page .form-grid.three,
  body.admin-control-page .settings-grid,
  body.admin-control-page .brand-grid,
  body.admin-control-page .media-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.admin-control-page img,
  body.admin-control-page svg,
  body.admin-control-page video,
  body.admin-control-page canvas{
    max-width:100%!important;
  }
  body.admin-control-page input,
  body.admin-control-page textarea,
  body.admin-control-page select,
  body.admin-control-page .search-input{
    max-width:100%!important;
    width:100%!important;
  }
}