/*
 * LOTOEXPLORER — PADRÃO GLOBAL DOS RELATÓRIOS
 * Camada visual compartilhada. Não altera consultas, cálculos ou regras
 * específicas dos relatórios.
 */
:root{
  --lx-ink:#173042;
  --lx-ink-2:#24475d;
  --lx-muted:#667781;
  --lx-ocean:#005ca9;
  --lx-turq:#00a7b5;
  --lx-ice:#f3f7f9;
  --lx-line:#d9e4ea;
  --lx-line-2:#e8eef2;
  --lx-white:#fff;
  --lx-shadow:0 8px 24px rgba(16,55,78,.06);
}

.lx-report-host{
  color:var(--lx-ink);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}

.lx-report-header{
  width:min(1500px,calc(100% - 32px));
  margin:0 auto 20px;
  padding:20px 24px;
  box-sizing:border-box;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  background:var(--lx-white);
  border:1px solid var(--lx-line);
  border-radius:14px;
  box-shadow:var(--lx-shadow);
  text-align:left;
}

.lx-report-header-main{min-width:0;flex:1}
.lx-report-eyebrow{
  display:block;
  margin:0 0 6px;
  color:var(--lx-muted);
  font-size:.73rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.lx-report-header h1,
.lx-report-header h2{
  margin:0;
  color:var(--lx-ink);
  font-size:clamp(1.35rem,2.8vw,1.95rem);
  line-height:1.2;
  font-weight:800;
}
.lx-report-header p,
.lx-report-meta{
  margin:7px 0 0;
  color:var(--lx-muted);
  font-size:.93rem;
  line-height:1.45;
}
.lx-report-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  flex:0 0 auto;
}
.lx-report-actions button,
.lx-report-actions a,
.lx-report-back{
  min-height:38px;
  box-sizing:border-box;
  padding:9px 13px;
  border:1px solid #cfdde4;
  border-radius:8px;
  background:#fff;
  color:var(--lx-ocean);
  font:700 12px/1.2 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  text-decoration:none;
  cursor:pointer;
}
.lx-report-actions button:hover,
.lx-report-actions a:hover,
.lx-report-back:hover{
  background:var(--lx-ice);
  border-color:#b9ced9;
}
.lx-report-actions .lx-primary{
  background:var(--lx-ocean);
  border-color:var(--lx-ocean);
  color:#fff;
}
.lx-report-actions .lx-primary:hover{
  background:#004f91;
  border-color:#004f91;
}

/* Relatórios antigos: título inserido pelo normalizador */
.lx-report-generated-content{
  width:min(1500px,calc(100% - 32px));
  margin:0 auto;
}
.lx-legacy-title{display:none !important}

/* Cabeçalhos que já existiam no projeto são trazidos para o mesmo padrão. */
.relatorio-cabecalho,
.mega-relatorio-head,
.mega-duplas-head{
  width:min(1500px,calc(100% - 32px)) !important;
  margin:0 auto 20px !important;
  padding:20px 24px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:20px !important;
  background:#fff !important;
  border:1px solid var(--lx-line) !important;
  border-radius:14px !important;
  box-shadow:var(--lx-shadow) !important;
  text-align:left !important;
}
.relatorio-cabecalho .relatorio-kicker,
.mega-relatorio-eyebrow,
.mega-duplas-eyebrow{
  color:var(--lx-muted) !important;
  font-size:.73rem !important;
  letter-spacing:.12em !important;
}
.relatorio-cabecalho h2,
.mega-relatorio-head h2,
.mega-duplas-head h2{
  margin:0 !important;
  color:var(--lx-ink) !important;
  font-size:clamp(1.35rem,2.8vw,1.95rem) !important;
  line-height:1.2 !important;
}
.relatorio-subtitulo,
.mega-relatorio-head p,
.mega-duplas-head p{
  color:var(--lx-muted) !important;
}

/* Ações dos relatórios Lotofácil ficam visualmente integradas ao cabeçalho. */
.relatorio-cabecalho + .botoes-relatorio{
  width:min(1500px,calc(100% - 32px));
  margin:-8px auto 18px !important;
  padding:0 !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}
.relatorio-cabecalho + .botoes-relatorio .btn-relatorio{
  border-radius:8px !important;
  font:700 12px/1.2 Inter,system-ui,-apple-system,"Segoe UI",sans-serif !important;
}

/* Tabelas: cabeçalho neutro e legível, preservando cores e destaques do corpo. */
.lx-report-host table thead th,
.lx-report-host table thead td{
  background:#eef3f6 !important;
  color:var(--lx-ink) !important;
  border-color:#d7e2e8 !important;
  font-weight:800 !important;
}

