/* Hazri print styles (Builder B). Screen: the print root stays hidden.
   ID cards print at CR80 size (85.6 x 54 mm), 3 per row; payslips print clean on A4. */

#hz-print-root{display:none}

@media print{
  body.hz-printing > #app{display:none !important}
  body.hz-printing > #hz-print-root{display:block !important}

  #hz-print-root{color:#111;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',sans-serif;font-size:9pt;line-height:1.4}
  #hz-print-root *{-webkit-print-color-adjust:exact;print-color-adjust:exact}

  /* ---------- ID cards: CR80, 3 per row ---------- */
  @page idcards{size:A4 landscape;margin:10mm}
  body.hz-print-idcards #hz-print-root{page:idcards}
  .p-idgrid{display:grid;grid-template-columns:repeat(3,85.6mm);gap:7mm 6mm;justify-content:center;align-content:start}
  .p-idcard{width:85.6mm;height:54mm;border:.35mm solid #cfcfd6;border-radius:2.5mm;overflow:hidden;background:#fff;break-inside:avoid;page-break-inside:avoid}
  .p-idc-bar{height:2.6mm}
  .p-idc-head{display:flex;align-items:center;gap:3mm;padding:2.6mm 3.4mm 1.6mm}
  .p-idc-logo{width:8mm;height:8mm;border-radius:1.8mm;object-fit:cover}
  .p-idc-mark{width:8mm;height:8mm;border-radius:1.8mm;background:#B7791F;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11pt;flex:none}
  .p-idc-coname{font-weight:700;font-size:10.5pt;line-height:1.2}
  .p-idc-cosub{font-size:6.5pt;color:#666;text-transform:uppercase;letter-spacing:.09em}
  .p-idc-body{display:flex;gap:3.4mm;padding:1mm 3.4mm 0}
  .p-idc-photo{width:17mm;height:21mm;border-radius:1.6mm;object-fit:cover;background:#f0f0f3;flex:none}
  .p-idc-nophoto{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12pt;color:#888}
  .p-idc-kvs{flex:1;min-width:0}
  .p-idc-kv{font-size:8.5pt;margin-bottom:1.4mm;line-height:1.3}
  .p-idc-kv span{display:block;font-size:6pt;text-transform:uppercase;letter-spacing:.08em;color:#666}
  .p-idc-kv strong{font-weight:700}
  .p-idc-code{font-size:10pt;font-weight:700;letter-spacing:.06em}
  .p-idc-back{display:flex;gap:3.4mm;align-items:center;padding:1mm 3.4mm 0}
  .p-idc-qr{width:24mm;height:24mm;flex:none}
  .p-idc-qr-missing{width:24mm;height:24mm;border:.35mm dashed #999;display:flex;align-items:center;justify-content:center;color:#888;font-size:7pt;text-align:center;flex:none}

  /* ---------- Payslip: clean A4 ---------- */
  @page payslip{size:A4;margin:14mm}
  body.hz-print-payslip #hz-print-root{page:payslip}
  body.hz-print-payslip .payslip{max-width:none}
  body.hz-print-payslip .pl-head{border-bottom:.7mm solid #111;padding-bottom:4mm;margin-bottom:5mm}
  body.hz-print-payslip .pl-co{font-size:15pt}
  body.hz-print-payslip .pl-sub{font-size:10pt;color:#333}
  body.hz-print-payslip .pl-table{font-size:10pt}
  body.hz-print-payslip .pl-table th{font-size:8pt;color:#333;border-bottom:.35mm solid #666;padding:2.4mm 3mm}
  body.hz-print-payslip .pl-table td{border-bottom:.3mm solid #bbb;padding:2.6mm 3mm}
  body.hz-print-payslip .pl-table tr.pl-net td{border-top:.7mm solid #111;font-size:12pt}
  body.hz-print-payslip .pl-sign{margin-top:14mm}
  body.hz-print-payslip .pl-sign span{border-top:.35mm solid #666;color:#333;font-size:9pt;min-width:52mm}
  body.hz-print-payslip .hz-muted{color:#333 !important}
}