/* © 2026 Cristian La Porta – RAPPORTINO HT – tutti i diritti riservati
   La pagina stampata del rapportino (A4 verticale): la usano l'app e il pannello. */
.anteprima { padding: 12px; overflow-x: auto; }
.pagina { background: #fff; color: #000; width: 297mm; min-height: 210mm; margin: 0 auto 16px; padding: 6mm 7mm; box-shadow: 0 2px 12px rgba(0,0,0,.15);
  font: 8pt/1.15 Arial, Helvetica, sans-serif; overflow: hidden; }
.pagina table { border-collapse: collapse; width: 100%; }
.pagina td, .pagina th { border: 1px solid #000; padding: .55mm 1.1mm; vertical-align: middle; }
.pagina th { background: #E8E8E8; font-weight: 700; }
.pagina .testa-r td { font-weight: 700; }
.pagina .nome-comm { font-size: 12pt; text-align: center; }
.pagina .corpo { display: grid; grid-template-columns: minmax(0, 37fr) minmax(0, 63fr); gap: 3mm; margin: 2.5mm 0 0; align-items: start; }
.pagina .col-sx, .pagina .col-dx { display: grid; gap: 2mm; align-content: start; }
.pagina .t-att td:last-child { font-size: 7.5pt; }
.pagina .note-st { height: 9mm; vertical-align: top; }
.pagina .c { text-align: center; }
.pagina .x { text-align: center; font-weight: 700; width: 6.5mm; }
.pagina .t-pers { table-layout: fixed; }
.pagina .t-pers th.x { width: 6.4mm; padding: .6mm 0; font-size: 7pt; }
.pagina .t-conta { table-layout: fixed; }
.pagina .t-conta th { font-size: 6pt; padding: .6mm .2mm; overflow: hidden; }
.pagina .gruppo td { background: #F2F2F2; font-weight: 700; }
.pagina .firma-st img { height: 11mm; max-width: 48mm; object-fit: contain; vertical-align: middle; margin-left: 2mm; }
.pagina .piede { margin-top: 2mm; font-size: 7.5pt; color: #555; display: flex; justify-content: space-between; }
.pagina.foto-doc { text-align: center; }
.pagina.foto-doc img { max-width: 100%; max-height: 180mm; object-fit: contain; }
@media print {
  @page { size: A4 landscape; margin: 0; }
  .pagina { box-shadow: none; margin: 0; min-height: 0; page-break-after: always; break-after: page; }
  .pagina:last-child { page-break-after: auto; break-after: auto; }
}
/* iPhone e iPad (Safari, e anche Chrome che lì usa Safari) non girano il foglio: ignorano "A4 landscape" e il rapportino
   usciva tagliato a metà. Lì (classe messa da stampa.js) la pagina si gira di 90° e si rimpicciolisce per starci intera.
   Non con "orientation: portrait": il PC lo vede vero anche quando il foglio lo gira da solo. */
@media print {
  html.stampa-ios .anteprima { padding: 0 !important; overflow: visible !important; }
  html.stampa-ios .pagina:not(.foto-doc) { width: 297mm; height: 210mm; min-height: 0; transform-origin: 0 0;
    transform: translate(201.6mm, 11.9mm) rotate(90deg) scale(.92); }
  html.stampa-ios .pagina.foto-doc { width: 210mm; }
  html.stampa-ios .pagina.foto-doc img { max-height: 270mm; }
}