fix: Update UAT checklist print styles for landscape layout

UAT_GDC_CMOD_Checklist.html

@@ -21,26 +21,72 @@
             padding: 0;
         }
         @media print {
-            body { padding: 1mm; font-size: 10pt; }
+            @page {
+                size: A4 landscape;
+                margin: 5mm;
+            }
+            body { 
+                padding: 0; 
+                font-size: 7pt; 
+                margin: 0;
+            }
             h1 {
-                font-size: 12pt;
+                font-size: 10pt;
                 padding: 1px 0;
                 margin: 0 0 2px 0;
                 page-break-after: avoid !important;
             }
-            .data-table { margin: 0; }
+            h2 {
-            table { page-break-inside: avoid !important; }
+                font-size: 9pt;
-            .container { padding-top: 0; }
+                margin: 5px 0 0 0;
-            tr { page-break-inside: avoid !important; }
+            }
+            .data-table { 
+                margin: 0; 
+                font-size: 6pt;
+                width: 100%;
+                max-width: 100%;
+            }
+            .data-table th,
+            .data-table td {
+                font-size: 6pt;
+                padding: 1px;
+                max-width: 200px;
+            }
+            .data-table th:nth-child(1),
+            .data-table td:nth-child(1) { width: 5%; }
+            .data-table th:nth-child(2),
+            .data-table td:nth-child(2) { width: 15%; }
+            .data-table th:nth-child(3),
+            .data-table td:nth-child(3) { width: 20%; }
+            .data-table th:nth-child(4),
+            .data-table td:nth-child(4) { width: 20%; }
+            .data-table th:nth-child(5),
+            .data-table td:nth-child(5) { width: 15%; }
+            .data-table th:nth-child(6),
+            .data-table td:nth-child(6) { width: 10%; }
+            .data-table th:nth-child(7),
+            .data-table td:nth-child(7) { width: 15%; }
+            table { 
+                page-break-inside: auto !important;
+                table-layout: fixed;
+            }
+            .container { 
+                padding-top: 0; 
+                max-width: 100%;
+                overflow: visible;
+            }
+            tr { page-break-inside: auto !important; }
             input[type="text"] { 
                 border: 1px solid #ccc !important;
                 background: #fff !important;
+                font-size: 6pt;
+                padding: 1px;
             }
             input[type="checkbox"] {
                 -webkit-appearance: square !important;
                 appearance: square !important;
-                width: 10px !important;
+                width: 8px !important;
-                height: 10px !important;
+                height: 8px !important;
             }
         }
         h1 {
@@ -188,17 +234,8 @@
 <tr><td>TC-071</td><td>Concurrent Validation ⚡</td><td>2 user buka validation dialog bersamaan</td><td>Validasi berhasil, tidak conflict ✅</td><td>FITUR CROSS-ROLE 🤝</td><td><input type="checkbox"> ✅ <br> <input type="checkbox"> ❌</td><td><input type="text" value="___________"></td></tr>
 <tr><td>TC-072</td><td>Concurrent Sample Collection ⚡</td><td>2 user collect tube berbeda bersamaan</td><td>Semua berhasil tercatat ✅</td><td>FITUR CROSS-ROLE 🧪</td><td><input type="checkbox"> ✅ <br> <input type="checkbox"> ❌</td><td><input type="text" value="___________"></td></tr>
 <tr><td>TC-073</td><td>Session Timeout ⏱️</td><td>Tunggu session timeout</td><td>Redirect ke login 🔄</td><td>FITUR CROSS-ROLE 🔐</td><td><input type="checkbox"> ✅ <br> <input type="checkbox"> ❌</td><td><input type="text" value="___________"></td></tr>
-<tr><td>TC-074</td><td>Password Hashing Security 🔒</td><td>Buat user → cek database</td><td>Password dalam HASH bukan plain 🛡️</td><td>FITUR CROSS-ROLE 🔐</td><td><input type="checkbox"> ✅ <br> <input type="checkbox"> ❌</td><td><input type="text" value="___________"></td></tr>
+<tr><td>TC-074</td><td>Print Labels 🏷️</td><td>Print individual/collection/all</td><td>Semua labels tercetak 🖨️</td><td>ADM, LAB, PHLEB</td><td><input type="checkbox"> ✅ <br> <input type="checkbox"> ❌</td><td><input type="text" value="___________"></td></tr>
-<tr><td>TC-075</td><td>Legacy Read-Only 👀</td><td>Cek koneksi &amp; fungsi Firebird</td><td>Hanya READ dari Firebird, TIDAK WRITE 🚫✍️</td><td>FITUR CROSS-ROLE 🗄️</td><td><input type="checkbox"> ✅ <br> <input type="checkbox"> ❌</td><td><input type="text" value="___________"></td></tr>
+<tr><td>TC-075</td><td>Edit Comment ✏️</td><td>Edit comment di dashboard</td><td>Comment berubah tersimpan 💾</td><td>SU</td><td><input type="checkbox"> ✅ <br> <input type="checkbox"> ❌</td><td><input type="text" value="___________"></td></tr>
-<tr><td>TC-076</td><td>Print Labels 🏷️</td><td>Print individual/collection/all</td><td>Semua labels tercetak 🖨️</td><td>ADM, LAB, PHLEB</td><td><input type="checkbox"> ✅ <br> <input type="checkbox"> ❌</td><td><input type="text" value="___________"></td></tr>
-<tr><td>TC-077</td><td>Edit Comment ✏️</td><td>Edit comment di dashboard</td><td>Comment berubah tersimpan 💾</td><td>SU</td><td><input type="checkbox"> ✅ <br> <input type="checkbox"> ❌</td><td><input type="text" value="___________"></td></tr>
-</table>
-<h2>📋 Next Plan 📋</h2>
-<table class="data-table">
-<tr><th>ID</th><th>Judul Test Case</th><th>Langkah Utama</th><th>Expected Result</th><th>Role</th><th>Hasil</th><th>Issue/Jawaban</th></tr>
-<tr><td>NP-001</td><td>Collect Sample 🧪</td><td>Buka dialog sample → Collect</td><td>STATUS=1, COLLECTIONDATE &amp; USERID diset ✅</td><td>SU, ADM, LAB</td><td><input type="checkbox"> ✅ <br> <input type="checkbox"> ❌</td><td><input type="text" value="___________"></td></tr>
-<tr><td>NP-002</td><td>Un-Collect Sample ↩️</td><td>Buka dialog sample → Un-Collect</td><td>STATUS di-reset, audit log tercatat 📝</td><td>SU, ADM, LAB</td><td><input type="checkbox"> ✅ <br> <input type="checkbox"> ❌</td><td><input type="text" value="___________"></td></tr>
-<tr><td>NP-004</td><td>Sample Collection Buttons Enabled ✅</td><td>Buka dialog sample</td><td>Tombol Collect/Un-Coll/Un-Recv enabled 🔘</td><td>ADMIN</td><td><input type="checkbox"> ✅ <br> <input type="checkbox"> ❌</td><td><input type="text" value="___________"></td></tr>
 </table>
     </div>
 </body>