.payroll-period{flex-wrap:wrap;align-items:flex-end}.payroll-period label{margin:0}.payroll-period input{display:block;width:auto;margin-top:5px}.payroll-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(380px,1.5fr);gap:22px;align-items:start}.payroll-editor{position:sticky;top:15px}.payroll-fields{padding:20px}.payroll-fields fieldset{border:0;padding:0;margin:0;min-width:0}.payroll-fields input,.payroll-fields textarea,.payroll-fields select{display:block;width:100%;padding:10px;border:1px solid var(--line);border-radius:7px;background:white}.payroll-fields .permission-item input{width:18px}.payroll-fields small{font-size:10px;color:#83917f}.payroll-fields button{width:100%;margin-top:12px}.payroll-dirty{color:#b18435;font-size:11px}.payslip-paper{border:1px solid var(--line);border-radius:13px;background:#fff;padding:26px}.payslip-person{padding:16px 0}.payslip-person h2{margin:0;font-size:20px}.payslip-total{background:#edf5e9;color:#275438;border:1px solid #dfebd8;border-radius:11px;padding:20px;display:flex;flex-direction:column;gap:13px;margin:0 0 20px}.payslip-total strong{font-size:28px;line-height:1.8}.payslip-total small{font-size:10px;color:#73926b}.payslip-total.negative-total{background:#fff0ed;border-color:#f1d6cf;color:#b05141}.payslip-paper table{white-space:normal}.payslip-paper td{padding:11px 9px}.payslip-paper tr:last-child td{font-weight:800}.payslip-paper h3{font-size:13px;margin-top:25px}.payroll-notes{white-space:pre-wrap;padding:15px 0}.payslip-paper .report-brand>div:last-child{max-width:170px}.payroll-fields [hidden]{display:none!important}@media(max-width:1100px){.payroll-layout{grid-template-columns:1fr}.payroll-editor{position:static}}@media(max-width:760px){.payslip-paper{padding:16px}.payslip-total strong{font-size:24px}.payroll-period label{width:100%}.payroll-period input{width:100%}}@media print{body.printing-payroll{background:#fff;font-family:Arial,sans-serif}body.printing-payroll aside,body.printing-payroll header,body.printing-payroll footer,body.printing-payroll .page-heading,body.printing-payroll .no-print,body.printing-payroll #toast,body.printing-payroll dialog,body.printing-payroll #app>.card,body.printing-payroll .payroll-editor,body.printing-payroll #payrollPreview>.notice{display:none!important}body.printing-payroll main{margin:0}body.printing-payroll .content{padding:0}body.printing-payroll .payroll-layout{display:block}body.printing-payroll .payslip-paper{padding:0;border:0}body.printing-payroll table{width:100%;font-size:10px;white-space:normal}body.printing-payroll th,body.printing-payroll td{font-size:10px;padding:7px;border-bottom:1px solid #ccc}body.printing-payroll .table-wrap{overflow:visible}body.printing-payroll tr{break-inside:avoid}body.printing-payroll .payslip-total,body.printing-payroll .report-brand,body.printing-payroll .report-signatures{break-inside:avoid}.payslip-paper{print-color-adjust:exact;-webkit-print-color-adjust:exact}}