.payroll-workspace{min-height:100%;background:#F4F7FA;padding:0 28px 48px;min-width:0}
.payroll-topbar{margin:0 -28px;padding:12px 28px;background:#F4F7FA}
.payroll-content{min-width:0;padding-top:20px}
.payroll-mobile-navigation{display:none}
@media(max-width:760px){.payroll-mobile-navigation{display:block}.payroll-mobile-navigation .mobile-section-switcher{margin:12px 0 0}}
.payroll-filters{display:flex;flex-wrap:wrap;align-items:end;gap:16px;padding:16px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}
.payroll-filters .field{min-width:160px;flex:1 1 170px;margin:0}
.payroll-filters .field span,.payroll-filter-inline .field span{font-size:12px}
.payroll-refresh{height:42px}
.payroll-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:16px;border-radius:16px;overflow:hidden;background:#e6edf5}
.payroll-summary>div{background:#fff;padding:16px 18px}
.payroll-summary span{display:block;color:#71819a;font-size:13px}
.payroll-summary strong{font-variant-numeric:tabular-nums;display:block;margin-top:5px;font-size:24px;color:#13213a}
.payroll-section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:28px 0 16px}
.payroll-section-head h2,.payroll-ledger h2{margin:0;font-size:20px;color:#17233a}
.payroll-section-head.compact{margin-bottom:10px}
.payroll-table-wrap{overflow:auto;border:1px solid #e0e8f1;border-radius:16px;background:#fff}
.payroll-table{font-variant-numeric:tabular-nums;border-collapse:collapse;width:100%;min-width:850px}
.payroll-table th{text-align:left;padding:13px 18px;background:#f9fbfd;color:#71819a;font-size:12px;font-weight:600}
.payroll-table td{padding:15px 18px;border-top:1px solid #edf1f6;color:#34435b;font-size:14px}
.payroll-table td strong{color:#15213a}
.payroll-table small,.payroll-scheme-card small{display:block;margin-top:4px;color:#8391a5;font-size:12px}
.payroll-details-link{display:block;margin-top:5px;padding:0;border:0;background:transparent;color:#0b9c90;font:600 12px Inter,sans-serif;cursor:pointer}
.payroll-details-row{display:none}
.payroll-details-row.is-open{display:table-row}
.payroll-details-row td{background:#f8fbfc;padding:8px 18px 14px}
.payroll-details-row div{display:grid;grid-template-columns:1fr auto auto;gap:16px;padding:7px 0;font-size:13px}
.payroll-details-row small{margin:0}
.payroll-runs{margin-top:32px}
.payroll-run-list{display:grid;gap:8px}
.payroll-run-list article,.payroll-ledger article{display:flex;align-items:center;gap:18px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
.payroll-run-list article>div,.payroll-ledger article>div{flex:1}
.payroll-run-list span,.payroll-ledger span{display:block;margin-top:3px;color:#8290a4;font-size:12px}
.payroll-run-list b{color:#17233a}
.payroll-empty{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:28px;border:1px dashed #cbd8e7;border-radius:16px;color:#5c6e87;background:#fff}
.payroll-empty span{color:#8290a4;font-size:14px}
.payroll-filter-inline{margin-bottom:18px}
.payroll-filter-inline .field{width:240px}
.payroll-scheme-list{display:grid;gap:12px}
.payroll-scheme-card{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(300px,1.4fr) auto;gap:20px;align-items:center;padding:18px 20px;border:1px solid #e0e8f1;border-radius:16px;background:#fff}
.payroll-scheme-person strong{display:block;color:#17233a}
.payroll-scheme-person span{display:block;margin-top:5px;color:#78879c;font-size:13px}
.payroll-scheme-rules{display:flex;flex-wrap:wrap;gap:7px}
.payroll-scheme-rules span:not(:empty){padding:6px 9px;border-radius:999px;background:#eff8f7;color:#22796f;font-size:12px;font-weight:600}
.payroll-scheme-footer{text-align:right}
.payroll-scheme-footer small{max-width:380px;text-align:left}
.payroll-balances{display:grid;gap:10px}
.payroll-balances article{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:18px;align-items:center;padding:17px 18px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}
.payroll-balances article>div:first-child strong{display:block;color:#17233a}
.payroll-balances span{display:block;margin-top:3px;color:#53637a;font-size:14px}
.payroll-balances small{color:#8190a6;font-size:12px}
.payroll-balances .payroll-due{padding:10px 12px;border-radius:10px;background:#eff8f7}
.payroll-balances .payroll-due strong{color:#0b8f83;font-size:18px}
.payroll-ledger{margin-top:30px}
.payroll-ledger>div{display:grid;gap:8px;margin-top:12px}
.payroll-ledger b.is-plus{color:#15966f}
.payroll-ledger b.is-minus{color:#c44f4b}
.payroll-modal{width:min(860px,calc(100vw - 32px))}
.payroll-modal-group{margin-top:22px;padding-top:20px;border-top:1px solid #e7edf4}
.payroll-modal-group h3{margin:0 0 16px;color:#17233a;font-size:17px}
.payroll-field-hint{display:block;margin-top:8px;color:#718299;font-size:13px}
.payroll-overrides{margin-top:16px}
.payroll-overrides>div:first-child{margin-bottom:9px}
.payroll-overrides>div:first-child strong{display:block;color:#334155;font-size:14px}
.payroll-override-row{display:grid;grid-template-columns:1fr 120px 120px 36px;gap:8px;margin:8px 0}
.payroll-override-row .btn{padding:0;justify-content:center}
.payroll-modal .form-grid.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.payroll-workspace{padding:0 16px 32px}
.payroll-topbar{margin:0 -16px;padding:16px}
.payroll-filters{display:grid;grid-template-columns:1fr 1fr}
.payroll-filters .field{min-width:0}
.payroll-summary{grid-template-columns:1fr 1fr}
.payroll-scheme-card{grid-template-columns:1fr}
.payroll-scheme-footer{text-align:left}
.payroll-balances article{grid-template-columns:1fr 1fr}
.payroll-balances article>div:first-child{grid-column:1/-1}
.payroll-modal .form-grid.three{grid-template-columns:1fr}
.payroll-override-row{grid-template-columns:1fr 100px}
.payroll-override-row input{grid-column:1/2}
.payroll-override-row button{grid-column:2/3;grid-row:2}
}
@media(max-width:560px){.payroll-filters{grid-template-columns:1fr}
.payroll-summary{grid-template-columns:1fr}
.payroll-section-head{flex-direction:column}
.payroll-section-head .btn{width:100%}
.payroll-balances article{grid-template-columns:1fr}
.payroll-balances article>div:first-child{grid-column:auto}
.payroll-details-row div{grid-template-columns:1fr}
.payroll-details-row strong{grid-column:auto}
.payroll-run-list article,.payroll-ledger article{flex-wrap:wrap}
}


.payroll-topbar .team-page-head h1{overflow-wrap:anywhere}

.payroll-filters .field,.payroll-filter-inline .field{display:grid;gap:8px}

.payroll-filter-inline .field{max-width:100%}

.payroll-topbar .team-page-head>.btn{flex-shrink:0}

@media(max-width:1100px){.payroll-topbar{flex-wrap:wrap}
.payroll-topbar .team-desktop-account{margin-left:auto}
}

@media(max-width:760px){.payroll-topbar .team-page-head{flex-wrap:wrap;gap:16px}
.payroll-topbar .team-page-head>.btn{max-width:100%;white-space:normal}
}