/* V123 — one scrolling viewport; column headers stay inside it. */
#appShell #companyFinanceTable {
  height:auto!important;max-height:none!important;overflow:clip!important;
}
#appShell #companyFinanceTable .company-finance-scroll-viewport {
  position:relative;isolation:isolate;max-inline-size:100%;
  overflow-x:auto!important;overflow-y:hidden!important;
  overscroll-behavior:contain;scrollbar-gutter:stable;
}
#appShell #companyFinanceTable.is-scrollable .company-finance-scroll-viewport {
  block-size:clamp(380px,60dvh,650px)!important;
  max-block-size:clamp(380px,60dvh,650px)!important;overflow:auto!important;
}
#appShell #companyFinanceTable .company-finance-scroll-viewport > table {
  overflow:visible!important;border-collapse:separate!important;border-spacing:0!important;
  table-layout:auto!important;margin:0;min-inline-size:1360px!important;
}
#appShell #companyFinanceTable .company-finance-scroll-viewport > table > thead {
  position:static!important;transform:none!important;overflow:visible!important;
}
#appShell #companyFinanceTable .company-finance-scroll-viewport > table > thead > tr > th {
  position:sticky!important;top:0!important;inset-block-start:0!important;
  z-index:12!important;transform:none!important;
  background:#f1f6fa!important;background-clip:padding-box;
  box-shadow:inset 0 -1px #a9bfd2,0 3px 6px #18364c12;
}
#appShell #companyFinanceTable .company-finance-scroll-viewport:focus-visible {outline:2px solid #387395;outline-offset:-2px;}
#appShell #companyFinanceTable .company-finance-row-actions {
  display:flex!important;flex-wrap:wrap!important;align-items:center;gap:6px;
  min-inline-size:225px;max-inline-size:310px;
}
#appShell #companyFinanceTable .company-financial-add-payment {
  color:#fff!important;background:#256b69!important;border-color:#205e5c!important;
  white-space:nowrap;box-shadow:0 2px 3px #205e5c15;
}
#companyFinancialPaymentModal {inline-size:min(760px,calc(100vw - 24px));}
#companyFinancialPaymentModal .company-payment-summary {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-block:12px 20px;
}
#companyFinancialPaymentModal .company-payment-summary > div {padding:12px;border:1px solid #cbdbe5;border-radius:12px;background:#f5f9fb;display:grid;gap:5px;}
#companyFinancialPaymentModal .company-payment-summary span {font-size:.82rem;color:#536c7f;}
#companyFinancialPaymentModal .company-payment-summary strong {font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#173e53;}
#companyFinancialPaymentModal .company-payment-summary small {font-weight:500;font-size:.75rem;}
#companyFinancialPaymentModal .company-payment-fields {margin:0;padding:0;border:0;min-inline-size:0;}
#companyFinancialPaymentModal .company-payment-fields legend {font-weight:750;padding:0;margin-block-end:12px;}
#companyFinancialPaymentModal .company-payment-fields:disabled {opacity:.75;}
#companyFinancialPaymentModal .company-payment-remaining {margin:0;color:#256b69;font-size:.9rem;}
#companyFinancialPaymentModal .company-payment-history {border-block-start:1px solid #d7e2ea;margin-block-start:20px;padding-block-start:12px;}
#companyFinancialPaymentModal .company-payment-history-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;}
#companyFinancialPaymentModal .company-payment-history-list {list-style:none;padding:0;max-block-size:280px;overflow:auto;}
#companyFinancialPaymentModal .company-payment-history-list li {border:1px solid #d7e2ea;border-radius:10px;padding:12px;margin-block-end:8px;}
#companyFinancialPaymentModal .company-payment-history-list li > div:first-child {display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;}
#companyFinancialPaymentModal .company-payment-history-list small,#companyFinancialPaymentModal .company-payment-history-list span {color:#546e80;font-size:.8rem;}
#companyFinancialPaymentModal .company-payment-history-list p {margin-block:6px;font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere;}
#companyFinancialPaymentModal .company-payment-documents {display:flex;flex-wrap:wrap;gap:6px;margin-block-start:8px;}
#companyFinancialPaymentModal .company-payment-opening {padding:10px;background:#f5f8fa;border-radius:8px;font-size:.85rem;}
#companyFinancialPaymentModal .form-actions {flex-wrap:wrap;}
@media(max-width:560px){
  #companyFinancialPaymentModal .company-payment-summary {gap:5px;}
  #companyFinancialPaymentModal .company-payment-summary > div {padding:8px 5px;}
  #companyFinancialPaymentModal .company-payment-summary strong {font-size:.87rem;}
  #companyFinancialPaymentModal .company-payment-fields {grid-template-columns:1fr;}
  #companyFinancialPaymentModal .company-financial-receipt-heading {flex-wrap:wrap;}
}
@media print {
  #appShell #companyFinanceTable,#appShell #companyFinanceTable .company-finance-scroll-viewport,#appShell #companyFinanceTable.is-scrollable .company-finance-scroll-viewport {
    block-size:auto!important;max-block-size:none!important;height:auto!important;max-height:none!important;overflow:visible!important;
  }
  #appShell #companyFinanceTable .company-finance-scroll-viewport > table {min-inline-size:0!important;width:100%!important;}
  #appShell #companyFinanceTable .company-finance-scroll-viewport > table > thead {display:table-header-group!important;}
  #appShell #companyFinanceTable .company-finance-scroll-viewport > table > thead > tr > th {position:static!important;box-shadow:none!important;}
}