#page-payroll{max-width:none;width:100%}
#payrollWrap{max-height:65vh;overflow:auto;scrollbar-width:auto}
#payrollGrid{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}
#payrollGrid th,#payrollGrid td{box-sizing:border-box;padding:9px 8px;min-width:104px;border-right:1px solid #dce4ed;text-align:center;white-space:nowrap}
#payrollGrid thead th{background:#e8eef8;position:sticky;top:0;z-index:5;height:40px;box-sizing:border-box}
#payrollGrid thead tr:nth-child(2) th{top:40px}
#payrollGrid .pay-dept{min-width:130px;width:130px;max-width:130px;left:0;position:sticky;background:#f1f5fa;z-index:3;white-space:normal;border-right:2px solid #c9d5e4}
#payrollGrid .pay-name{min-width:160px;width:160px;max-width:160px;left:130px;position:sticky;background:#fff;z-index:3;text-align:left;border-right:2px solid #c9d5e4;white-space:normal}
#payrollGrid thead .pay-dept,#payrollGrid thead .pay-name{z-index:8;background:#e8eef8}
#payrollGrid .pay-benefit{background:#eff9f2}
#payrollGrid .pay-deduction{background:#fff3ef}
#payrollGrid .pay-net{background:#fff1ac;font-weight:700;min-width:140px}
#payrollGrid .pay-total{font-weight:700}
#payrollGrid input{width:90px;padding:7px 5px;border:1px solid #cbd5e1;border-radius:4px;text-align:right;background:#fff;color:var(--text-primary)}
#payrollGrid input:disabled{opacity:.6}
#payrollGrid .pay-resigned{display:block;font-size:11px;color:#be123c;margin-top:4px}