/* =========================================================
   HERO PADRÃO DO BACKSTAGE — Dashboard / Rankings / Batalha / PK / Coliseu / Torneio / Suporte
   Base visual: hero de Rankings, compactado e sem eyebrow/descrição.
   ========================================================= */
body.lunix-backstage-page .lunix-backstage-hero{
  position:relative;
  min-height:108px;
  padding:18px 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  overflow:hidden;
  border:1px solid rgba(var(--lunix-portal-accent-rgb,230,0,115),.46);
  border-radius:16px;
  background:
    radial-gradient(circle at 90% 50%,rgba(var(--lunix-portal-accent-rgb,230,0,115),.18),transparent 27%),
    linear-gradient(120deg,#0d0d10 0%,#111015 57%,rgba(var(--lunix-portal-accent-rgb,230,0,115),.09) 100%);
  box-shadow:0 18px 45px rgba(0,0,0,.22);
}
body.lunix-backstage-page .lunix-backstage-hero::after{
  content:"";
  position:absolute;
  right:15%;
  top:-112px;
  width:330px;
  height:330px;
  transform:rotate(45deg);
  border:1px solid rgba(var(--lunix-portal-accent-rgb,230,0,115),.18);
  background:linear-gradient(135deg,transparent 34%,rgba(var(--lunix-portal-accent-rgb,230,0,115),.06) 34% 52%,transparent 52%);
  pointer-events:none;
}
body.lunix-backstage-page .lunix-backstage-hero__copy{position:relative;z-index:2;min-width:0;display:flex;align-items:center;min-height:70px;}
body.lunix-backstage-page .lunix-backstage-hero h1{margin:0;color:#fff;font-size:2rem;line-height:1;font-weight:950;letter-spacing:.015em;text-transform:uppercase;}
body.lunix-backstage-page .lunix-backstage-hero__art{position:relative;z-index:2;width:330px;min-height:70px;display:flex;align-items:center;justify-content:flex-end;padding-right:18px;color:var(--lunix-portal-accent,#e60073);}
body.lunix-backstage-page .lunix-backstage-hero__x{position:absolute;right:128px;top:-45px;width:155px;height:155px;opacity:.34;filter:drop-shadow(0 0 26px rgba(var(--lunix-portal-accent-rgb,230,0,115),.25));}
body.lunix-backstage-page .lunix-backstage-hero__x::before,
body.lunix-backstage-page .lunix-backstage-hero__x::after{content:"";position:absolute;left:63px;top:0;width:32px;height:155px;border-radius:4px;background:linear-gradient(180deg,rgba(var(--lunix-portal-accent-rgb,230,0,115),.15),var(--lunix-portal-accent,#e60073),rgba(var(--lunix-portal-accent-rgb,230,0,115),.18));transform:rotate(45deg);}
body.lunix-backstage-page .lunix-backstage-hero__x::after{transform:rotate(-45deg);}
body.lunix-backstage-page .lunix-backstage-hero__tagline{position:relative;z-index:2;margin-right:52px;font-family:cursive;font-size:.94rem;line-height:1.03;text-align:center;transform:rotate(-5deg);text-shadow:0 0 14px rgba(var(--lunix-portal-accent-rgb,230,0,115),.4);}
body.lunix-backstage-page .lunix-backstage-hero__art small{position:absolute;right:0;bottom:12px;color:var(--lunix-portal-accent,#e60073);font-size:.49rem;font-weight:900;letter-spacing:.35em;line-height:1.25;}

html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-hero{
  background:radial-gradient(circle at 90% 50%,rgba(var(--lunix-portal-accent-rgb,230,0,115),.11),transparent 27%),linear-gradient(120deg,#fff 0%,#fcfbfd 60%,rgba(var(--lunix-portal-accent-rgb,230,0,115),.06) 100%)!important;
  box-shadow:0 14px 35px rgba(28,28,38,.07)!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-hero h1{color:#15151a!important;}

@media(max-width:760px){
  body.lunix-backstage-page .lunix-backstage-hero{min-height:86px;padding:16px 20px;border-radius:12px;}
  body.lunix-backstage-page .lunix-backstage-hero__copy{min-height:52px;}
  body.lunix-backstage-page .lunix-backstage-hero__art{display:none;}
  body.lunix-backstage-page .lunix-backstage-hero h1{font-size:1.55rem;}
}

/* Dashboard usa grid de duas colunas: o hero padrão sempre ocupa a largura total. */
body.lunix-backstage-dashboard-page .lunix-dashboard-overview>.lunix-backstage-hero,
body.lunix-backstage-admin-dashboard-page .lunix-dashboard-overview>.lunix-backstage-hero{grid-column:1/-1!important;}

/* Hero preservado no HTML, mas temporariamente oculto no Dashboard e na Luna AI.
   Para reativar futuramente, basta remover/neutralizar estas regras. */
body.lunix-backstage-dashboard-page .lunix-backstage-hero,
body.lunix-backstage-admin-dashboard-page .lunix-backstage-hero,
body.lunix-backstage-view-dashboard .lunix-backstage-hero,
body.lunix-backstage-view-luna .lunix-backstage-hero,
body.lunix-backstage-luna-page .lunix-backstage-hero{display:none!important}


/* LX Academy usa literalmente o mesmo hero compartilhado dos módulos já padronizados.
   Reforço de geometria para neutralizar estilos residuais do template vazio. */
body.lunix-backstage-unilunix-page .lunix-backstage-hero{
  min-height:108px!important;
  padding:18px 30px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
body.lunix-backstage-unilunix-page .lunix-backstage-hero__copy{
  min-height:70px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
body.lunix-backstage-unilunix-page .lunix-backstage-hero h1{
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;
  font-size:2rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.015em!important;
}
@media(max-width:760px){
  body.lunix-backstage-unilunix-page .lunix-backstage-hero{min-height:86px!important;padding:16px 20px!important;}
  body.lunix-backstage-unilunix-page .lunix-backstage-hero__copy{min-height:52px!important;}
  body.lunix-backstage-unilunix-page .lunix-backstage-hero h1{font-size:1.55rem!important;}
}


/* Root V2 vazio da LX Academy: mesma largura/gap usados pelos módulos consolidados. */
body.lunix-backstage-unilunix-page .lunix-lx-academi-page,
body.lunix-backstage-unilunix-page .lunix-lx-academy-page{
  display:grid!important;
  gap:16px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
}