/* stampa.css - foglio di lavoro cartaceo. La vista Mese si stampa come
   checklist con caselle vuote da barrare in reparto.  #ANCHOR: css-stampa */
@media print {
  @page { size: A4 portrait; margin: 12mm 10mm; }
  :root { --superficie: #fff; --fondo: #fff; --inchiostro: #000; --tenue: #555;
          --bordo-lieve: #ccc; }

  .testa, .strumenti, .avvisi, .pop, .cassetto, .velo, .barra-massa,
  .mese-nav, .selez, .crono-testa .col-tot { display: none !important; }
  body { background: #fff; color: #000; font-size: 10pt; }
  .area { overflow: visible !important; height: auto !important; }

  .stampa-testa { display: block !important; margin-bottom: 8mm; border-bottom: 1.5pt solid #000;
    padding-bottom: 3mm; }
  /* sul foglio il titolo resta il display serif: e' la stessa voce dei documenti
     che l'applicazione genera */
  .stampa-testa h1 { margin: 0; font-family: var(--f-serif); font-weight: 600;
    font-size: 17pt; letter-spacing: -.02em; }
  .stampa-testa p { margin: 2mm 0 0; font-size: 8.5pt; color: #444; }

  .lavoro { padding: 0; }
  .lavoro .cli-sep { position: static; background: none; padding: 4mm 0 1.5mm;
    font-size: 10.5pt; border-bottom: .5pt solid #999; break-after: avoid; }
  .scheda { border: 0; border-bottom: .4pt solid #ccc; border-radius: 0; margin: 0;
    padding: 2.2mm 0; box-shadow: none !important; background: none !important;
    break-inside: avoid; }
  .scheda .info b { font-size: 10pt; }
  .scheda .info .meta { font-size: 7.5pt; }
  .passi-riga { gap: 4mm; padding: 0; background: none; }
  .scheda .tag.completo { display: none !important; }
  .passi-riga .passo { border: 0; background: none; padding: 0; gap: 2mm; }
  .passi-riga .passo .box { width: 4mm; height: 4mm; border: .8pt solid #000; border-radius: .8mm;
    background: none !important; }
  .passi-riga .passo .box svg { display: none; }
  .passi-riga .passo[aria-checked="true"] .box::after { content: "X"; font: 700 8pt/4mm monospace; color: #000; }
  .passi-riga .passo .et { font-size: 7.5pt; }
  .passi-riga .passo .chi { display: none; }

  /* la griglia anno, se stampata, va in orizzontale */
  .crono { padding: 0; }
  .crono-testa { position: static; }
}
