.ph-schedule-grid,.ph-remittance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ph-schedule-grid>div{border:1px solid var(--line);border-radius:9px;padding:16px}.ph-schedule-grid p,.ph-remittance p{font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0}.ph-remittance{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.ph-remittance-grid a{font-size:10px;color:var(--green)}.ph-payslip-dialog{max-width:920px}.ph-payslip{color:#263b33;background:white}.ph-slip-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:2px solid var(--green);padding-bottom:18px}.ph-slip-header h2{font-size:27px;letter-spacing:2px;margin-top:8px}.ph-slip-header p{margin:8px 0 0!important}.ph-slip-details{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;padding:23px 0}.ph-slip-details small{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.ph-slip-details strong,.ph-slip-details span{font-size:12px;line-height:1.5}.ph-slip-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line)}.ph-slip-columns h3{font-size:12px!important;letter-spacing:1px}.ph-slip-line{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:9px 0;font-size:11px;border-bottom:1px solid #edf0e8}.ph-slip-line strong{white-space:nowrap}.ph-slip-line.total{border-top:2px solid var(--line);margin-top:12px;font-weight:700}.ph-slip-net{display:flex;justify-content:space-between;align-items:center;background:#edf3e6;border-radius:8px;padding:18px 20px;margin-top:22px;font-size:14px;font-weight:700}.ph-slip-net strong{font-size:25px}.ph-employer-shares{border:1px solid var(--line);padding:12px 16px;margin-top:20px;border-radius:8px}.ph-employer-shares h3{font-size:11px!important;margin:0 0 12px!important}.ph-employer-shares>span{display:inline-block;margin:0 20px 8px 0;font-size:10px}.ph-slip-footer{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}.ph-slip-footer p{font-size:10px!important}.ph-payslip .note{font-size:10px!important}@media(max-width:650px){.ph-schedule-grid,.ph-remittance-grid{grid-template-columns:1fr}.ph-slip-header{flex-direction:column}.ph-slip-details{gap:13px}.ph-slip-columns{grid-template-columns:1fr;gap:8px}.ph-slip-net strong{font-size:22px}.ph-payslip-dialog .modal-body{padding:18px}}
@media print{body:has(.ph-payslip-dialog[open]) #app,body:has(.ph-payslip-dialog[open]) #toast{display:none!important}.ph-payslip-dialog[open]{position:static!important;display:block!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;margin:0!important;border:0!important;box-shadow:none!important}.ph-payslip-dialog .modal-head,.ph-payslip-dialog .modal-foot{display:none!important}.ph-payslip-dialog .modal-body{padding:0!important}.ph-slip-details,.ph-slip-columns{grid-template-columns:1fr 1fr!important}.ph-payslip{font-family:Arial,sans-serif!important}.ph-slip-net{print-color-adjust:exact;-webkit-print-color-adjust:exact}.ph-slip-footer,.ph-employer-shares{break-inside:avoid}@page{size:A4;margin:15mm}}
.ph-slip-header{padding-bottom:12px}.ph-slip-header h2{font-size:24px}.ph-slip-details{padding:16px 0;gap:12px 24px}.ph-slip-line{padding:7px 0}.ph-slip-columns h3{margin:14px 0 8px!important}.ph-slip-net{padding:13px 17px;margin-top:16px}.ph-employer-shares{margin-top:15px}.ph-slip-footer{margin-top:14px;padding-top:8px}