.payroll-panel{padding:22px}.payroll-panel>.field{max-width:420px}.payroll-panel p{line-height:1.6}.payroll-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.payroll-rates article{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.payroll-rates span{display:block;color:var(--muted);font-size:.8rem;margin-bottom:8px}.payroll-rates b{display:block;font-size:1.2rem;overflow-wrap:anywhere}.payroll-lines{margin:20px 0}.payroll-lines>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.payroll-lines dt{color:var(--muted)}.payroll-lines dd{font-weight:700;margin:0;white-space:nowrap}.payroll-lines .payroll-net{padding:20px 0 8px;border:0;font-size:1.3rem}.payroll-net dt{font-weight:700;color:inherit}.payroll-formula,.payroll-warning{padding:14px;background:#fff7e6;border-radius:10px}.payroll-check{display:flex;gap:9px;align-items:flex-start;margin:12px 0;line-height:1.5}.payroll-check input{flex:0 0 18px;width:18px!important;height:18px;margin:2px 0}.payroll-checks{display:flex;flex-wrap:wrap;gap:8px 24px}.payroll-absence-list article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-top:1px solid var(--line)}.payroll-absence-list span{display:block;font-size:.82rem;color:var(--muted);margin-top:6px}.payroll-absence-list p{margin:6px 0 0;overflow-wrap:anywhere}.payroll-section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.payroll-review{position:fixed;inset:0;margin:auto;border:1px solid var(--line);border-radius:20px;background:#fff;width:min(540px,calc(100vw - 30px));max-height:85vh;overflow:auto}.payroll-review::backdrop{background:#17151c80}.payroll-review p{line-height:1.65}.payroll-review-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.payroll-review [role=status]{color:#a52720}.payroll-quote-head{margin-top:18px}
.payroll-panel div.field{display:flex;flex-direction:column;gap:8px}.payroll-panel div.field small{font-weight:400;color:var(--muted)}
@media(max-width:600px){.payroll-panel{padding:17px}.payroll-rates{grid-template-columns:1fr;gap:8px}.payroll-rates article{display:flex;align-items:center;justify-content:space-between;gap:12px}.payroll-rates span{margin:0}.payroll-lines>div{gap:12px}.payroll-lines .payroll-net{font-size:1.1rem}.payroll-absence-list article{align-items:flex-start;flex-direction:column}.payroll-absence-list .btn{align-self:flex-end}.payroll-review-actions .btn{flex:1}}