Fix print layout on macOS

styles.css

@@ -777,15 +777,29 @@ input[type="date"] {
 /* Print styles */
 @media print {
   @page {
+    size: A4;
     margin: 12mm 10mm 18mm 10mm; /* plus d'espace en bas pour le numéro de page */
   }
 
+  html,
+  body {
+    background: #ffffff !important;
+  }
+
   body {
     -webkit-print-color-adjust: exact;
     print-color-adjust: exact;
     padding-bottom: 22mm; /* réserve de place pour le footer de page */
   }
 
+  /* S'assurer que seule la preview occupe la largeur papier (Safari/Chrome macOS) */
+  .container {
+    grid-template-columns: 1fr !important;
+    padding: 0 !important;
+    margin: 0 auto !important;
+    max-width: 210mm;
+  }
+
   /* Numérotation auto des pages (Chrome/Edge) */
   body::after {
     content: "Page " counter(page) " / " counter(pages);
@@ -815,6 +829,8 @@ input[type="date"] {
     box-shadow: none !important;
     border: none !important;
     background: transparent !important;
+    max-width: 210mm;
+    width: 100%;
   }
 
   /* Affiche uniquement les pages prêtes à être imprimées */
@@ -850,6 +866,21 @@ input[type="date"] {
     font-weight: 500;
     color: #1f3fae;
   }
+
+  /* Grille simplifiée pour l'impression: évite l'étalement sur macOS */
+  .items,
+  .items-head,
+  .items-row {
+    width: 100%;
+  }
+  .items-head,
+  .items-row {
+    grid-template-columns: 2fr 80px 120px 120px;
+  }
+  .items-body .items-row {
+    break-inside: avoid;
+    page-break-inside: avoid;
+  }
 }
 
 /* ===== Templates d'impression ===== */