/* Tabelas com regras próprias de sticky/scroll permanecem intactas. */
.lx-report-host .tab-buttons,
.lx-report-host .tabs{position:relative;z-index:5}

/* Containers legados ficam limitados sem quebrar tabelas largas. */
.lx-report-host .container,
.lx-report-host .tabela-container,
.lx-report-host .tabela-principal-wrapper,
.lx-report-host .table-container{
  max-width:1500px;
  margin-left:auto;
  margin-right:auto;
}

/* Relatórios antigos que usam <center> como título. */
.lx-report-host .container > div:first-child center,
.lx-report-host .container > div:first-child b center{
  color:var(--lx-ink);
}

/* Botões legados principais */
.lx-report-host button{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.lx-report-host .btn-voltar,
.lx-report-host .mega-relatorio-back,
.lx-report-host .credencial-back{
  background:#fff !important;
  color:var(--lx-ocean) !important;
  border:1px solid #cfdde4 !important;
  border-radius:8px !important;
  font-weight:700 !important;
}
.lx-report-host .btn-voltar:hover,
.lx-report-host .mega-relatorio-back:hover,
.lx-report-host .credencial-back:hover{
  background:var(--lx-ice) !important;
}

/* Formulário de credencial */
.credencial-page{
  color:var(--lx-ink);
}
.credencial-page-header{
  padding:20px 24px !important;
  margin-bottom:20px !important;
  background:#fff !important;
  border:1px solid var(--lx-line) !important;
  border-radius:14px !important;
  box-shadow:var(--lx-shadow) !important;
}
.credencial-page-header h1{
  color:var(--lx-ink) !important;
}
.credencial-eyebrow{
  color:var(--lx-muted) !important;
}
.credencial-page-header p{
  color:var(--lx-muted) !important;
}
.credencial-card{
  box-shadow:var(--lx-shadow) !important;
  border-color:var(--lx-line) !important;
}

@media (max-width:760px){
  .lx-report-header,
  .relatorio-cabecalho,
  .mega-relatorio-head,
  .mega-duplas-head{
    width:calc(100% - 20px) !important;
    padding:16px !important;
    flex-direction:column !important;
  }
  .lx-report-actions{
    width:100%;
    justify-content:flex-start;
  }
  .relatorio-cabecalho + .botoes-relatorio{
    width:calc(100% - 20px);
    justify-content:flex-start !important;
  }
}

.relatorio-cabecalho .botoes-relatorio{margin:0 !important;padding:0 !important;display:flex !important;justify-content:flex-end !important;align-items:center !important;gap:8px !important;flex-wrap:wrap !important;width:auto !important;}

/* O relatório Lotofácil legado possui regras internas com !important.
   Estas regras mantêm o cabeçalho unificado sem alterar a tabela. */
#relatorio-duplas .relatorio-cabecalho{
  flex-direction:row !important;
  align-items:flex-start !important;
}
#relatorio-duplas .relatorio-cabecalho .botoes-relatorio{
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  justify-content:flex-end !important;
}
#relatorio-duplas .relatorio-cabecalho .btn-relatorio{
  border-radius:8px !important;
  font:700 12px/1.2 Inter,system-ui,-apple-system,"Segoe UI",sans-serif !important;
}
@media (max-width:760px){
  #relatorio-duplas .relatorio-cabecalho{
    flex-direction:column !important;
  }
  #relatorio-duplas .relatorio-cabecalho .botoes-relatorio{
    width:100% !important;
    justify-content:flex-start !important;
  }
}

/* ------------------------------------------------------------------
   Normalização dos relatórios legados carregados pelos cards.
   O conteúdo estatístico continua com seu estilo próprio; apenas a
   moldura editorial e os elementos de navegação são uniformizados.
   ------------------------------------------------------------------ */
.lx-report-host > .lx-generated-header + * { box-sizing:border-box; }
.lx-report-host .lx-generated-header + .lx-legacy-title { display:none !important; }
.lx-report-host .lx-generated-header ~ .btn-ver-dezenas,
.lx-report-host .lx-generated-header ~ .btn-credencial,
.lx-report-host .lx-generated-header ~ .btn-voltar {
  border-radius:8px !important;
}
.lx-report-host .lx-generated-header ~ table,
.lx-report-host .lx-generated-header ~ .tabela-scroll,
.lx-report-host .lx-generated-header ~ .table-container,
.lx-report-host .lx-generated-header ~ .tabela-container {
  width:min(1500px,calc(100% - 32px));
  margin-left:auto;
  margin-right:auto;
}
/* Títulos antigos que não são reconhecidos pelo JS nunca devem competir
   visualmente com o novo cabeçalho. */
.lx-report-host > h1:first-child,
.lx-report-host > h2:first-child,
.lx-report-host > center:first-child { color:var(--lx-ink); }