.payroll-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.payroll-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:15px;margin-top:15px;align-items:start}.payroll-profile-list{display:grid;gap:8px;max-height:570px;overflow:auto}.payroll-profile-list>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px;border:1px solid #e1e8ef;border-radius:11px;background:#fff;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}.payroll-profile-list>button:hover{border-color:#8fc5e6;background:#f6fbff}.payroll-profile-list span{display:grid;gap:3px}.payroll-profile-list small{color:#748194;font-size:9px}.payroll-profile-rate{text-align:right}.payroll-profile-rate>b{color:#0871a9;font-size:12px}.payroll-modal{width:min(680px,100%)}.payroll-adjust-modal{width:min(560px,100%)}.payroll-check label{display:flex;align-items:center;gap:8px;text-transform:none;font-size:11px}.payroll-check input{width:auto}.payroll-formula{padding:12px;border:1px solid #dce8f1;border-radius:11px;background:#f6fafd}.payroll-formula b,.payroll-formula span,.payroll-formula small{display:block;margin-bottom:5px}.payroll-formula span{color:#173d59;font-size:11px}.payroll-formula small{color:#718093;line-height:1.5}.payroll-detail-card{margin-top:15px}.payroll-items-table{min-width:1120px}.payroll-runs-table{min-width:720px}.payroll-items-table td{vertical-align:top}.payroll-page .kpi strong{font-size:18px}
.payroll-modal [hidden]{display:none!important}
@media(max-width:900px){.payroll-layout{grid-template-columns:1fr}.payroll-profile-list{max-height:none}}
@media(max-width:720px){.payroll-actions{width:100%;justify-content:stretch}.payroll-actions .btn{flex:1}.payroll-page .hero{align-items:stretch}.payroll-page .kpi strong{font-size:15px}}