.payroll-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:16px;margin:0 0 20px;padding:17px 22px;background:#fff;border:1px solid #dce6e4;border-radius:14px}
.payroll-progress li{display:flex;align-items:center;justify-content:center;text-align:center;gap:11px;color:#73878c}
.payroll-progress li>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border:1px solid #dce6e4;border-radius:50%;font-size:.8rem}
.payroll-progress strong{display:block;font-size:.85rem;font-weight:600}.payroll-progress small{display:block;font-size:.65rem;margin-top:2px}
.payroll-progress .current{color:#2479bd}.payroll-progress .current>span{background:#e9f3fc;border-color:#2479bd}
.payroll-progress .complete{color:#218063}.payroll-progress .complete>span{background:#e4f4ec;border-color:#b9ddcd;font-weight:800}
@media(max-width:560px){.payroll-progress{padding:12px;gap:8px}.payroll-progress li{gap:6px;align-items:flex-start}.payroll-progress strong{font-size:.72rem}.payroll-progress small{font-size:.6rem}.payroll-progress li>span{flex-basis:22px;height:22px}}