/* Relatório: barra de opções (só na tela), capa e ajustes de impressão. Carregado sob demanda por js/paginas/relatorio.js. */

/* ——— Barra de opções: três linhas dentro do .ars-card.rel-acoes (que já é flex com quebra) ——— */
.rel-opcoes,.rel-secoes,.rel-botoes{flex:1 1 100%}
.rel-opcoes{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,2fr) minmax(0,1.2fr);gap:16px;align-items:end}
.rel-secoes{display:flex;flex-wrap:wrap;gap:10px 24px;padding-top:6px}
.rel-botoes{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:16px;border-top:1px solid var(--border)}
.rel-botoes .meta{margin-left:auto}

/* ——— Capa ——— */
.relatorio .capa img{display:block;margin-bottom:16px}
.relatorio .capa .ars-tag{display:block}
.relatorio .capa .periodo+.periodo{margin-top:4px}
.relatorio .capa .selo{text-align:right}
.relatorio .capa .selo span{display:block;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}
.relatorio .capa .selo b{display:block;font-family:var(--font-display);font-size:34px;font-weight:700;letter-spacing:var(--tracking-display);color:var(--text-primary);line-height:1;margin:8px 0 6px}

/* ——— KPIs e matérias ——— */
.relatorio .kpis b small{font-size:16px;font-weight:500;color:var(--text-muted);margin-left:2px}
.relatorio .kpis .pos b{color:var(--sent-pos)} .relatorio .kpis .neg b{color:var(--sent-neg)}
.relatorio .grade>div>h3:first-child{margin-top:0}
.relatorio .grade>div>.meta{display:block;margin-top:8px}
.relatorio .mat .m b{color:var(--text-primary);font-weight:500;letter-spacing:.02em}
.relatorio .mat .r>div{margin:2px 0}
.relatorio .mat .r .meta{margin-right:8px}
.relatorio h2+.meta{display:block;margin:-6px 0 10px}

@media (max-width:760px){.rel-opcoes{grid-template-columns:1fr}.relatorio .capa .selo{text-align:left}}

/* ——— Impressão: o A4 cai na faixa "mobile" do app.css, então as colunas voltam aqui; fundos dos gráficos saem mesmo sem "gráficos de fundo" ——— */
@media print{
  .relatorio .grade.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .relatorio .kpis{grid-template-columns:repeat(4,1fr)}
  .relatorio .capa{grid-template-columns:1fr auto}
  .relatorio .capa .selo{text-align:right}
  .relatorio .capa,.relatorio .kpis,.relatorio .grade>div{break-inside:avoid}
  .relatorio h3{break-after:avoid}
  .relatorio h2::before,.relatorio .barra,.relatorio .sentbar,.relatorio .sentbar span,.relatorio .linha-h .trilho,.relatorio .linha-h .enche,.relatorio .legenda i,.relatorio .ars-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}