.payroll-section-nav{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:-4px 0 16px}
.payroll-section-nav button{border:0;border-bottom:3px solid transparent;background:transparent;padding:11px 3px;color:var(--muted)}
.payroll-section-nav button.active{border-bottom-color:var(--green);color:var(--ink);font-weight:750}
.cost-metrics{grid-template-columns:repeat(4,1fr)}
.cost-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px}
.cost-dashboard-grid .workspace-section{margin:0}
.cost-bars{display:grid;gap:14px}
.cost-bars>div{display:grid;grid-template-columns:90px minmax(120px,1fr) 110px;align-items:center;gap:12px}
.cost-bars i{height:10px;background:#e7ece9;border-radius:5px;overflow:hidden}
.cost-bars em{display:block;height:100%;background:#2777af}
.cost-bars>div:nth-child(2) em{background:#d28b2d}
.cost-bars>div:nth-child(3) em{background:#398d64}
.cost-bars>div:nth-child(4) em{background:#ca6857}
.cost-bars b{text-align:right}
.cost-composition footer{display:flex;gap:25px;flex-wrap:wrap;margin-top:18px;padding-top:13px;border-top:1px solid #edf0ee;color:var(--muted);font-size:12px}
.cost-source-list{display:grid}
.cost-source-list>div{padding:12px 0;border-bottom:1px solid #edf0ee;display:grid;grid-template-columns:1fr auto;gap:3px 10px}
.cost-source-list>div:last-child{border-bottom:0}
.cost-source-list span{grid-column:1;color:var(--muted);font-size:12px}
.cost-source-list strong{grid-column:2;grid-row:1/3;align-self:center}
.cost-input-form{grid-template-columns:repeat(4,1fr)}
.cost-auto-field{padding:11px 12px;background:#f4f7f5;border:1px solid var(--line)}
.cost-auto-field span,.cost-auto-field b,.cost-auto-field small{display:block}
.cost-auto-field span,.cost-auto-field small{color:var(--muted);font-size:12px}
.cost-auto-field b{font-size:20px;margin:3px 0}
@media(max-width:1100px){.cost-dashboard-grid{grid-template-columns:1fr}.cost-input-form{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.cost-metrics{grid-template-columns:1fr 1fr}.cost-input-form{grid-template-columns:1fr}.cost-bars>div{grid-template-columns:76px minmax(80px,1fr) 90px;gap:7px}.payroll-section-nav{overflow:auto}.payroll-section-nav button{white-space:nowrap}}