/* Relatório do caixa (js/abas/caixa-relatorio*.js): caixa por cima do Caixa, com a folha que vai para o PDF */
.relatorio-tela{align-items:flex-start}
.rel-caixa{position:relative;max-width:900px;background:var(--cartao)}
.rel-fechar{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--neutro);color:var(--tinta-2);font-size:22px;line-height:1;cursor:pointer}
.rel-fechar:hover{background:var(--marca-claro);color:var(--marca-texto)}
.rel-controles{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0 48px 22px 0;padding-bottom:18px;border-bottom:1px solid var(--linha)}
.rel-controles select{width:auto;min-width:190px}
.rel-folha h2{margin:0}
.rel-gerado{margin:2px 0 0;font-size:12.5px;color:var(--tinta-3)}
.rel-folha h3{margin:20px 0 8px;font-size:15px;color:var(--tinta-2)}
.rel-cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.rel-cartao{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--linha);border-radius:12px;background:var(--cartao)}
.rel-cartao span{font-size:13px;color:var(--tinta-2)}
.rel-cartao b{font-size:20px}
.rel-cartao small{font-size:12px;color:var(--tinta-3)}
.rel-mes{text-transform:capitalize;font-weight:700}
.rel-tipos{margin-top:20px;width:100%;max-width:480px}

@media (max-width:620px){
  .rel-controles{margin-right:0;padding-top:40px}
  .rel-controles select{flex:1;min-width:0}
  .rel-controles .btn{width:100%}
}

/* Só a folha vai para o PDF: o resto sai do fluxo, para não sobrarem páginas em branco */
@media print{
  body.imprimindo-relatorio{display:block;min-height:0;overflow:visible;background:#fff}
  body.imprimindo-relatorio > :not(#relatorio-tela){display:none!important}
  body.imprimindo-relatorio #relatorio-tela{position:static;display:block;padding:0;overflow:visible;background:none}
  body.imprimindo-relatorio .rel-caixa{max-width:none;padding:0;border-radius:0;box-shadow:none}
  body.imprimindo-relatorio :is(.rel-controles,.rel-fechar){display:none}
}