#payrollAdmin .payroll-toolbar{align-items:flex-end}
#payrollAdmin .payroll-toolbar h2{margin-right:auto}
.payroll-controls{align-items:flex-end}
.payroll-field{display:grid;gap:4px}
.payroll-field label{margin:0}
.payroll-field input,.payroll-field select{min-height:40px}
.payroll-field select{min-width:170px}
.payroll-field input{width:170px}
.payroll-icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;padding:0;color:#08712f;font-size:23px;line-height:1}
.payroll-icon-button:disabled{cursor:wait;opacity:.55}
.payroll-message{margin-bottom:12px;padding:11px;border-radius:9px;background:#fff3d9}
.payroll-message.success{background:#e6f7ed;color:#08712f}
.payroll-card{margin-bottom:16px;padding:0;overflow:hidden}
.payroll-card h3{margin:0;padding:14px 16px;border-bottom:1px solid var(--line)}
.payroll-table-wrap{overflow:auto}
#payrollAdmin table{white-space:nowrap}
#payrollAdmin th{background:#eaf2f5;font-size:13px}
#payrollAdmin td{vertical-align:middle}
#payrollAdmin td input,#payrollAdmin td select{min-height:36px;padding:7px}
#payrollAdmin td .payroll-bonus-units{width:80px;min-width:80px;max-width:80px;text-align:right}
#payrollAdmin td .payroll-payment-input{width:108px;text-align:right;font-variant-numeric:tabular-nums}
#payrollAdmin .payroll-number{text-align:right;font-variant-numeric:tabular-nums}
#payrollAdmin .positive{color:#08783e;font-weight:700}
#payrollAdmin .negative{color:#b42318;font-weight:700}
#payrollAdmin .neutral,#payrollAdmin .not-applicable{color:var(--muted)}
#payrollAdmin .payroll-info{min-width:220px;white-space:normal}
#payrollAdmin tr.snapshot{background:#f7fafb}
#payrollAdmin .payroll-status{font-weight:700}
#payrollAdmin .payroll-action-cell{white-space:normal;min-width:190px}
#payrollAdmin .payroll-row-error{margin-top:6px;color:#b42318;font-size:12px;line-height:1.3}
.employee-payroll-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.employee-payroll-fields input,.employee-payroll-fields select{width:100%}
@media(max-width:1023px){#payrollAdmin .payroll-toolbar,.payroll-controls{width:100%}.payroll-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-field,.payroll-field input,.payroll-field select{width:100%}}
@media(max-width:767px){.payroll-controls,.employee-payroll-fields{grid-template-columns:1fr}}