/* ZEBIT · relatorio em PDF (A4), pela impressao do navegador. O desenho e o da tela de computador:
   as regras de tela estreita valem so para tela. Capa e proximo passo ocupam a pagina inteira, sem
   margem; cada capitulo abre pagina; o rodape leva o nome da empresa (a regra com o nome e escrita
   pelo relatorio.js) e o numero da pagina. */
@page{size:A4;margin:20mm 16mm 19mm;
  @top-left{content:"ZEBIT";font:700 8pt "Inter",system-ui,sans-serif;letter-spacing:.14em;color:#0A0D14}
  @top-right{content:"Diagnóstico de performance";font:500 8pt "Inter",system-ui,sans-serif;color:#8E97A6}
  @bottom-left{content:"ZEBIT Performance Scan";font:500 8pt "Inter",system-ui,sans-serif;color:#8E97A6}
  @bottom-right{content:counter(page) " / " counter(pages);font:500 8pt "Inter",system-ui,sans-serif;color:#8E97A6}
}
@page :first{margin:0;
  @top-left{content:none}
  @top-right{content:none}
  @bottom-left{content:none}
  @bottom-right{content:none}
}
@page escura{margin:0;
  @top-left{content:none}
  @top-right{content:none}
  @bottom-left{content:none}
  @bottom-right{content:none}
}
@media print{
  *,*::before,*::after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;animation:none!important;transition:none!important}
  html,body,body[data-tela="relatorio"]{background:#fff!important}
  .topo,.rel-fixa,.toast,.nao-imprime{display:none!important}
  .relatorio{padding:0}
  .rel{max-width:none;border-radius:0;box-shadow:none;overflow:visible}
  .rel>section{padding:0;border:0!important}
  a{color:inherit;text-decoration:none}

  /* paginas inteiras, sem margem: capa e proximo passo */
  .rel>.capa{height:297mm;min-height:0;padding:24mm 20mm 22mm;break-after:page}
  .capa h1{font-size:56pt}
  .rel>.proximo{page:escura;min-height:296mm;padding:26mm 20mm 22mm;box-sizing:border-box}
  .so-impressao{display:block!important;margin-top:9mm;padding-top:6mm;border-top:1px solid rgba(255,255,255,.18);font-size:11pt;line-height:1.5;color:#D5DBE5}

  /* cada capitulo abre pagina; os anexos curtos seguem na mesma */
  .cap{break-before:page}
  .guia{break-before:auto}
  #cap-indicadores,#cap-tecnologia,#cap-respostas,#cap-metodo{break-before:auto;margin-top:13mm}
  .cap-cab{margin-bottom:8mm}
  h2,h3,h4,.rot,.cap-cab,.cap-n{break-after:avoid}
  .sin,.sin-prios li,.sin-fortes,.sin-proximo,.sin-pesou li,.base,.retrato-radar,.dims li,.padroes article,.contou li,.passos li,.medir,.pr-validar,.pr-tec,.plano-h,.metodo,.px-corpo,.px-frentes li,
  .ma-cel,.sinais li,.kpis li,.valor,.tb tr,.tb-ind,.caminho li,.palavras li,.met-lista li,.indice li,.ler dt,.ler dd{break-inside:avoid}
  .ler dt{break-after:avoid}
  .quadro,.pr-fecho{break-inside:avoid}
  .quadro:has(.tb-resp){break-inside:auto}
  .quadro+.quadro{margin-top:9mm}
  .quadro figcaption{padding-bottom:2.6mm}
  .quadro-base{margin-top:3mm;font-size:8pt}
  .pr-fecho{margin-top:5.5mm;padding:4mm 6mm 4.4mm}
  .pr-fecho>.rot{margin-bottom:2.6mm;font-size:9pt}
  .tb-resp{font-size:9.4pt}
  .tb-resp td{padding:1.75mm 3mm 1.75mm 0}

  /* medidas do papel: a largura util e de 178 mm */
  .rel h2{font-size:23pt}
  .cap-lead,.px-lead{font-size:11.5pt}
  .guia-corpo{gap:0 12mm}
  .indice a{padding:1.9mm 0}
  .indice b{font-size:11pt}
  .indice em{font-size:9pt}
  .guia-anexos{margin-top:7mm}
  .indice-anexos a{padding:1.5mm 0}
  .indice-anexos b{font-size:9.6pt}
  .guia .cap-cab{margin-bottom:6mm}
  .base{margin-bottom:9mm}
  .sin{gap:0 12mm}
  .sin-indice strong{font-size:74pt}
  .rel-leitura-txt{font-size:12.5pt}
  .sin-pesou{margin-top:5.5mm}
  .sin-pesou li:nth-child(n+3),.sin-proximo{display:none}
  .sin-pesou li{padding:2mm 0 2.2mm}
  .sin-pesou b{font-size:10.4pt}
  .sin-prios{margin-top:6mm}
  .sin-prios li{grid-template-columns:7mm minmax(0,1fr) 34mm 20mm;gap:4mm;padding:2.3mm 0}
  .sin-fortes{margin-top:4.5mm;font-size:10.6pt}
  .sin-proximo{margin-top:4.5mm;padding-top:3mm;font-size:10.6pt}
  #cap-sintese .cap-cab{margin-bottom:6mm}
  .retrato{gap:0 10mm}
  .rel-radar{max-width:78mm}
  .dims li{padding:3mm 0 3.2mm}
  .padroes{gap:0 12mm}
  .padroes{border-bottom:0}
  .padroes article{padding:4mm 0 4.2mm}
  .padroes p{font-size:10pt;line-height:1.5}
  .padroes h3{font-size:12.4pt}
  .cap-prio .cap-cab{margin-bottom:5mm}
  .pr-medida{margin:-2mm 0 6mm}
  /* no papel a coluna da direita e mais larga e, a partir da terceira resposta, o sinal fica so no anexo */
  .duas{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:0 10mm}
  .contou-alav li:nth-child(n+3){display:none}
  .contou li{padding:2.5mm 0 2.7mm}
  .contou b{font-size:10.4pt}
  .contou p{font-size:9.2pt;line-height:1.42}
  .porque{gap:1.2mm}
  .porque li{font-size:9.6pt}
  .txt{font-size:10pt;line-height:1.5}
  .passos{gap:2.2mm}
  .passos li{font-size:10pt;line-height:1.45}
  .medir strong{font-size:10.4pt}
  .medir span{font-size:9.4pt}
  .duas .rot:not(:first-child){margin-top:4.6mm}
  .pr-validar{gap:0 10mm}
  .pr-validar dd{margin-top:1.2mm;font-size:9.9pt;line-height:1.42}
  .pr-tec{margin-top:4.4mm;padding-top:3.4mm;font-size:9.6pt}
  .plano-legenda{gap:1.6mm 6mm;margin-bottom:4mm;font-size:9.6pt}
  .plano-h{grid-template-columns:36mm minmax(0,1fr);gap:0 8mm;padding:4mm 0 4.2mm}
  #cap-plano .cap-cab{margin-bottom:5mm}
  .plano-quando strong{font-size:30pt}
  .plano-txt strong{font-size:20pt}
  .plano-h ol{gap:2.1mm}
  .plano-h li p{font-size:10.2pt;line-height:1.42}
  .px-corpo{margin-top:11mm;gap:0 12mm}
  .ma{gap:0 5mm}
  .ma-cel{padding:2.6mm 0 3mm}
  .sinais{gap:5.5mm}
  .sinais li{padding:1.8mm 0 2mm;font-size:9.3pt}
  .kpis{margin-top:7mm}
  .valor-bl{margin-top:9mm}
  .metodo{gap:0 9mm}
  .met-lista li{padding:1.7mm 0;font-size:9.3pt}
  .metodo p{font-size:9.5pt;line-height:1.5}
  #cap-metodo{margin-top:10mm}
  #cap-metodo .cap-cab{margin-bottom:5mm}
  .rel>.rel-rodape{margin-top:10mm;padding:5mm 0 0}
}