/* Phieu xac nhan luong — nap trong cua so in (payrollSlipMoCuaSoIn). Moi nguoi mot trang A4. */

@page { size: A4 portrait; margin: 12mm; }

.pl-body { margin: 0; background: #fff; color: #000; font: 12px/1.35 Arial, Helvetica, sans-serif; }

.pl-toolbar { position: sticky; top: 0; display: flex; gap: 8px; justify-content: center; padding: 8px; background: #f1f1f1; border-bottom: 1px solid #ccc; }
.pl-toolbar button { font: 13px Arial, sans-serif; padding: 6px 16px; cursor: pointer; }

.pl-slip { box-sizing: border-box; width: 186mm; margin: 0 auto; padding: 4mm 0; break-after: page; page-break-after: always; font: 12px/1.35 Arial, Helvetica, sans-serif; }
.pl-slip:last-child { break-after: auto; page-break-after: auto; }

.pl-head { text-align: center; margin-bottom: 8px; }
.pl-co { font-weight: 700; font-size: 13px; text-transform: uppercase; }
.pl-br { margin-top: 2px; }
.pl-title { margin: 8px 0 0; font-size: 16px; font-weight: 700; letter-spacing: .3px; }

.pl-tbl { width: 100%; border-collapse: collapse; table-layout: fixed; }
.pl-tbl td { border: 1px solid #888; padding: 2px 6px; vertical-align: middle; }
.pl-k { width: 62%; }
.pl-v { width: 38%; }
.pl-num .pl-v { text-align: right; font-variant-numeric: tabular-nums; }
.pl-sec td { background: #eee; font-weight: 700; text-transform: uppercase; font-size: 11px; letter-spacing: .2px; }
.pl-sub td { font-weight: 700; }
.pl-strong td { background: #f6f6f6; }
.pl-net td { border-top: 2px solid #000; border-bottom: 2px solid #000; background: #eee; font-size: 14px; font-weight: 700; }

.pl-note { margin: 8px 0 0; font-size: 11px; font-style: italic; }

.pl-sign { display: flex; justify-content: space-between; margin-top: 14px; text-align: center; }
.pl-sign > div { flex: 1; min-height: 70px; }
.pl-sign b { display: block; }
.pl-sign span { display: block; font-size: 10px; font-style: italic; }

@media print {
    .pl-toolbar { display: none !important; }
    .pl-body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .pl-slip { padding: 0; }
    .pl-tbl tr { break-inside: avoid; page-break-inside: avoid; }
}
