.payroll-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:16px}.payroll-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.payroll-actions input{min-width:150px}.payroll-tabs{display:flex;gap:8px;margin:14px 0 18px}.payroll-tabs button{border:1px solid var(--line,#283241);background:transparent;color:inherit;border-radius:12px;padding:10px 14px;cursor:pointer}.payroll-tabs button.active{background:#fff;color:#10141b;border-color:#fff}.payroll-kpis{margin-bottom:18px}.payroll-layout{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.75fr);gap:16px}.sale-entry-card form{display:grid;gap:12px}.sale-entry-card label{display:grid;gap:6px}.sale-entry-card input,.sale-entry-card select,.sale-entry-card textarea{width:100%}.payroll-table td{vertical-align:middle}.money-cell{white-space:nowrap;font-variant-numeric:tabular-nums}.payroll-source{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.07);font-size:12px;white-space:nowrap}.payroll-source.crm_auto{background:rgba(47,198,122,.12);color:#64d997}.payroll-source.manual_override{background:rgba(242,153,74,.13);color:#f3b36e}.table-empty{text-align:center;color:var(--muted,#7d8796);padding:28px!important}.payroll-rule-inputs{display:grid;grid-template-columns:88px 70px 110px auto;gap:7px;align-items:end;min-width:390px}.payroll-rule-inputs label{display:grid;gap:3px;font-size:10px;color:var(--muted,#7d8796)}.payroll-rule-inputs input{width:100%;min-width:0}.payroll-rule-save{height:38px}.payroll-total strong{font-size:15px}.payroll-note{margin-top:12px}.payroll-salary-wrap{overflow:auto}.payroll-salary-wrap table{min-width:980px}@media(max-width:980px){.payroll-head{align-items:flex-start;flex-direction:column}.payroll-layout{grid-template-columns:1fr}.payroll-rule-inputs{grid-template-columns:1fr 1fr;min-width:280px}.payroll-rule-save{grid-column:1/-1}}
.payment-process-kpis{margin-bottom:18px}.payment-process-wrap{overflow:auto}.payment-process-table{min-width:1420px}.payment-source-line{display:block;margin-top:4px;color:var(--muted,#7d8796);font-size:11px}.payment-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:12px;white-space:nowrap;background:rgba(255,255,255,.07)}.payment-status.paid{background:rgba(47,198,122,.14);color:#64d997}.payment-status.partial{background:rgba(242,201,76,.14);color:#f2c94c}.payment-status.awaiting,.payment-status.invoiced{background:rgba(47,128,237,.14);color:#78aaf4}.payment-status.error,.payment-status.canceled{background:rgba(235,87,87,.14);color:#ff8a8a}.payment-status.not_invoiced{background:rgba(255,255,255,.07);color:var(--muted,#a2aab7)}.payment-progress{height:5px;min-width:110px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:7px 0 3px}.payment-progress span{display:block;height:100%;background:currentColor;border-radius:999px}.payment-paid{color:#64d997}.payment-outstanding{font-weight:700}.payment-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.payment-action-btn{padding:7px 9px;font-size:12px;white-space:nowrap}

.payment-process-table th{white-space:nowrap;position:sticky;top:0;z-index:1}.accounting-number{text-align:center;color:var(--muted,#7d8796)}.accounting-product{min-width:260px;max-width:420px;white-space:normal}.accounting-main-amount{font-weight:700}.accounting-discount{text-align:center;font-variant-numeric:tabular-nums}.sales-accounting-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.sales-accounting-grid label{display:grid;gap:6px}.sales-accounting-grid .span-2{grid-column:1/-1}.sales-accounting-grid input,.sales-accounting-grid select{width:100%}@media(max-width:760px){.sales-accounting-grid{grid-template-columns:1fr}.sales-accounting-grid .span-2{grid-column:auto}}

/* Full-width sales ledger: the table is the primary workspace. */
.main:has(#section-payroll.active){padding-left:14px;padding-right:14px}
.payroll-section{width:100%;max-width:none}
.payroll-section .payroll-head{margin-bottom:10px}
.payroll-section .payroll-tabs{margin:10px 0 12px}
.payment-process-kpis{grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px;margin:0 0 10px;max-width:820px}
.payment-process-kpis .kpi{min-height:86px;padding:12px 14px}
.payment-process-kpis .kpi strong{font-size:20px;margin:8px 0 2px}
.payment-process-wrap{width:100%;max-width:none;overflow:hidden;border-radius:14px}
.payment-process-wrap .panel-head{padding:14px 16px 8px;margin:0}
.payment-process-wrap .table-wrap{width:100%;max-width:100%;overflow:auto;min-height:430px;max-height:calc(100vh - 315px);border-top:1px solid #1e232c;border-bottom:1px solid #1e232c}
.payment-process-table{width:100%;min-width:1450px;font-size:12px}
.payment-process-table th,.payment-process-table td{padding:10px 12px}
.payment-process-table th{position:sticky;top:0;z-index:5;background:#0b0f14}
.payment-process-table tbody tr{cursor:pointer}
.payment-process-table tbody tr:hover td{background:rgba(255,255,255,.025)}
.payment-process-table tbody tr.selected td{background:rgba(37,99,235,.10)}
.payment-process-table tbody tr.selected td:first-child{box-shadow:inset 3px 0 0 #3b82f6}
.sales-ledger-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;background:#0d1015}
.sales-ledger-selection{display:grid;gap:2px;min-width:0}
.sales-ledger-selection strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sales-ledger-selection small{color:var(--muted,#7d8796)}
.sales-ledger-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.payroll-layout{grid-template-columns:1fr}
.payroll-layout>.table-panel{order:1;width:100%}
.payroll-layout>.sale-entry-card{order:2;width:100%;margin-top:0}
.sale-entry-card form{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}
.sale-entry-card form label:last-of-type{grid-column:1/-1}
.sale-entry-card form button[type="submit"]{justify-self:start;min-width:220px}
@media(max-width:1400px){
  .payment-process-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .payment-process-wrap .table-wrap{max-height:calc(100vh - 390px)}
}
@media(max-width:980px){
  .main:has(#section-payroll.active){padding-left:8px;padding-right:8px}
  .payment-process-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .payment-process-wrap .table-wrap{min-height:380px;max-height:none}
  .sales-ledger-footer{align-items:flex-start;flex-direction:column}
  .sales-ledger-actions{justify-content:flex-start}
  .sale-entry-card form{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .sale-entry-card form{grid-template-columns:1fr}
  .sale-entry-card form label:last-of-type{grid-column:auto}
}