.payroll-intro{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px}.payroll-intro h3{font-size:16px;margin-bottom:5px}.payroll-intro p{font-size:11px;color:var(--muted);line-height:1.8;max-width:590px}.payroll-intro .row-actions{flex-wrap:wrap}.payroll-period-bar{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:18px 0}.payroll-period-bar label{min-width:200px}.payroll-period-bar .row-actions{margin-left:auto;flex-wrap:wrap}.payroll-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.payroll-summary .panel{padding:17px}.payroll-summary small,.payroll-summary strong{display:block}.payroll-summary small{color:var(--muted)}.payroll-summary strong{font-size:23px;margin-top:9px}.payroll-table{margin-bottom:18px}.payroll-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.payroll-person{padding:18px;display:flex;justify-content:space-between;flex-direction:column;gap:18px}.payroll-person h3{margin:9px 0 0}.payroll-person small{color:var(--muted)}
@media(max-width:850px){.payroll-summary{grid-template-columns:1fr 1fr}.payroll-intro{display:block}}