@charset "UTF-8";
/* Folha A4 dos relatórios: a mesma marcação aparece na "Prévia do PDF" (dentro
   do app) e no documento impresso (iframe montado por relBaixarPdf no app.js,
   que carrega só este arquivo). Papel sempre branco, cores fixas da marca, fora
   dos tokens do tema; toda regra fica dentro de .rel-doc para não vazar no app. */
.rel-doc{
  width:794px;min-height:1123px;background:#fff;color:#16251b;position:relative;
  font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;font-size:12px;line-height:1.4;letter-spacing:0;
  display:flex;flex-direction:column;text-align:left;
  -webkit-print-color-adjust:exact;print-color-adjust:exact;
}
.rel-doc *{box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact;}

/* cabeçalho branco (a logo verde-escura não aparece sobre verde) + faixa verde */
.rel-doc .rd-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 40px 20px;}
.rel-doc .rd-logo{height:78px;width:auto;display:block;}
.rel-doc .rd-logo-txt{font-size:22px;font-weight:700;color:#14532d;letter-spacing:.04em;}
.rel-doc .rd-tit{text-align:right;}
.rel-doc .rd-tit h1{font-size:22px;font-weight:700;color:#14532d;margin:0 0 4px;letter-spacing:-.01em;}
.rel-doc .rd-tit div{font-size:11.5px;color:#4b5d50;}
.rel-doc .rd-faixa{height:8px;background:linear-gradient(90deg, #7bd88f, #1f7a3d);}

.rel-doc .rd-corpo{flex:1;padding:22px 40px 28px;}
.rel-doc .rd-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.rel-doc .rd-chips span{background:#e9f4ec;color:#14532d;border-radius:999px;padding:4px 12px;font-size:11px;}
.rel-doc .rd-chips b{font-weight:700;margin-right:4px;}
.rel-doc .rd-kpis{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;margin-bottom:22px;}
.rel-doc .rd-kpi{border:1px solid #cfe6d6;border-radius:10px;padding:12px 14px;min-width:0;}
.rel-doc .rd-kpi .l{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#4b5d50;}
.rel-doc .rd-kpi .v{font-size:18px;font-weight:700;color:#14532d;margin-top:3px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rel-doc .rd-kpi .f{font-size:10.5px;color:#6b7b70;margin-top:3px;}
.rel-doc .rd-h2{font-size:13px;font-weight:700;color:#14532d;margin:0 0 10px;}
.rel-doc .rd-bloco{margin-bottom:22px;break-inside:avoid;page-break-inside:avoid;}
.rel-doc .rd-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.rel-doc .rd-grid2 > *{min-width:0;}

/* tabela: cabeçalho verde claro, filete fino, total em verde escuro */
.rel-doc table{width:100%;border-collapse:collapse;font-size:11.5px;}
.rel-doc thead{display:table-header-group;}
.rel-doc thead th{
  background:#e9f4ec;color:#14532d;padding:8px 10px;border-bottom:none;text-align:left;
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;
}
.rel-doc tbody td{padding:7px 10px;border-bottom:1px solid #e3ece6;color:#16251b;white-space:normal;}
.rel-doc tbody tr{break-inside:avoid;page-break-inside:avoid;}
.rel-doc tbody tr:hover{background:none;}
.rel-doc .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;}
.rel-doc tbody tr.rel-total td{background:#14532d;color:#fff;font-weight:700;border-bottom:none;}

/* relação de lançamentos (para entregar com as notas) */
.rel-doc table.rel-lanc{font-size:10.5px;}
.rel-doc table.rel-lanc thead th{padding:7px 6px;font-size:9.5px;}
.rel-doc table.rel-lanc tbody td{padding:6px;vertical-align:top;}
.rel-doc table.rel-lanc td.n{color:#6b7b70;font-weight:700;width:28px;}
.rel-doc table.rel-lanc td.nw{white-space:nowrap;}
.rel-doc tbody tr.rel-sub td{background:#f3f8f4;color:#14532d;font-weight:700;border-bottom:1px solid #dfe8e2;}
/* página seguinte da relação: cabeçalho da folha repetido (sai da margem do corpo) */
.rel-doc .rd-cab-rep{break-before:page;page-break-before:always;margin:0 -40px 22px;}
.rel-doc .rd-pg-relacao{page:relacao;}
.rel-doc .rd-nova-pag{position:relative;border-top:1px dashed #b8c7bd;margin:28px -40px 0;}
.rel-doc .rd-nova-pag span{position:absolute;left:100%;margin-left:8px;top:-7px;white-space:nowrap;font-size:10px;color:#6b7b70;}
.rel-doc .rd-assin{display:grid;grid-template-columns:1fr 1fr 150px;gap:28px;margin-top:56px;break-inside:avoid;page-break-inside:avoid;}
.rel-doc .rd-assin div{border-top:1px solid #16251b;padding-top:6px;font-size:10.5px;color:#4b5d50;}
.rel-doc .rd-assin b{display:block;color:#16251b;font-size:11px;}

/* gráficos (SVG com viewBox, largura 100%) */
.rel-doc svg{display:block;max-width:100%;}
.rel-doc .rc-grid{stroke:#dfe8e2;stroke-width:1;stroke-dasharray:3 4;}
.rel-doc .rc-base{stroke:#c3d2c8;stroke-width:1;}
.rel-doc .rc-eixo{fill:#6b7b70;font-size:10px;}
.rel-doc .rc-nome{fill:#16251b;font-size:11px;}
.rel-doc .rc-val{fill:#16251b;font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums;}
.rel-doc .rc-hit{fill:transparent;}
.rel-doc .chart-legend{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-start;margin:8px 0 0;font-size:10.5px;color:#4b5d50;}
.rel-doc .chart-legend span{display:inline-flex;align-items:center;gap:5px;}
.rel-doc .chart-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;}
.rel-doc .donut{display:flex;align-items:center;gap:14px;flex-wrap:nowrap;justify-content:flex-start;min-height:0;}
.rel-doc .donut-ring{position:relative;width:150px;height:150px;flex:none;}
.rel-doc .donut-ring svg{width:150px;height:150px;}
.rel-doc .donut-ring .center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.rel-doc .donut-ring .center b{font-size:13px;font-weight:700;color:#14532d;font-variant-numeric:tabular-nums;}
.rel-doc .donut-ring .center span{font-size:10px;color:#6b7b70;}
.rel-doc .donut-legend{display:flex;flex-direction:column;gap:7px;min-width:0;}
.rel-doc .donut-legend .row{display:flex;align-items:flex-start;gap:7px;}
.rel-doc .donut-legend .row i{width:8px;height:8px;border-radius:50%;margin-top:4px;flex:none;}
.rel-doc .donut-legend .row .t{font-size:10.5px;color:#4b5d50;}
.rel-doc .donut-legend .row .v{font-size:12px;font-weight:700;color:#16251b;font-variant-numeric:tabular-nums;}
.rel-doc .rel-unico{border:1px solid #cfe6d6;border-radius:10px;padding:18px;}
.rel-doc .rel-unico .l{font-size:11px;color:#4b5d50;}
.rel-doc .rel-unico .v{font-size:22px;font-weight:700;color:#14532d;margin-top:4px;font-variant-numeric:tabular-nums;}

/* ranking: posição (ouro/prata/bronze), nome, barra, valor, % */
.rel-doc .rk-leg{margin:0 0 10px;}
.rel-doc .rk-row{
  display:grid;grid-template-columns:24px minmax(0, 1.3fr) minmax(0, 2fr) 104px 48px;align-items:center;gap:10px;
  padding:7px 0;border-bottom:1px solid #e3ece6;break-inside:avoid;page-break-inside:avoid;
}
.rel-doc .rk-pos{width:22px;height:22px;border-radius:50%;background:#e5e7eb;color:#374151;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;}
.rel-doc .rk-pos.ouro{background:#E8C34A;color:#4d3900;}
.rel-doc .rk-pos.prata{background:#C9CDD2;color:#2b3036;}
.rel-doc .rk-pos.bronze{background:#D19A66;color:#43260b;}
.rel-doc .rk-nome{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rel-doc .rk-barra{display:flex;height:10px;border-radius:5px;background:#eef3ef;overflow:hidden;}
.rel-doc .rk-barra i{display:block;height:100%;}
.rel-doc .rk-val{text-align:right;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;}
.rel-doc .rk-pct{text-align:right;color:#6b7b70;font-variant-numeric:tabular-nums;}

/* rodapé da folha na prévia (na impressão vai nas margens da página, ver @page) */
.rel-doc .rd-rodape{display:flex;justify-content:space-between;gap:16px;padding:12px 40px 18px;border-top:1px solid #e3ece6;font-size:10px;color:#6b7b70;}
.rel-doc .rd-quebra{position:absolute;left:0;right:0;border-top:1px dashed #b8c7bd;pointer-events:none;}
.rel-doc .rd-quebra span{position:absolute;left:100%;margin-left:8px;top:-7px;white-space:nowrap;font-size:10px;color:#6b7b70;}

@page{
  size:A4;
  margin:12mm 0 16mm 0;
  @bottom-left{content:"Seiva do Vale Importação e Exportação de Fertilizantes Ltda";font:8pt Arial, sans-serif;color:#6b7b70;padding-left:10.6mm;}
  @bottom-right{content:"Página " counter(page) " de " counter(pages);font:8pt Arial, sans-serif;color:#6b7b70;padding-right:10.6mm;}
}
@page :first{margin-top:0;}
@page relacao{margin-top:0;} /* relação de lançamentos: toda página começa pelo cabeçalho da folha */
@media print{
  html, body{margin:0;padding:0;background:#fff;}
  .rel-doc{width:auto;min-height:0 !important;}
  .rel-doc .rd-rodape, .rel-doc .rd-quebra, .rel-doc .rd-nova-pag{display:none;}
}