.team-grid.team-grid-single{grid-template-columns:minmax(0,1fr)}
.team-panel.is-disclosure-plan{grid-column:1/-1}
.payroll-panel{container-type:inline-size;margin:24px 0;padding:22px;border:1px solid #ded3c4;border-radius:18px;background:#faf7f1;color:#392b24}
.payroll-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.payroll-eyebrow{margin:0 0 5px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#786656}
.payroll-heading h4{margin:0;font-size:21px;letter-spacing:-.03em}
.payroll-panel label{display:grid;gap:7px;font-size:12px;font-weight:700}
.payroll-panel input{width:100%;min-width:0;box-sizing:border-box;background:#fff;border:1px solid #d4c8b8;border-radius:9px;padding:11px;color:#392b24;font:inherit;font-size:15px}
.payroll-panel input:focus{outline:2px solid #927151;outline-offset:2px}
.payroll-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.payroll-totals>div{padding:16px;border-radius:12px;background:#fff;border:1px solid #e5dcd0;display:grid;gap:10px}
.payroll-totals span{font-size:12px;color:#6b5a4d}
.payroll-totals strong{font-size:clamp(18px,2.2vw,27px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.payroll-totals>div:last-child{background:#3e3026;color:#fff;border-color:#3e3026}
.payroll-totals>div:last-child span{color:#f2ddbe}
.payroll-help{font-size:12px;line-height:1.6;color:#766251;margin:16px 0}
.payroll-warning{font-size:13px;line-height:1.5;padding:12px 14px;border-radius:9px;background:#fff0cb;color:#714e0c}
.payroll-people{display:grid;gap:10px}
.payroll-person{border:1px solid #e0d6c8;border-radius:12px;background:#fff;overflow:hidden}
.payroll-person>summary{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;list-style:none}
.payroll-person>summary::-webkit-details-marker{display:none}
.payroll-person>summary:after{content:'+';font-size:21px;color:#806953}
.payroll-person[open]>summary:after{content:'−'}
.payroll-person>summary>span:first-child{flex:1;min-width:0}
.payroll-person small{display:block;color:#7c6c5d;font-size:11px;margin-top:5px;line-height:1.5}
.payroll-person b{overflow-wrap:anywhere}
.payroll-person-amount{text-align:right;font-weight:750;font-variant-numeric:tabular-nums}
.payroll-status{display:inline-block;white-space:nowrap;padding:6px 9px;border-radius:999px;background:#eee8df;color:#625348;font-size:11px;font-weight:750}
.payroll-status[data-status=partial]{background:#fff0cc;color:#795810}
.payroll-status[data-status=paid],.payroll-status[data-status=no_wage]{background:#e5f1e8;color:#315f41}
.payroll-status[data-status=overpaid]{background:#fbe2dc;color:#943e2b}
.payroll-person form{padding:0 16px 18px}
.payroll-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:16px;border-top:1px solid #eee7dd}
.payroll-note{grid-column:1/-1}
.payroll-preview{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:18px 0;font-size:12px}
.payroll-preview b{display:block;margin-top:4px;font-size:16px;font-variant-numeric:tabular-nums}
.payroll-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.payroll-actions button{font-size:12px;min-height:42px;cursor:pointer}
.payroll-actions button:disabled{opacity:.5;cursor:default}
.payroll-error{background:#fbe2dc;color:#943e2b;padding:12px;border-radius:8px;font-size:13px}
@media(max-width:600px){.payroll-panel{padding:14px}.payroll-totals{grid-template-columns:1fr}.payroll-totals>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.payroll-totals span{max-width:55%}.payroll-person>summary{flex-wrap:wrap;padding:13px;gap:9px}.payroll-person>summary>span:first-child{flex-basis:55%}.payroll-person>summary .payroll-status{margin-right:auto}.payroll-fields{grid-template-columns:1fr 1fr}.payroll-fields>label:nth-child(3),.payroll-note{grid-column:1/-1}.payroll-actions>button{width:100%}.payroll-person form{padding:0 13px 14px}}

@container (max-width:600px){.payroll-panel{padding:14px}.payroll-totals{grid-template-columns:1fr}.payroll-totals>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.payroll-totals span{max-width:55%}.payroll-person>summary{flex-wrap:wrap;padding:13px;gap:9px}.payroll-person>summary>span:first-child{flex-basis:55%}.payroll-person>summary .payroll-status{margin-right:auto}.payroll-fields{grid-template-columns:1fr 1fr}.payroll-fields>label:nth-child(3),.payroll-note{grid-column:1/-1}.payroll-actions>button{width:100%}.payroll-person form{padding:0 13px 14px}}


.payroll-history{padding:0 16px 18px}.payroll-person h5{font-size:14px;margin:20px 0 10px}.payroll-payment{padding:10px 0;border-top:1px solid #ded3c4}.payroll-payment summary{font-size:13px;cursor:pointer}.payroll-payment p{font-size:12px}.payroll-allocation{padding:14px;border:1px solid #ded3c4;border-radius:12px}.payroll-allocation h4{margin:0 0 10px}.payroll-allocation-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:12px 0;border-top:1px solid #ded3c4}.payroll-allocation label{display:grid;gap:6px;font-size:12px}.payroll-allocation input,.payroll-allocation select{width:100%;min-width:0}.payroll-allocation-row>label:first-child{grid-column:1/-1}.payroll-allocation-row>button{grid-column:1/-1}.payroll-people{margin-top:14px}
