<!-- LOCKED FIX: Credit Note Month is canonical text (Apr-2026), preventing timezone shift to previous month. -->
<!-- BILLING OVERVIEW KPI DISPLAY: Total Cost, All Debit Amount, Net Profit Amount, and Net Profit % are hidden from the overview cards. -->
<!-- LOCKED UPDATE: Credit Note preview no longer requires Monthly_Assignment mapping. The uploaded Credit_Note row is authoritative; Head, Received Date and Payment Received Status are supported, with legacy 7-column uploads still readable. -->
<!-- LOCKED FINAL ADD-ON: Credit Note uses Excel upload with S. No. | Head | Supervisor | State | Amount | Month | Bank | Company Name | Received Date | Payment Received Status. Overview shows Credit Note Amount. Costing Net Billing = Basic Bill − TDS; Final Costing = (Net Billing × Costing %) − full Credit Note Amount. Supervisor TDS is added once to Displayed Net Debit. Existing dashboard locks remain unchanged. -->
<!-- OVERVIEW KPI UPDATE: Billing Overview focuses on billing, receipt, outstanding, credit note and supervisor TDS values. -->
<!-- LOCKED UPDATE: Ask Data/voice assistant completely removed. All other dashboard modules, layouts, filters, import logic and locks remain unchanged. -->
<!-- LOCKED FIX: Admin import move navigation repaired. Accounts no longer references Admin-import state; Admin > Data Import & Management initializes its own company/bank state. Reports/Accounts/Admin navigation renders independently. Existing locked layouts and import/save logic unchanged. -->
<!-- LOCKED: Billing Invoice No true live search. Filters on every keystroke, preserves focus/caret, and clearing the search restores all rows within the other active Billing filters. All other locked dashboard behavior unchanged. -->
<!-- LOCKED: Billing Excel Upload and Accounts Import Bank Statement moved to Admin > Data Import & Management. Billing and Accounts operational viewing pages no longer show import controls. Existing import/save logic, Google Sheet backend, Billing filters/table locks, Accounts fixed-view/date-format locks, Companies/Overview locks remain unchanged. -->
<!-- LOCKED: Accounts statement fixed-view layout. Account Statement controls/KPIs/Source/Statement Data title stay visible; only table rows scroll. -->
<!-- LOCKED FINAL: Companies > related billing compact autofit is approved and must not change unless explicitly requested. -->
<!-- LOCKED FINAL: Billing > Invoice Register uses compact content-fit 11-column layout; S.No remains hidden in dashboard but retained in Google Sheet/upload/backend. -->
<!-- LOCKED: Companies related billing uses compact content-fit autofit; no full-width percentage stretching. -->
<!-- LOCKED: Companies related billing balanced one-screen layout. Invoice No/Date/Month/Portfolio/State/City/Amounts/Status remain single-line; Company gets controlled wider space. Main Billing Invoice Register and Google Sheet/backend unchanged. -->
<!-- LOCKED: Companies related billing tables (City Bills / Supervisor Related Bills / Portfolio Bills) use 11-column one-screen true autofit on desktop. Main Billing Invoice Register lock remains unchanged. -->
<!-- LOCKED: Companies Locations = true autofit, compact spacing, no desktop horizontal scroll; Billing Register lock unchanged. -->
<!-- LOCKED: Invoice Register hides S.No only. Google Sheet Billing schema remains full 18 columns and S.No remains available for upload/key/backend logic. -->
<!-- BILLING ONE-SCREEN LOCK: Invoice Register 11 visible columns fit desktop width without horizontal scroll; S.No remains in Google Sheet/backend but is hidden from Invoice Register. Full 16-column Google Sheet data remains unchanged. -->
<!-- LIVE SOURCE FIX: Current Google Sheet ID locked; stale localStorage migrated; Apps Script spreadsheet mismatch rejected; 15s safety master sync enabled. -->
<!-- BILLING DISPLAY LOCK: Invoice Register shows only Supervisor, Invoice No, Invoice Date, Billing Month, Company, Portfolio, State, City, Net Amount, Received Amount, Status. Head, Segment and S.No remain in Google Sheet/upload/backend. -->
<!-- LOCKED LOGICDASH BASELINE: Monthly_Assignment is the single operational source for Portfolio + State + City/Location + Supervisor. Company_Master remains static. Portfolio_Master, Location_Master and Supervisor_Master are not required. -->
<!-- ===== LOCKED BASELINE: BILLING TABLE EQUAL SPACING =====
Do not change Billing table column widths, centered header/value alignment, equal padding, table-layout, or spacing unless the user explicitly requests it.
Locked state: Supervisor through Status balanced to 100% width in Invoice Register; S.No remains backend-only.
===== END LOCK NOTICE ===== -->
<!-- BILLING DIRECT UPLOAD MODE: Billing upload accepts source values directly. -->
<!-- LOCKED INSTANT LIVE SYNC V2: Live sync + master dropdowns + costing + validation locked. -->
<!-- LOCKED BASELINE VERSION: Master instant sync + costing month availability locked. Do not change overall layout, proportions, sidebar, width, spacing, or visual structure unless explicitly requested. -->
<!-- LOCKED: Costing filters master-driven (Company/Portfolio/Supervisor/Month/State/Location). -->
<!-- LOGICDASH GOOGLE LIVE BRANCH: Google Sheets is the primary live source. -->
<!-- SUPERVISOR LOGIC: Monthly_Assignment is effective-month history. Latest Effective Month <= Billing Month carries forward until a newer assignment exists. -->
<!-- LOCKED: Accounts > Statement Data visible columns/order = Date, Name, Supervisor, Portfolio, Location, SOC Month, Advance / Salary/ Office/ Incentive, Debit, Credit, Balance. Description, Reference No and Remark remain backend-only. Compact true-autofit display locked. -->
<!-- LIVE SYNC: Apps Script version token is checked every 5 minutes; full workbook reload occurs only after a detected change or an Admin Update Now. Masterg is not modified. -->
<!-- ===== LOCKED FINAL: BILLING INVOICE REGISTER =====
Do not change unless user explicitly requests:
- Invoice Register visible columns = 11 (Supervisor, Invoice No, Invoice Date, Billing Month, Company, Portfolio, State, City, Net Amount, Received Amount, Status)
- S.No hidden in dashboard only; retained in Google Sheet/backend/upload logic
- True content-based autofit
- Readable text size
- Tight spacing / minimal blank gaps
- One-screen desktop fit target
- Google Sheet full 16-column schema remains unchanged
===== END LOCK ===== -->
<!-- LOCKED: Companies module uses compact true-autofit layout in Locations/Portfolios/Supervisors; preserve unless explicitly requested. -->
<!-- LOCKED: Overview Company/Portfolio/Supervisor/State/Location filters are Monthly_Assignment-only and month-effective. Billing/statement names must not populate these dropdowns. -->
<!-- LOCKED: Companies > Locations is supervisor-wise from Monthly_Assignment; same route may appear under multiple supervisors. -->
<!-- LOCKED: Companies > Locations shows LOCATION CARDS ONLY from selected company Monthly_Assignment; no supervisor/portfolio detail on the card. -->
<!DOCTYPE html>
<script>try{if(sessionStorage.getItem('dashboardLoggedIn')==='1'){document.documentElement.classList.add('dashboard-session-ok');document.documentElement.style.background='#f7f9fc';}}catch(e){}</script>
<!-- LOCKED DASHBOARD LOGIN: Full-screen Login ID + Password gate added before dashboard. Admin navigation process remains unchanged. -->
<!-- LOCKED DESIGN POLISH PHASE 1: visual/responsive-only update. Business logic, formulas, filters, sync and data authority unchanged. -->
<!-- LOCKED: Accounts Uploaded Statement Summary month is import-wise actual statement month derived from latest transaction DATE per Import ID; SOC Month is never used for Statement Month. Current Accounts layout/freeze/gaps remain locked. -->
<!-- LOCKED: Admin bank-statement saves now update Accounts Uploaded Statement Summary immediately via local Import ID/history state, then reconcile with Google Import_History + account-sheet rows in background. Admin import page stays open after save. All other locked layouts/logic unchanged. -->

<!-- LOCKED: Billing fixed view approved behavior: Billing Filters + KPIs + Invoice Register title/header remain visible; only invoice rows scroll. Existing Billing filters/table layout and other modules unchanged. -->

<!-- LOCKED: Accounts statement Date display/save format = dd-mmm-yyyy (example 01-Apr-2026). Excel upload preview, dashboard Statement Data and Google Sheet save use the same canonical date format. -->
<!-- LOCKED: Companies > Locations no longer shows Location Code; Monthly_Assignment remains the source of Portfolio/State/City. -->
<!-- LOCKED: Billing Dashboard filters = Company | Billing Month | Portfolio | Supervisor | State | City | Status | Received Month | Invoice Search | Reset. Filters affect Billing KPIs + Invoice Register only; existing locked table layout, Accounts fixed-view behavior, Companies cards, Google Sheet and Apps Script remain unchanged. -->
<!-- LOCKED UPDATE: Credit Note month text fix is preserved. Reports now includes a read-only Credit Note Report with Company, Month, Supervisor, State and Bank/Portfolio filters, KPI summary, detail register, XLSX export and print. All other dashboard modules remain unchanged. -->
<html lang="en">
<head>
<!-- LOCKED UPDATE: Five-minute live sync. Existing dashboard logic/layout stays locked. Successful Billing/Credit Note saves merge locally immediately; Admin can use Update Now when an immediate server read is required. -->

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Debt Service Management Group Dashboard</title>
<!-- ALL REQUESTED FIXES APPLIED: exact Monthly_Assignment supervisor display, no-login-flash, Basic-TDS Net Billing, partial Company Comparison costing status, Accounts statement mapping, reconciliation button parity. Account Statement filter controls now match the existing dashboard filter-box flex style; date/amount/max/search edge sizing and live search checked. -->
<style>
/* ===== DASHBOARD LOGIN GATE ===== */
body.dashboard-auth-locked{overflow:hidden}
body.dashboard-auth-locked .app{display:none !important}
html.dashboard-session-ok body.dashboard-auth-locked .app{display:block !important}
html.dashboard-session-ok .dashboard-login-screen{display:none !important}
.dashboard-login-screen{
  position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center;
  padding:24px; background:#f4f6fa; font-family:Inter,Segoe UI,Arial,sans-serif;
}
#initialLiveLoadOverlay{
  position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;
  background:rgba(247,249,252,.94);backdrop-filter:blur(7px);font-family:Inter,Segoe UI,Arial,sans-serif;
}
#initialLiveLoadOverlay .initial-live-card{
  width:min(420px,100%);padding:28px 30px;border:1px solid #dbe3ef;border-radius:18px;
  background:#fff;box-shadow:0 20px 55px rgba(15,23,42,.14);text-align:center;color:#162033;
}
#initialLiveLoadOverlay .initial-live-spinner{
  width:28px;height:28px;margin:0 auto 14px;border:3px solid #dbe3ef;border-top-color:#315efb;
  border-radius:50%;animation:initialLiveSpin .8s linear infinite;
}
#initialLiveLoadOverlay strong{display:block;font-size:16px;letter-spacing:-.02em}
#initialLiveLoadOverlay span{display:block;margin-top:7px;color:#667085;font-size:12px;line-height:1.5}
@keyframes initialLiveSpin{to{transform:rotate(360deg)}}
.dashboard-login-card{
  width:min(760px,100%); min-height:410px; display:grid; grid-template-columns:1fr 1fr;
  background:#fff; border-radius:16px; overflow:hidden;
  box-shadow:0 24px 70px rgba(15,23,42,.16); border:1px solid #e6eaf0;
}
.dashboard-login-welcome{
  display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;
  padding:44px 38px; color:#fff;
  background:linear-gradient(145deg,#294bb8 0%,#1f3f99 100%);
}
.dashboard-login-welcome h1{margin:0 0 12px;font-size:27px;line-height:1.12;letter-spacing:-.03em;font-weight:850}
.dashboard-login-welcome p{margin:0;max-width:270px;font-size:12px;line-height:1.65;color:rgba(255,255,255,.86)}
.dashboard-login-welcome .login-brand-line{margin-top:20px;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.dashboard-login-form{padding:46px 38px 38px;display:flex;flex-direction:column;justify-content:center}
.dashboard-login-form h2{margin:0 0 25px;font-size:21px;color:#182230;letter-spacing:-.02em}
.dashboard-login-label{display:block;margin:0 0 7px;font-size:10.5px;font-weight:800;color:#344054}
.dashboard-login-field{width:100%;height:42px;border:1px solid #d7dce5;border-radius:6px;background:#fff;padding:0 12px;font-size:12px;color:#101828;outline:none;transition:.15s}
.dashboard-login-field:focus{border-color:#315efb;box-shadow:0 0 0 3px rgba(49,94,251,.10)}
.dashboard-login-field-wrap{position:relative;margin-bottom:17px}
.dashboard-login-field-wrap .dashboard-login-field{padding-right:42px}
.dashboard-login-eye{position:absolute;right:8px;top:7px;width:28px;height:28px;border:0;background:transparent;color:#667085;cursor:pointer;font-size:15px;border-radius:6px}
.dashboard-login-eye:hover{background:#f2f4f7}
.dashboard-login-button{width:100%;height:42px;border:0;border-radius:6px;background:#294bb8;color:#fff;font-size:12px;font-weight:800;cursor:pointer;margin-top:4px;box-shadow:0 6px 14px rgba(41,75,184,.18)}
.dashboard-login-button:hover{background:#223f9d}
.dashboard-login-error{min-height:18px;margin:0 0 7px;color:#b42318;font-size:10.5px;font-weight:700}
.dashboard-login-note{margin:15px 0 0;text-align:center;font-size:10px;color:#98a2b3}
.dashboard-logout-btn{margin-top:4px !important;color:#ffb4b4 !important;border:1px solid rgba(255,255,255,.08)}
.dashboard-logout-btn:hover{background:rgba(220,53,69,.14) !important;color:#fff !important}
@media(max-width:650px){
  .dashboard-login-screen{padding:16px}
  .dashboard-login-card{grid-template-columns:1fr;min-height:0;max-width:430px}
  .dashboard-login-welcome{padding:28px 24px}
  .dashboard-login-welcome h1{font-size:23px}
  .dashboard-login-welcome .login-brand-line{margin-top:12px}
  .dashboard-login-form{padding:28px 24px 30px}
}
:root{
  --bg:#f6f8fb;
  --panel:#fff;
  --ink:#111827;
  --muted:#667085;
  --line:#e5e7eb;
  --nav:#0f172a;
  --primary:#315efb;
  --success:#067647;
  --warning:#b54708;
  --shadow:0 10px 26px rgba(16,24,40,.06);
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}
.app{display:flex;min-height:100vh}
.sidebar{
  width:clamp(220px,12.8vw,245px);position:fixed;left:0;top:0;bottom:0;overflow:auto;
  background:linear-gradient(180deg,#0f172a 0%,#0b1220 100%);
  color:#fff;padding:22px 14px
}
.brand{padding:4px 10px 18px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:18px}
.brand h1{font-size:19px;margin:0;line-height:1.25;letter-spacing:-.02em}
.brand p{font-size:10px;margin:7px 0 0;color:#94a3b8;text-transform:uppercase;letter-spacing:.13em;font-weight:700}
.nav-btn{
  width:100%;border:0;background:transparent;color:#cbd5e1;text-align:left;
  padding:11px 12px;border-radius:9px;cursor:pointer;font-size:13px;font-weight:650;margin:3px 0
}
.nav-btn:hover{background:rgba(255,255,255,.06);color:#fff}
.nav-btn.active{background:#315efb;color:#fff}
.main{margin-left:clamp(220px,12.8vw,245px);width:calc(100% - clamp(220px,12.8vw,245px))}
.topbar{
  position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);padding:17px 26px
}
.topbar h2{margin:0 0 5px;font-size:23px;letter-spacing:-.025em}
.crumb{font-size:12px;color:var(--muted)}
.link{color:var(--primary);cursor:pointer;font-weight:700}
.content{padding:24px 26px 50px;max-width:1500px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.card{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;
  box-shadow:0 3px 12px rgba(16,24,40,.035)
}
.click{cursor:pointer;transition:.18s}
.click:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#ccd6ff}
.label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:800;margin-bottom:7px}
.value{font-size:24px;font-weight:850;letter-spacing:-.03em}
.meta{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.45}
.section{display:flex;justify-content:space-between;align-items:center;margin:26px 0 13px}
.section h3{margin:0;font-size:17px}
.badge{font-size:10px;font-weight:800;color:#3538cd;background:#eef4ff;padding:5px 8px;border-radius:999px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.tab{
  border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:9px;
  padding:8px 11px;cursor:pointer;font-size:12px;font-weight:700
}
.tab.active{background:#111827;color:#fff;border-color:#111827}
.filters{display:flex;gap:9px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:14px}
select{border:1px solid #d0d5dd;border-radius:8px;padding:8px 10px;background:#fff;font-size:12px;color:#344054}
.tablewrap{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:auto}
table{width:100%;border-collapse:collapse;min-width:820px}
th,td{padding:11px 12px;border-bottom:1px solid #eef2f6;text-align:left;font-size:12px}
th{background:#f8fafc;color:#475467;font-weight:800}
tr:last-child td{border-bottom:0}
.status{display:inline-block;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:800}
.received{background:#ecfdf3;color:var(--success)} .pending{background:#fff6ed;color:var(--warning)}
.btn{border:1px solid #d0d5dd;background:#fff;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:700;cursor:pointer}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}
.alert{padding:11px 0;border-bottom:1px solid #eef2f6;font-size:12px}
.alert:last-child{border-bottom:0}
.simple-list{display:grid;gap:10px}
.row-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer}
.row-card:hover{border-color:#cbd5ff}
.row-card strong{display:block;font-size:14px;margin-bottom:5px}
.row-card span{font-size:12px;color:var(--muted)}
@media(max-width:900px){
  .sidebar{position:relative;width:100%}.app{display:block}.main{margin-left:0;width:100%}.two{grid-template-columns:1fr}
}
@media(max-width:560px){.kpis{grid-template-columns:1fr}.content{padding:18px}}

.overview-row{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);
  gap:14px;
  margin-top:18px;
}
.chart-card,.pending-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:17px;
  box-shadow:0 3px 12px rgba(16,24,40,.035);
}
.chart-head,.pending-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}
.chart-head h3,.pending-head h3{
  margin:0;
  font-size:16px;
}
.chart-legend{
  font-size:11px;
  color:var(--muted);
}
.billing-chart{
  display:flex;
  align-items:flex-end;
  gap:16px;
  height:235px;
  padding:18px 10px 0;
  border-top:1px solid #f1f5f9;
  position:relative;
}
.billing-chart::before,
.billing-chart::after{
  content:"";
  position:absolute;
  left:0;right:0;
  border-top:1px dashed #e5e7eb;
}
.billing-chart::before{top:33%}
.billing-chart::after{top:66%}
.bar-item{
  flex:1;
  min-width:42px;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  position:relative;
  z-index:1;
}
.bar-value{
  font-size:10px;
  font-weight:800;
  color:#344054;
  margin-bottom:6px;
}
.bar{
  width:min(54px,72%);
  background:linear-gradient(180deg,#315efb 0%,#5f7cff 100%);
  border-radius:8px 8px 3px 3px;
  box-shadow:0 5px 12px rgba(49,94,251,.15);
  min-height:8px;
}
.bar-label{
  font-size:11px;
  color:var(--muted);
  margin-top:8px;
  font-weight:700;
}
.pending-stat{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:12px;
}
.pending-box{
  background:#f8fafc;
  border:1px solid #eef2f6;
  border-radius:11px;
  padding:11px;
}
.pending-box .p-label{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--muted);
  font-weight:800;
  margin-bottom:6px;
}
.pending-box .p-value{
  font-size:18px;
  font-weight:850;
}
.pending-list{
  border-top:1px solid #eef2f6;
  margin-top:8px;
}
.pending-item{
  padding:10px 0;
  border-bottom:1px solid #eef2f6;
}
.pending-item:last-child{border-bottom:0}
.pending-item strong{
  display:block;
  font-size:12px;
  margin-bottom:4px;
}
.pending-item span{
  font-size:11px;
  color:var(--muted);
}
.company-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.company-mini{
  background:#fff;
  border:1px solid var(--line);
  border-radius:13px;
  padding:14px;
  cursor:pointer;
  transition:.18s;
}
.company-mini:hover{
  border-color:#cbd5ff;
  box-shadow:0 8px 18px rgba(16,24,40,.05);
  transform:translateY(-2px);
}
.company-mini strong{
  display:block;
  font-size:13px;
  margin-bottom:6px;
}
.company-mini span{
  font-size:11px;
  color:var(--muted);
  line-height:1.5;
}
@media(max-width:1050px){
  .overview-row{grid-template-columns:1fr}
}
@media(max-width:800px){
  .company-strip{grid-template-columns:1fr}
}


.overview-filterbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.overview-filterbar .filter-title{
  font-size:12px;
  color:var(--muted);
  font-weight:700;
}
.overview-filterbar .filter-controls{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
}
.overview-filterbar select{
  min-width:170px;
}


/* Browser-consistent desktop rendering */
html{
  width:100%;
  min-height:100%;
  overflow-y:scroll;
}
body{
  width:100%;
  min-height:100%;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.sidebar{
  width:clamp(220px,12.8vw,245px);
}
.main{
  margin-left:clamp(220px,12.8vw,245px);
  width:calc(100% - clamp(220px,12.8vw,245px));
}
.content{
  width:100%;
  max-width:none;
  padding:clamp(18px,1.45vw,28px);
}
.topbar{
  padding:clamp(15px,1.2vw,20px) clamp(20px,1.45vw,28px);
}
.kpis{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:clamp(10px,.8vw,14px);
}
.card{
  min-width:0;
}
.value{
  font-size:clamp(20px,1.45vw,27px);
}
.overview-row{
  grid-template-columns:minmax(0,2.05fr) minmax(310px,.9fr);
  gap:clamp(10px,.8vw,14px);
}
.chart-card,.pending-card{
  min-width:0;
}
.billing-chart{
  height:clamp(220px,17vw,285px);
}
.tablewrap{
  width:100%;
}
table{
  min-width:0;
  table-layout:auto;
}
th,td{
  white-space:nowrap;
}
.overview-filterbar{
  margin-bottom:12px;
}
@media (max-width:1500px){
  .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1180px){
  .overview-row{grid-template-columns:1fr}
}
@media (max-width:900px){
  .sidebar{width:100%;position:relative}
  .main{margin-left:0;width:100%}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .kpis{grid-template-columns:1fr}
}


/* Match ChatGPT preview proportions on large desktop screens */
body{
  background:#eef2f5 !important;
  padding:8px;
}
.app{
  width:min(1620px, calc(100vw - 16px));
  min-height:calc(100vh - 16px);
  margin:0 auto;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  border:1px solid #d7dce3;
  border-radius:18px;
  overflow:hidden;
  background:var(--bg);
  box-shadow:0 8px 24px rgba(16,24,40,.04);
}
.sidebar{
  position:sticky !important;
  top:0;
  left:auto !important;
  width:220px !important;
  height:calc(100vh - 16px);
  min-height:100%;
  border-radius:0;
}
.main{
  margin-left:0 !important;
  width:auto !important;
  min-width:0;
}
.content{
  max-width:none !important;
  padding:24px 26px 40px !important;
}
.topbar{
  padding:17px 26px !important;
}
.kpis{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
}
.overview-row{
  grid-template-columns:minmax(0,2.05fr) minmax(330px,.92fr) !important;
}
.billing-chart{
  height:285px !important;
}
@media(max-width:1450px){
  .app{
    width:calc(100vw - 16px);
  }
}
@media(max-width:1180px){
  .kpis{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .overview-row{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:900px){
  body{padding:0}
  .app{
    width:100%;
    min-height:100vh;
    border:0;
    border-radius:0;
    display:block;
  }
  .sidebar{
    position:relative !important;
    width:100% !important;
    height:auto;
  }
  .main{
    width:100% !important;
  }
}


.report-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-bottom:12px}
.action-btn{border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:700;cursor:pointer}
.action-btn:hover{background:#f8fafc}.action-btn.primary{background:#315efb;color:#fff;border-color:#315efb}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.form-box{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px}
.form-box label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800;margin-bottom:7px}
.form-box input,.form-box select{width:100%;border:1px solid #d0d5dd;border-radius:8px;padding:9px 10px;background:#fff;color:#344054;font-size:12px}
.upload-zone{margin-top:14px;border:1px dashed #b9c3d3;border-radius:13px;padding:20px;background:#fafbfc;text-align:center}
.upload-zone input{max-width:100%}
.success-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:#ecfdf3;color:#067647;font-size:12px;font-weight:700}


.reset-filter-btn{
  border:1px solid #d0d5dd;
  background:#fff;
  color:#344054;
  border-radius:8px;
  padding:8px 11px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.reset-filter-btn:hover{background:#f8fafc}


.balance-pos{color:#b54708;font-weight:800}
.balance-zero{color:#067647;font-weight:800}
.balance-neg{color:#175cd3;font-weight:800}
.ledger-note{
  margin-bottom:14px;padding:11px 13px;border:1px solid #e4e7ec;border-radius:11px;
  background:#fff;font-size:12px;color:#475467
}
.advance-entry{
  display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:9px;
  margin-bottom:14px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px
}
.advance-entry input,.advance-entry select{
  width:100%;border:1px solid #d0d5dd;border-radius:8px;padding:8px 9px;background:#fff;font-size:12px
}
@media(max-width:1180px){.advance-entry{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.advance-entry{grid-template-columns:1fr}}


/* ===== Colorful / Attractive Visual Polish (layout locked) ===== */
:root{
  --bg:#f3f6fb;
  --panel:#ffffff;
  --ink:#0f172a;
  --muted:#667085;
  --line:#e4e7ec;
  --nav:#0b1220;
  --primary:#4263ff;
  --success:#12b76a;
  --warning:#f79009;
  --shadow:0 14px 34px rgba(15,23,42,.08);
}
body{
  background:
    radial-gradient(circle at top left, rgba(66,99,255,.08), transparent 26%),
    radial-gradient(circle at top right, rgba(168,85,247,.08), transparent 24%),
    #eef2f7 !important;
}
.app{
  box-shadow:0 20px 55px rgba(15,23,42,.08);
  border-color:#dbe2ea !important;
  background:linear-gradient(180deg,#f9fbff 0%,#f4f7fb 100%);
}
.sidebar{
  background:
    linear-gradient(180deg, #0b1327 0%, #0d1730 42%, #0a1223 100%) !important;
}
.brand{
  border-bottom:1px solid rgba(255,255,255,.10);
}
.brand h1{
  color:#ffffff;
}
.brand p{
  color:#9fb3d9;
}
.nav-btn{
  transition:all .2s ease;
}
.nav-btn:hover{
  background:rgba(255,255,255,.09);
  color:#fff;
  transform:translateX(2px);
}
.nav-btn.active{
  background:linear-gradient(90deg,#4263ff 0%, #5b7cff 100%) !important;
  box-shadow:0 10px 22px rgba(66,99,255,.28);
  color:#fff;
}
.topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(249,251,255,.94) 100%) !important;
}
.topbar h2{
  color:#101828;
}
.crumb{
  color:#667085;
}
select,.btn,.tab,.action-btn,.reset-filter-btn{
  transition:all .18s ease;
}
select:hover,.btn:hover,.action-btn:hover,.reset-filter-btn:hover{
  border-color:#b9c6ff;
  box-shadow:0 4px 12px rgba(66,99,255,.08);
}
.card,.panel,.chart-card,.pending-card,.tablewrap,.row-card{
  background:linear-gradient(180deg,#ffffff 0%, #fbfcff 100%);
  border:1px solid #e3e8f2;
  box-shadow:0 8px 22px rgba(15,23,42,.04);
}
.kpis .card{
  position:relative;
  overflow:hidden;
}
.kpis .card::before{
  content:"";
  position:absolute;
  left:0;top:0;right:0;height:4px;
  background:linear-gradient(90deg,#4263ff,#7c4dff);
}
.kpis .card:nth-child(2)::before{background:linear-gradient(90deg,#06b6d4,#3b82f6);}
.kpis .card:nth-child(3)::before{background:linear-gradient(90deg,#f59e0b,#f97316);}
.kpis .card:nth-child(4)::before{background:linear-gradient(90deg,#a855f7,#7c3aed);}
.kpis .card:nth-child(5)::before{background:linear-gradient(90deg,#12b76a,#22c55e);}
.kpis .card:nth-child(6)::before{background:linear-gradient(90deg,#ec4899,#8b5cf6);}
.label{
  color:#667085;
  letter-spacing:.08em;
}
.value{
  color:#101828;
}
.section h3,.chart-head h3,.pending-head h3{
  color:#101828;
}
.badge{
  color:#3643d9;
  background:linear-gradient(180deg,#eef2ff 0%,#e0e7ff 100%);
  border:1px solid #d7defe;
}
.tab.active{
  background:linear-gradient(90deg,#111827 0%, #1f2937 100%);
  border-color:#111827;
}
.link{
  color:#3f5efb;
}
th{
  background:linear-gradient(180deg,#f7f9fc 0%, #eef3f9 100%);
  color:#344054;
}
tr:hover td{
  background:#fbfcff;
}
.chart-card{
  position:relative;
}
.chart-card::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;height:4px;
  border-radius:14px 14px 0 0;
  background:linear-gradient(90deg,#4263ff,#8b5cf6);
}
.pending-card{
  position:relative;
}
.pending-card::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;height:4px;
  border-radius:14px 14px 0 0;
  background:linear-gradient(90deg,#5b7cff,#a855f7);
}
.pending-box,.receivable-box{
  background:linear-gradient(180deg,#f9fbff 0%, #f2f6ff 100%);
  border:1px solid #e1e8ff;
}
.billing-chart::before,.billing-chart::after{
  border-top:1px dashed rgba(99,115,129,.22) !important;
}
.bar{
  box-shadow:0 10px 18px rgba(66,99,255,.20);
}
.bar.billing,
.billing-chart .bar{
  background:linear-gradient(180deg,#4c6fff 0%, #5b7cff 100%) !important;
}
.bar.received{
  background:linear-gradient(180deg,#14b8a6 0%, #22c55e 100%) !important;
  box-shadow:0 10px 18px rgba(18,183,106,.18);
}
.status.received{
  background:#e8fbf1;
  color:#067647;
}
.status.pending{
  background:#fff4e8;
  color:#b54708;
}
.overview-filterbar{
  background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
  border:1px solid #e4e9f2;
  border-radius:14px;
  padding:12px 14px;
  margin-bottom:14px;
  box-shadow:0 8px 18px rgba(15,23,42,.03);
}
.filter-title{
  color:#475467;
}
.form-box,.upload-zone{
  background:linear-gradient(180deg,#ffffff 0%, #fbfcff 100%);
}


/* ===== True Responsive Layout for Different PC / Laptop Screens ===== */
html,body{width:100%;min-height:100%;overflow-x:hidden}
body{padding:0!important}
.app{
  width:100%!important;max-width:none!important;min-height:100vh!important;
  margin:0!important;border-radius:0!important;border:0!important;display:flex!important
}
.sidebar{
  width:240px!important;flex:0 0 240px!important;position:fixed!important;
  left:0!important;top:0!important;bottom:0!important;height:100vh!important;z-index:30
}
.main{
  margin-left:240px!important;width:calc(100% - 240px)!important;min-width:0!important
}
.content{width:100%!important;max-width:none!important;padding:24px!important}
.topbar{width:100%!important}
.kpis{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important
}
.overview-row{
  display:grid!important;grid-template-columns:minmax(0,2fr) minmax(320px,.9fr)!important;
  gap:14px!important
}
.chart-card,.pending-card,.card,.panel{min-width:0!important}
.billing-chart{width:100%!important;min-width:0!important}
.overview-filterbar{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  gap:12px!important;flex-wrap:wrap!important
}
.overview-filterbar .filter-controls{
  display:flex!important;flex-wrap:wrap!important;gap:9px!important
}
.overview-filterbar select{min-width:150px!important;flex:1 1 150px!important}
.tablewrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
table{min-width:760px!important}

@media (min-width:1600px){
  .sidebar{width:250px!important;flex-basis:250px!important}
  .main{margin-left:250px!important;width:calc(100% - 250px)!important}
  .content{padding:28px 30px!important}
  .kpis{gap:16px!important}
}
@media (max-width:1366px){
  .sidebar{width:220px!important;flex-basis:220px!important}
  .main{margin-left:220px!important;width:calc(100% - 220px)!important}
  .content{padding:20px!important}
  .kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .overview-row{grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr)!important}
}
@media (max-width:1200px){
  .kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .overview-row{grid-template-columns:1fr!important}
  .pending-card{width:100%!important}
  .overview-filterbar{align-items:flex-start!important}
}
@media (max-width:900px){
  .app{display:block!important}
  .sidebar{
    position:relative!important;width:100%!important;height:auto!important;
    min-height:0!important;flex:none!important
  }
  .main{margin-left:0!important;width:100%!important}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .overview-filterbar .filter-controls{width:100%!important}
  .overview-filterbar select{flex:1 1 calc(50% - 9px)!important}
}
@media (max-width:600px){
  .content{padding:14px!important}
  .topbar{padding:14px 16px!important}
  .kpis{grid-template-columns:1fr!important}
  .overview-filterbar select,.reset-filter-btn{
    width:100%!important;flex:1 1 100%!important
  }
  .billing-chart{overflow-x:auto!important;justify-content:flex-start!important}
  .bar-item{min-width:80px!important}
}


/* 7 KPI cards: balanced responsive layout */
@media (min-width:1600px){
  .kpis{grid-template-columns:repeat(7,minmax(0,1fr))!important}
}
@media (min-width:1367px) and (max-width:1599px){
  .kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}


.btn[onclick*="viewInvoicePdf"]{border-color:#c7d2fe;color:#3448d8;background:#f8f9ff}
.btn[onclick*="downloadInvoicePdf"]{border-color:#bbf7d0;color:#067647;background:#f0fdf4}


.source-note{font-size:11px;color:#667085;margin-top:6px}


/* Refined overview */
.settlement-strip{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(140px,.7fr) minmax(140px,.7fr);
  gap:10px;
  margin:12px 0 16px;
}
.settlement-strip>div{
  background:#fff;
  border:1px solid var(--line);
  border-radius:11px;
  padding:10px 12px;
}
.settlement-strip span{
  display:block;
  font-size:9px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:800;
  margin-bottom:4px;
}
.settlement-strip strong{
  display:block;
  font-size:12px;
  color:#344054;
  line-height:1.35;
}
.pending-list{
  max-height:190px;
  overflow:hidden;
}
.pending-item{
  padding:8px 0;
}
.pending-more{
  padding-top:9px;
  font-size:10px;
  color:var(--muted);
  font-weight:700;
}
.pending-card{
  align-self:start;
}
@media(max-width:720px){
  .settlement-strip{grid-template-columns:1fr}
}

/* Professional Admin / Data Sources */
.admin-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.admin-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:18px;
  cursor:pointer;
  transition:.18s ease;
  box-shadow:0 3px 12px rgba(16,24,40,.03);
}
.admin-card:hover{
  border-color:#cbd5ff;
  box-shadow:0 10px 24px rgba(16,24,40,.06);
  transform:translateY(-2px);
}
.admin-card .admin-kicker{
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:850;
  color:#315efb;
  margin-bottom:8px;
}
.admin-card h3{
  margin:0 0 7px;
  font-size:16px;
}
.admin-card p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.55;
}
.data-source-hero{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:18px 20px;
  margin-bottom:14px;
}
.data-source-hero h3{
  margin:0 0 6px;
  font-size:16px;
}
.data-source-hero p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.55;
}
.source-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.source-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:20px;
  min-height:220px;
  box-shadow:0 3px 12px rgba(16,24,40,.025);
}
.source-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.source-card h3{
  margin:0 0 5px;
  font-size:16px;
}
.source-card p{
  margin:0;
  font-size:11px;
  line-height:1.55;
  color:var(--muted);
}
.source-type{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 8px;
  border-radius:999px;
  background:#eef2ff;
  color:#315efb;
  font-size:9px;
  font-weight:850;
  white-space:nowrap;
}
.source-field{
  margin-top:14px;
}
.source-field label{
  display:block;
  font-size:10px;
  font-weight:800;
  color:#475467;
  margin-bottom:7px;
}
.source-field input[type="file"],
.source-field input[type="url"]{
  width:100%;
  min-height:40px;
  border:1px solid #d0d5dd;
  border-radius:9px;
  background:#fff;
  padding:8px 10px;
  font-size:11px;
  color:#344054;
  box-sizing:border-box;
}
.source-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}
.source-status{
  margin-top:14px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:11px;
  padding:11px 13px;
  font-size:11px;
  color:#475467;
}
.source-footnote{
  margin-top:10px;
  font-size:10px;
  color:#98a2b3;
}
@media(max-width:900px){
  .admin-cards,.source-grid{grid-template-columns:1fr}
  .data-source-hero{align-items:flex-start;flex-direction:column}
}


/* ===== Refined locked admin / data source UI ===== */
.lock-banner{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:18px 20px;
  border:1px solid #d8e1f0;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border-radius:16px;
  box-shadow:0 8px 24px rgba(16,24,40,.04);
  margin-bottom:16px;
}
.lock-banner h3{
  margin:0 0 6px;
  font-size:18px;
}
.lock-banner p{
  margin:0;
  font-size:12px;
  color:#667085;
  line-height:1.55;
}
.lock-badge{
  white-space:nowrap;
  background:#ecf3ff;
  border:1px solid #cfe0ff;
  color:#2449d8;
  border-radius:999px;
  padding:7px 12px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.admin-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.admin-card{
  background:#fff;
  border:1px solid #e4e7ec;
  border-radius:16px;
  padding:18px 18px 16px;
  box-shadow:0 8px 24px rgba(16,24,40,.04);
  transition:.18s ease;
}
.admin-card:hover{
  border-color:#cbd5ff;
  box-shadow:0 14px 28px rgba(16,24,40,.07);
  transform:translateY(-2px);
}
.admin-card .admin-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:800;
  color:#315efb;
  background:#eef3ff;
  border:1px solid #d6e2ff;
  border-radius:999px;
  padding:5px 9px;
  margin-bottom:12px;
}
.admin-card h3{margin:0 0 8px;font-size:17px}
.admin-card p{margin:0;color:#667085;font-size:12px;line-height:1.6}
.source-shell{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.source-hero-pro{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding:20px;
  border-radius:16px;
  border:1px solid #e4e7ec;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 8px 24px rgba(16,24,40,.04);
}
.source-hero-pro h3{
  margin:0 0 7px;
  font-size:18px;
}
.source-hero-pro p{
  margin:0;
  color:#667085;
  font-size:12px;
  line-height:1.6;
  max-width:760px;
}
.source-chip{
  white-space:nowrap;
  background:#eef3ff;
  color:#315efb;
  border:1px solid #d6e2ff;
  border-radius:999px;
  padding:7px 12px;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.source-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.source-card{
  background:#fff;
  border:1px solid #e4e7ec;
  border-radius:16px;
  padding:18px;
  box-shadow:0 8px 24px rgba(16,24,40,.04);
}
.source-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:14px;
}
.source-card-head h3{margin:0 0 6px;font-size:17px}
.source-card-head p{margin:0;color:#667085;font-size:12px;line-height:1.6}
.source-type{
  background:#f5f8ff;
  border:1px solid #d9e3ff;
  color:#315efb;
  border-radius:999px;
  padding:6px 10px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.source-field{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-bottom:12px;
}
.source-field label{
  font-size:11px;
  font-weight:800;
  color:#344054;
}
.source-field input[type="file"],
.source-field input[type="url"]{
  width:100%;
  min-height:44px;
  border:1px solid #d0d5dd;
  border-radius:12px;
  background:#fff;
  padding:10px 12px;
  font-size:12px;
  color:#344054;
  box-sizing:border-box;
}
.source-field input[type="file"]{padding:8px 10px}
.source-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.source-status-pro,
.source-note-pro{
  background:#fff;
  border:1px solid #e4e7ec;
  border-radius:14px;
  padding:14px 16px;
  box-shadow:0 6px 18px rgba(16,24,40,.03);
}
.source-status-pro .label,
.source-note-pro .label{
  display:block;
  margin-bottom:6px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#667085;
  font-weight:800;
}
.source-status-pro .value{
  font-size:13px;
  color:#101828;
  line-height:1.55;
}
.source-note-pro p{
  margin:0;
  font-size:12px;
  color:#667085;
  line-height:1.6;
}
.source-footer-row{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:14px;
}


/* ===== Billing upload professional alignment ===== */
.billing-upload-card{
  margin-bottom:16px;
  padding:18px 18px 16px;
  border-radius:18px;
  border:1px solid #e4e7ec;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);
  box-shadow:0 10px 28px rgba(16,24,40,.04);
}
.billing-upload-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.billing-upload-title h3{
  margin:0 0 6px;
  font-size:18px;
}
.billing-upload-title p{
  margin:0;
  font-size:12px;
  line-height:1.6;
  color:#667085;
}
.billing-upload-badge{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid #d6e2ff;
  background:#eef3ff;
  color:#315efb;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
}
.billing-upload-toolbar{
  display:grid;
  grid-template-columns:auto minmax(300px,1fr) auto auto;
  gap:10px;
  align-items:center;
}
.billing-upload-toolbar .action-btn{
  min-height:40px;
  border-radius:11px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}
.billing-upload-filebox{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 12px;
  border:1px solid #d0d5dd;
  border-radius:12px;
  background:#fff;
  overflow:hidden;
}
.billing-upload-filebox input[type="file"]{
  width:100%;
  min-height:auto;
  padding:0;
  border:0;
  background:transparent;
  border-radius:0;
  font-size:12px;
}
.billing-upload-footrow{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:12px;
  margin-top:12px;
}
.billing-upload-status,
.billing-upload-note{
  min-height:58px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid #e4e7ec;
  border-radius:14px;
  background:#fff;
  padding:12px 14px;
  box-shadow:0 6px 18px rgba(16,24,40,.03);
}
.billing-upload-status .label,
.billing-upload-note .label{
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#667085;
  margin-bottom:5px;
}
.billing-upload-status .value,
.billing-upload-note .value{
  font-size:12px;
  line-height:1.6;
  color:#101828;
}
.billing-upload-note .value{
  color:#475467;
}
@media(max-width:1200px){
  .billing-upload-toolbar{
    grid-template-columns:1fr 1fr;
  }
  .billing-upload-footrow{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .billing-upload-head{
    flex-direction:column;
    align-items:flex-start;
  }
  .billing-upload-toolbar{
    grid-template-columns:1fr;
  }
}
.soft-btn{
  background:#fff;
  color:#344054;
  border:1px solid #d0d5dd;
}
@media(max-width:980px){
  .admin-cards,.source-grid,.source-footer-row{grid-template-columns:1fr}
  .source-hero-pro,.lock-banner{flex-direction:column}
}


/* ===== Responsive KPI amount sizing v3 ===== */
.kpis{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) !important;
}
.card{
  min-width:0;
  container-type:inline-size;
}
.card .value,
.card .value.kpi-fit{
  display:block;
  width:100%;
  max-width:100%;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
  font-size:clamp(18px,1.55vw,30px);
  line-height:1.08;
  letter-spacing:-0.025em;
}
.card .value.kpi-fit{
  font-size:clamp(14px,1.25vw,25px);
  letter-spacing:-0.04em;
}
@container (max-width:190px){
  .card .value{font-size:clamp(17px,11cqw,25px)}
  .card .value.kpi-fit{font-size:clamp(13px,9.2cqw,21px)}
}
@container (max-width:160px){
  .card .value{font-size:16px}
  .card .value.kpi-fit{font-size:12.5px}
}
@media(max-width:1100px){
  .kpis{grid-template-columns:repeat(auto-fit,minmax(165px,1fr)) !important}
}
@media(max-width:760px){
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .card .value,.card .value.kpi-fit{font-size:clamp(15px,4.4vw,23px)}
}
@media(max-width:480px){
  .kpis{grid-template-columns:1fr !important}
  .card .value,.card .value.kpi-fit{font-size:clamp(18px,7vw,27px)}
}

/* ===== Overview refinement v2 ===== */
.card .value{
  font-size:clamp(21px,1.55vw,30px);
  line-height:1.08;
  
}
.card .value.kpi-fit{
  font-size:clamp(18px,1.35vw,27px);
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
}
.overview-row{
  align-items:stretch;
}
.chart-card,.pending-card{
  min-height:280px;
}
.billing-chart{
  min-height:190px;
}
.pending-item{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.pending-item strong{
  font-size:11px;
}
.pending-item span{
  font-size:10px;
  color:#667085;
}
.settlement-placeholder{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--soft-shadow);
  padding:22px 24px;
  margin-top:8px;
}
.settlement-placeholder h4{
  margin:0 0 6px;
  font-size:15px;
}
.settlement-placeholder p{
  margin:0;
  font-size:11px;
  color:#667085;
}
.overview-settlement-block{
  margin:0 0 14px;
  padding-bottom:2px;
}
.overview-settlement-block + .owner-grid{
  margin-top:2px !important;
}
.source-live{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:800;
  color:#067647;
}
.source-live:before{
  content:'';
  width:7px;
  height:7px;
  border-radius:50%;
  background:#12b76a;
  box-shadow:0 0 0 3px rgba(18,183,106,.10);
}

/* ===== Premium responsive shell ===== */
:root{
  --app-radius:22px;
  --card-radius:16px;
  --soft-shadow:0 10px 30px rgba(16,24,40,.06);
}

/* Full viewport app shell */
html,body{
  min-height:100%;
}
body{
  margin:0;
  min-width:320px;
  background:#eef2f7;
  overflow-x:hidden;
}
.app{
  width:100%;
  min-height:100vh;
  max-width:none;
  margin:0;
  background:transparent;
}

/* Sidebar scales instead of staying too wide */
.sidebar{
  width:clamp(178px,14vw,220px);
  min-width:178px;
  border-radius:0 22px 22px 0;
  box-shadow:10px 0 28px rgba(16,24,40,.06);
}

/* Main area always fits remaining viewport */
.main{
  width:calc(100% - clamp(178px,14vw,220px));
  min-width:0;
  padding:clamp(14px,1.6vw,26px);
  box-sizing:border-box;
}

/* Premium rounded content canvas */
#content{
  width:100%;
  max-width:none;
  min-width:0;
  box-sizing:border-box;
}
.topbar{
  border-radius:0 0 18px 18px;
}
.panel,
.card,
.chart-card,
.pending-card,
.company-card,
.admin-card,
.source-card,
.data-source-hero,
.overview-filterbar,
.tablewrap,
.ledger-note,
.source-status,
.settlement-strip>div{
  border-radius:var(--card-radius)!important;
  box-shadow:var(--soft-shadow);
}

/* Grid systems adapt automatically */
.kpis{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:clamp(10px,1vw,16px)!important;
}
.company-grid,
.admin-cards,
.source-grid{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
}
.overview-row,
.two{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(12px,1.2vw,18px)!important;
}

/* Filter controls wrap cleanly */
.filter-controls{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.filter-controls select,
.filter-controls input,
.filter-controls button{
  flex:1 1 150px;
  min-width:130px;
  max-width:240px;
}
.overview-filterbar{
  padding:12px 14px!important;
}

/* Tables remain readable without breaking page */
.tablewrap{
  width:100%;
  max-width:100%;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
}
.tablewrap table{
  width:100%;
  min-width:760px;
  border-collapse:separate;
  border-spacing:0;
}
.tablewrap thead th:first-child{border-top-left-radius:12px;}
.tablewrap thead th:last-child{border-top-right-radius:12px;}

/* Better scaling of typography */
h1{font-size:clamp(20px,1.8vw,28px)!important;}
h2{font-size:clamp(18px,1.5vw,24px)!important;}
h3{font-size:clamp(14px,1.05vw,17px)!important;}
.card .value{font-size:clamp(20px,1.7vw,30px)!important;}
.meta,.label,.badge,.source-type{line-height:1.35;}

/* Chart adapts */
.billing-chart{
  min-height:220px;
  overflow-x:auto;
  gap:clamp(10px,1.2vw,20px);
}
.bar-item{
  min-width:58px;
}


/* Billing overdue notification ticker */
.overdue-ticker{position:relative;margin:0 0 14px;display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 12px;border:1px solid #f0b4b4;border-radius:12px;background:linear-gradient(90deg,#ffe8e8 0%,#fff1f1 45%,#ffeaea 100%);overflow:hidden;box-shadow:0 6px 18px rgba(180,35,24,.10)}
.overdue-ticker-badge{position:relative;z-index:2;flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;background:linear-gradient(180deg,#dc2626 0%,#b91c1c 100%);color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em;box-shadow:0 4px 12px rgba(185,28,28,.28)}
.overdue-ticker-window{position:relative;flex:1;min-width:0;overflow:hidden;white-space:nowrap;display:flex;align-items:center;min-height:34px}
.overdue-ticker-track{display:inline-block;white-space:nowrap;padding-left:100%;animation:overdueTickerMove 22s linear infinite}
.overdue-ticker:hover .overdue-ticker-track{animation-play-state:paused}
.overdue-ticker-text{font-size:12px;font-weight:700;color:#6b2737}
.overdue-ticker-text strong{color:#b42318}
@keyframes overdueTickerMove{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){.overdue-ticker-track{animation:none;padding-left:0}}
@media(max-width:700px){
 .overdue-ticker{min-height:40px;padding:0 9px}
 .overdue-ticker-badge{padding:6px 8px;font-size:10px}
 .overdue-ticker-text{font-size:11px}
}

/* Pending area no longer pushes content down too much */
.pending-list{
  max-height:min(220px,26vh)!important;
  overflow-y:auto!important;
  padding-right:3px;
}

/* Smooth rounded scrollbars for supported browsers */
*{
  scrollbar-width:thin;
}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}

/* Large desktop / LED */
@media (min-width:1600px){
  .main{
    padding:28px 32px;
  }
  .kpis{
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  }
  #content{
    max-width:1800px;
    margin:0 auto;
  }
  .overview-row{
    grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr)!important;
  }
}

/* Common laptop sizes: 1366, 1440 */
@media (max-width:1450px){
  .main{
    padding:16px 18px;
  }
  .kpis{
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  }
  .overview-row{
    grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr)!important;
  }
  .card{
    padding:14px!important;
  }
}

/* Smaller laptop / tablet landscape */
@media (max-width:1180px){
  .overview-row,
  .two{
    grid-template-columns:1fr!important;
  }
  .settlement-strip{
    grid-template-columns:1fr 1fr!important;
  }
  .filter-controls select,
  .filter-controls input,
  .filter-controls button{
    max-width:none;
  }
}

/* Compact mode */
@media (max-width:900px){
  body{
    overflow-x:hidden;
  }
  .app{
    display:block!important;
  }
  .sidebar{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    position:relative!important;
    border-radius:0 0 20px 20px!important;
    padding:12px!important;
    box-sizing:border-box;
  }
  .sidebar .brand{
    margin-bottom:10px;
  }
  .nav{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    padding-bottom:4px;
  }
  .nav-btn{
    flex:0 0 auto;
    width:auto!important;
    white-space:nowrap;
    padding:9px 12px!important;
    border-radius:10px!important;
  }
  .main{
    width:100%!important;
    padding:12px!important;
  }
  .topbar{
    margin:-12px -12px 12px!important;
    padding:14px 16px!important;
  }
  .kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .source-grid,
  .admin-cards,
  .company-grid{
    grid-template-columns:1fr!important;
  }
  .settlement-strip{
    grid-template-columns:1fr!important;
  }
}

/* Mobile */
@media (max-width:600px){
  .kpis{
    grid-template-columns:1fr!important;
  }
  .main{
    padding:9px!important;
  }
  .topbar{
    margin:-9px -9px 10px!important;
  }
  .overview-filterbar,
  .panel,
  .card,
  .chart-card,
  .pending-card,
  .company-card,
  .source-card,
  .data-source-hero{
    border-radius:14px!important;
  }
  .filter-controls{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .filter-controls select,
  .filter-controls input,
  .filter-controls button{
    width:100%!important;
    max-width:none!important;
  }
  .tablewrap table{
    min-width:700px;
  }
}


/* ===== Mobile-first refinement ===== */
@media (max-width:600px){
  body{
    background:#f3f6fa!important;
    font-size:13px;
  }

  .sidebar{
    position:sticky!important;
    top:0;
    z-index:50;
    padding:10px 10px 8px!important;
    border-radius:0 0 18px 18px!important;
  }

  .sidebar .brand{
    font-size:14px!important;
    line-height:1.25!important;
    margin-bottom:8px!important;
  }

  .nav{
    gap:6px!important;
    padding-bottom:3px!important;
  }

  .nav-btn{
    min-height:40px!important;
    padding:9px 12px!important;
    font-size:11px!important;
    border-radius:10px!important;
  }

  .main{
    padding:8px!important;
  }

  .topbar{
    margin:-8px -8px 10px!important;
    padding:12px 13px!important;
    border-radius:0 0 16px 16px!important;
  }

  .topbar h1{
    font-size:19px!important;
    line-height:1.25!important;
  }

  #content{
    padding-bottom:18px;
  }

  .overview-filterbar{
    padding:10px!important;
    border-radius:14px!important;
  }

  .filter-title{
    font-size:12px!important;
    margin-bottom:8px!important;
  }

  .filter-controls{
    gap:7px!important;
  }

  .filter-controls select,
  .filter-controls input,
  .filter-controls button{
    width:100%!important;
    min-height:42px!important;
    font-size:12px!important;
    border-radius:10px!important;
  }

  .kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .card{
    padding:11px!important;
    min-height:92px!important;
    border-radius:14px!important;
  }

  .card .label{
    font-size:9px!important;
  }

  .card .value{
    font-size:20px!important;
    line-height:1.15!important;
    overflow-wrap:anywhere;
  }

  .card .meta{
    font-size:9px!important;
  }

  .section{
    margin-top:14px!important;
    margin-bottom:8px!important;
  }

  .section h3{
    font-size:14px!important;
  }

  .settlement-strip{
    gap:7px!important;
    margin:9px 0 12px!important;
  }

  .settlement-strip>div{
    padding:9px 10px!important;
    border-radius:12px!important;
  }

  .overview-row{
    gap:10px!important;
  }

  .chart-card,
  .pending-card,
  .panel,
  .company-card,
  .source-card,
  .admin-card,
  .data-source-hero{
    padding:12px!important;
    border-radius:14px!important;
  }

  .billing-chart{
    min-height:190px!important;
    padding-bottom:4px;
  }

  .bar-item{
    min-width:52px!important;
  }

  .pending-list{
    max-height:180px!important;
  }

  .pending-item{
    padding:8px 0!important;
  }

  .pending-item strong{
    font-size:11px!important;
  }

  .pending-item span{
    font-size:9px!important;
  }

  .tabs{
    display:flex!important;
    overflow-x:auto!important;
    gap:6px!important;
    padding-bottom:4px;
    scrollbar-width:none;
  }

  .tabs::-webkit-scrollbar{display:none}

  .tab{
    flex:0 0 auto;
    min-height:38px!important;
    padding:8px 11px!important;
    font-size:10px!important;
    border-radius:9px!important;
    white-space:nowrap;
  }

  .tablewrap{
    border-radius:12px!important;
    max-width:100%;
  }

  .tablewrap table{
    min-width:620px!important;
    font-size:10px!important;
  }

  .tablewrap th,
  .tablewrap td{
    padding:8px 9px!important;
    white-space:nowrap;
  }

  .action-btn,
  button{
    min-height:40px;
    touch-action:manipulation;
  }

  .source-grid,
  .admin-cards,
  .company-grid{
    gap:10px!important;
  }

  .source-card{
    min-height:auto!important;
  }

  .source-field input[type="file"],
  .source-field input[type="url"]{
    min-height:42px!important;
    font-size:12px!important;
  }

  .source-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .source-actions .action-btn{
    width:100%;
  }

  .company-card h3,
  .admin-card h3,
  .source-card h3{
    font-size:15px!important;
  }

  .company-top{
    align-items:flex-start!important;
  }

  .simple-list .row-card{
    padding:11px!important;
    border-radius:11px!important;
  }

  .row-card strong{
    font-size:11px!important;
  }

  .row-card span{
    font-size:9px!important;
  }
}

/* Extra-small phones */
@media (max-width:420px){
  .kpis{
    grid-template-columns:1fr!important;
  }

  .card{
    min-height:auto!important;
  }

  .topbar h1{
    font-size:18px!important;
  }

  .nav-btn{
    min-height:38px!important;
    font-size:10px!important;
  }

  .tablewrap table{
    min-width:580px!important;
  }
}


/* Locked dashboard UX */
.nav-btn,.card,.section,.admin-card,.row-card,.filter-title,.brand{user-select:none}
.locked-note{font-size:11px;color:var(--muted)}


/* ===== FINAL KPI FIT OVERRIDE ===== */
.kpis{
  gap:14px !important;
}
.kpis .card{
  min-width:0 !important;
  padding:16px 15px !important;
  overflow:hidden !important;
}
.kpis .card .label{
  font-size:10px !important;
  line-height:1.2 !important;
  margin-bottom:9px !important;
}
.kpis .card .value,
.kpis .card .value.kpi-fit,
.kpis .card .value.kpi-fit-small{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  line-height:1.05 !important;
  letter-spacing:-0.045em !important;
  font-size:22px !important;
}
.kpis .card .value.kpi-fit{
  font-size:18px !important;
}
.kpis .card .value.kpi-fit-small{
  font-size:15.5px !important;
}
.kpis .card .meta{
  font-size:10px !important;
  line-height:1.35 !important;
  margin-top:9px !important;
}
@media (min-width:1400px){
  .kpis .card .value{font-size:23px !important}
  .kpis .card .value.kpi-fit{font-size:18.5px !important}
  .kpis .card .value.kpi-fit-small{font-size:16px !important}
}
@media (max-width:1250px){
  .kpis{
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important;
  }
  .kpis .card .value{font-size:21px !important}
  .kpis .card .value.kpi-fit{font-size:17px !important}
  .kpis .card .value.kpi-fit-small{font-size:15px !important}
}
@media (max-width:900px){
  .kpis{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .kpis .card .value{font-size:20px !important}
  .kpis .card .value.kpi-fit{font-size:17px !important}
  .kpis .card .value.kpi-fit-small{font-size:15px !important}
}
@media (max-width:520px){
  .kpis{
    grid-template-columns:1fr !important;
  }
  .kpis .card .value{font-size:22px !important}
  .kpis .card .value.kpi-fit{font-size:19px !important}
  .kpis .card .value.kpi-fit-small{font-size:17px !important}
}

/* Stable KPI auto-flow: size cards from the available content width, not viewport breakpoints. */
#content .kpis{
  container-type:inline-size!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))!important;
  align-items:stretch!important;
  gap:14px!important;
}
#content .kpis>.kpi-card{
  width:auto!important;
  min-width:0!important;
  min-height:108px!important;
  height:auto!important;
}
#content .kpis>.kpi-card .value,
#content .kpis>.kpi-card .value.kpi-fit,
#content .kpis>.kpi-card .value.kpi-fit-small{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:clamp(13px,11cqw,23px)!important;
}
#content .kpis>.kpi-card .value.kpi-fit{font-size:clamp(12px,9.5cqw,19px)!important}
#content .kpis>.kpi-card .value.kpi-fit-small{font-size:clamp(11px,8.2cqw,17px)!important}


/* ===== Clean Data Sources UI ===== */
.clean-source-shell{
  gap:16px;
}
.clean-source-shell .source-card{
  padding:20px;
}
.clean-source-shell .source-card-head{
  margin-bottom:16px;
}
.clean-source-shell .source-card-head h3{
  font-size:18px;
  margin:0;
}
.clean-source-footer{
  grid-template-columns:1fr 1fr;
}
.clean-source-footer .source-status-pro{
  min-height:58px;
}
.clean-source-footer .source-status-pro .value{
  font-size:15px;
  font-weight:800;
}
.compact-source-actions{
  margin-top:-2px !important;
}
.clean-source-shell .source-field input[type="url"],
.clean-source-shell .source-field input[type="file"]{
  min-height:44px;
}
@media(max-width:900px){
  .clean-source-footer{grid-template-columns:1fr}
}


/* ===== Premium Overview Polish v4 ===== */
#content{
  padding-bottom:34px !important;
}
.overview-filterbar{
  padding:14px 16px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 8px 24px rgba(16,24,40,.05) !important;
}
.filter-title{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:10px !important;
  font-size:12px !important;
  color:#475467 !important;
}
.source-live{
  margin-left:auto !important;
  background:#ecfdf3 !important;
  border:1px solid #abefc6 !important;
  color:#067647 !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  font-size:10px !important;
  white-space:nowrap !important;
}
.overview-filterbar .filters{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) 120px !important;
  gap:9px !important;
  align-items:center !important;
}
.overview-filterbar select,
.overview-filterbar .reset-filter-btn{
  min-height:36px !important;
  border-radius:10px !important;
  font-size:11px !important;
}

.section{
  margin-top:24px !important;
  margin-bottom:10px !important;
}
.section h3{
  font-size:17px !important;
  letter-spacing:-.01em !important;
}
.section .badge{
  background:#f4f6ff !important;
  color:#3446d3 !important;
  border:1px solid #d9dfff !important;
  font-size:9px !important;
  padding:5px 9px !important;
}

.kpis{
  gap:12px !important;
}
.kpis .card{
  border-radius:16px !important;
  padding:15px 14px !important;
  box-shadow:0 8px 22px rgba(16,24,40,.045) !important;
  border:1px solid #e7eaf0 !important;
}
.kpis .card .label{
  font-size:9.5px !important;
  color:#667085 !important;
  letter-spacing:.08em !important;
}
.kpis .card .value,
.kpis .card .value.kpi-fit,
.kpis .card .value.kpi-fit-small{
  font-weight:800 !important;
  color:#101828 !important;
}
.kpis .card .meta{
  color:#7b8494 !important;
}
.kpis .card[data-state="na"]{
  background:#f8fafc !important;
  border-color:#e4e7ec !important;
  box-shadow:none !important;
}
.kpis .card[data-state="na"] .value{
  color:#667085 !important;
  font-size:16px !important;
  letter-spacing:-.02em !important;
}

.settlement-placeholder{
  padding:18px 20px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#fff 0%,#fafbff 100%) !important;
}
.settlement-placeholder h4{
  font-size:15px !important;
}
.settlement-placeholder p{
  font-size:10.5px !important;
}

.settlement-rule-compact{
  margin-top:10px !important;
  background:#fff !important;
  border:1px solid #e7eaf0 !important;
  border-radius:12px !important;
  padding:10px 13px !important;
  font-size:10.5px !important;
  color:#667085 !important;
  box-shadow:0 4px 14px rgba(16,24,40,.03) !important;
}
.settlement-rule-compact b{
  color:#344054 !important;
}

.month-costing-wrap{
  max-width:980px;
}
.month-costing-wrap .tablewrap{
  box-shadow:0 8px 22px rgba(16,24,40,.04) !important;
}
.month-costing-wrap table{
  min-width:650px !important;
}
.month-costing-wrap th,
.month-costing-wrap td{
  padding:10px 14px !important;
}

.overview-row{
  gap:14px !important;
  align-items:stretch !important;
}
.chart-card,.pending-card{
  min-height:248px !important;
  border-radius:16px !important;
  box-shadow:0 8px 24px rgba(16,24,40,.045) !important;
}
.billing-chart{
  min-height:150px !important;
}
.pending-card{
  overflow:hidden !important;
}
.pending-stats{
  padding-bottom:8px !important;
}
.pending-list{
  max-height:185px !important;
  overflow:auto !important;
}
.pending-item{
  padding:9px 0 !important;
  border-bottom:1px solid #eef2f6 !important;
}
.pending-item strong{
  font-size:10.5px !important;
}
.pending-item span{
  display:flex !important;
  justify-content:space-between !important;
  gap:10px !important;
  font-size:9.5px !important;
}
.pending-item .pending-amount{
  margin-left:auto !important;
  font-weight:800 !important;
  color:#344054 !important;
  white-space:nowrap !important;
}

.sidebar .brand-sub{
  font-size:9px !important;
  opacity:.8 !important;
}
.sidebar .nav a,
.sidebar .nav button,
.sidebar .nav-item{
  font-size:12px !important;
}
@media(max-width:1200px){
  .overview-filterbar .filters{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
@media(max-width:760px){
  .filter-title{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  .source-live{margin-left:0 !important}
  .overview-filterbar .filters{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* ===== Layout Balance v5 ===== */
.overview-filterbar .filter-title{
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
  gap:12px !important;
}
.overview-filterbar .filter-title .source-live{
  grid-column:3 !important;
  justify-self:end !important;
  margin-left:0 !important;
}

.section{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}
.section .badge{
  margin-left:auto !important;
}

.month-costing-wrap{
  max-width:none !important;
  width:100% !important;
}
.month-costing-wrap .tablewrap{
  width:100% !important;
}
.month-costing-wrap table{
  min-width:100% !important;
}

.billing-overview-kpis{
  display:grid !important;
  grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
}
.billing-overview-kpis .card{
  min-width:0 !important;
}

.overview-row{
  display:grid !important;
  grid-template-columns:minmax(0,2.15fr) minmax(280px,.85fr) !important;
  width:100% !important;
  gap:14px !important;
}
.chart-card,
.pending-card{
  width:100% !important;
}
.chart-card{
  min-height:270px !important;
}
.pending-card{
  min-height:270px !important;
}
.billing-chart{
  min-height:180px !important;
}
.pending-list{
  max-height:205px !important;
}

.settlement-rule-compact{
  border-left:3px solid #5b6cff !important;
  background:linear-gradient(180deg,#ffffff 0%,#fafbff 100%) !important;
}

@media(max-width:1500px){
  .billing-overview-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
@media(max-width:1100px){
  .overview-row{
    grid-template-columns:1fr !important;
  }
  .billing-overview-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:760px){
  .overview-filterbar .filter-title{
    grid-template-columns:1fr !important;
  }
  .overview-filterbar .filter-title .source-live{
    grid-column:1 !important;
    justify-self:start !important;
  }
  .billing-overview-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:480px){
  .billing-overview-kpis{
    grid-template-columns:1fr !important;
  }
}


/* ===== Invoice Register Compact Professional ===== */
.invoice-register-wrap{
  border-radius:16px !important;
  overflow:auto !important;
  box-shadow:0 8px 24px rgba(16,24,40,.05) !important;
  border:1px solid #e4e7ec !important;
  background:#fff !important;
}
.invoice-register{
  min-width:1080px !important;
  table-layout:fixed !important;
}
.invoice-register th,
.invoice-register td{
  padding:10px 9px !important;
  font-size:11px !important;
  vertical-align:middle !important;
}
.invoice-register thead th{
  position:sticky !important;
  top:0 !important;
  z-index:4 !important;
  background:#f4f7fb !important;
  color:#344054 !important;
  font-weight:800 !important;
  border-bottom:1px solid #dfe4ea !important;
  white-space:nowrap !important;
}
.invoice-register tbody tr:nth-child(even){
  background:#fbfcfe !important;
}
.invoice-register tbody tr:hover{
  background:#f6f8ff !important;
}
.invoice-register .col-invoice{width:105px}
.invoice-register .col-date{width:95px}
.invoice-register .col-month{width:90px}
.invoice-register .col-company{width:205px}
.invoice-register .col-portfolio{width:145px}
.invoice-register .col-state{width:110px}
.invoice-register .col-city{width:125px}
.invoice-register .col-basic{width:125px}
.invoice-register .col-tds{width:100px}
.invoice-register .col-net{width:125px}
.invoice-register .col-received{width:115px}
.invoice-register .col-paydate{width:125px}
.invoice-register .col-status{width:90px}
.invoice-register .col-action{width:86px}

.invoice-register td.company-cell,
.invoice-register td.portfolio-cell,
.invoice-register td.city-cell{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.invoice-register .amount-cell{
  text-align:right !important;
  white-space:nowrap !important;
  font-variant-numeric:tabular-nums;
}
.invoice-register .center-cell{
  text-align:center !important;
  white-space:nowrap !important;
}
.invoice-register .invoice-link{
  color:#315efb !important;
  font-weight:800 !important;
  cursor:pointer !important;
  text-decoration:none !important;
}
.invoice-register .invoice-link:hover{
  text-decoration:underline !important;
}
.invoice-register th.action-sticky,
.invoice-register td.action-sticky{
  position:sticky !important;
  right:0 !important;
  z-index:3 !important;
  background:#fff !important;
  box-shadow:-8px 0 12px rgba(16,24,40,.035) !important;
}
.invoice-register thead th.action-sticky{
  z-index:6 !important;
  background:#f4f7fb !important;
}
.invoice-register .btn.view-only{
  padding:6px 9px !important;
  border-radius:8px !important;
  white-space:nowrap !important;
  font-size:10px !important;
}
.invoice-register .status{
  min-width:58px !important;
  text-align:center !important;
}
@media(max-width:1400px){
  .invoice-register{
    min-width:1220px !important;
  }
  .invoice-register th,
  .invoice-register td{
    font-size:10.5px !important;
    padding:9px 8px !important;
  }
  .invoice-register .col-company{width:185px}
  .invoice-register .col-portfolio{width:130px}
}


/* ===== Compact Overview Header / Filters ===== */
.topbar{
  padding:12px 24px !important;
  min-height:auto !important;
}
.topbar h1,
.topbar #title{
  font-size:23px !important;
  line-height:1.12 !important;
  margin-bottom:3px !important;
}
.topbar .crumb,
#crumb{
  font-size:10.5px !important;
}
.compact-overview-filter{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:9px !important;
  padding:12px 14px !important;
  margin-top:10px !important;
  margin-bottom:16px !important;
  min-height:0 !important;
}
.compact-filter-title{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  margin:0 !important;
  min-height:24px !important;
}
.compact-filter-title .source-live{
  margin:0 !important;
  font-size:9.5px !important;
  padding:4px 8px !important;
  background:#ecfdf3 !important;
  border:1px solid #abefc6 !important;
  border-radius:999px !important;
  color:#067647 !important;
}
.compact-filter-controls{
  display:grid !important;
  grid-template-columns:minmax(155px,1.2fr) minmax(145px,1.15fr) minmax(135px,1fr) minmax(105px,.78fr) minmax(115px,.82fr) minmax(135px,1fr) 92px !important;
  gap:8px !important;
  width:100% !important;
  align-items:center !important;
}
.compact-filter-controls select{
  width:100% !important;
  min-width:0 !important;
  height:34px !important;
  padding:6px 9px !important;
  border-radius:9px !important;
  font-size:10.5px !important;
}
.compact-reset{
  min-width:92px !important;
  height:34px !important;
  padding:6px 12px !important;
  font-size:10.5px !important;
  border-radius:9px !important;
}
@media(max-width:1200px){
  .compact-filter-controls{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  .compact-reset{min-width:0 !important;width:100% !important}
}
@media(max-width:760px){
  .compact-filter-title{justify-content:flex-start !important}
  .compact-filter-controls{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:480px){
  .compact-filter-controls{grid-template-columns:1fr !important}
}


/* ===== FINAL POLISH PASS v6 ===== */
:root{
  --shell-gap:14px;
}
body{
  background:linear-gradient(135deg,#f4f7fb 0%,#eef3f8 56%,#f3effd 100%) !important;
}
.sidebar{
  width:220px !important;
}
.main{
  margin-left:220px !important;
}
.brand{
  padding:20px 16px 14px !important;
}
.brand h2{
  font-size:25px !important;
  line-height:1.1 !important;
  margin-bottom:7px !important;
}
.brand-sub{
  font-size:9.5px !important;
  letter-spacing:.12em !important;
}
.nav{
  padding-top:8px !important;
}
.nav-item{
  padding:10px 12px !important;
  margin:2px 8px !important;
}

.topbar{
  padding:10px 22px !important;
  min-height:62px !important;
  border-radius:0 0 18px 18px !important;
}
.topbar #title{
  font-size:22px !important;
}
#crumb{
  font-size:10px !important;
}

#content{
  padding:16px 28px 30px !important;
  max-width:1700px !important;
  margin:0 auto !important;
}

.compact-overview-filter{
  padding:10px 12px !important;
  margin-top:4px !important;
  margin-bottom:14px !important;
  border-radius:14px !important;
  box-shadow:0 6px 18px rgba(16,24,40,.045) !important;
}
.compact-filter-controls{
  grid-template-columns:minmax(160px,1.25fr) minmax(150px,1.15fr) minmax(135px,1fr) minmax(105px,.75fr) minmax(115px,.78fr) minmax(135px,1fr) 82px auto !important;
  gap:8px !important;
}
.compact-live-chip{
  align-self:center !important;
  justify-self:end !important;
  font-size:9px !important;
  padding:4px 7px !important;
  white-space:nowrap !important;
}
.compact-reset{
  min-width:82px !important;
  width:82px !important;
}

.section{
  margin-top:18px !important;
  margin-bottom:8px !important;
}
.section h3{
  font-size:16px !important;
}

.settlement-placeholder{
  max-width:640px !important;
  padding:15px 18px !important;
  min-height:0 !important;
  margin:0 !important;
  border-radius:14px !important;
}
.settlement-placeholder h4{
  font-size:14px !important;
  margin-bottom:3px !important;
}
.settlement-placeholder p{
  font-size:10px !important;
}

.kpis .card{
  min-height:82px !important;
  padding:13px 13px !important;
  border-radius:14px !important;
}
.kpis .card .label{
  font-size:9px !important;
  margin-bottom:7px !important;
}
.kpis .card .value,
.kpis .card .value.kpi-fit{
  font-size:17px !important;
}
.kpis .card .value.kpi-fit-small{
  font-size:14.5px !important;
}
.kpis .card .meta{
  margin-top:6px !important;
  font-size:9.2px !important;
}

.billing-overview-kpis{
  gap:10px !important;
}
.billing-overview-kpis .card{
  min-height:76px !important;
}

.chart-card,
.pending-card{
  min-height:235px !important;
  border-radius:14px !important;
}
.chart-card{
  padding:14px !important;
}
.pending-card{
  padding:14px !important;
}
.billing-chart{
  min-height:125px !important;
  height:125px !important;
  padding-top:8px !important;
}
.bar{
  max-height:82px !important;
}
.bar-value{
  font-size:9px !important;
}
.bar-label{
  font-size:9.5px !important;
}
.chart-head h3,
.pending-head h3{
  font-size:15px !important;
}
.pending-stats{
  gap:10px !important;
}
.pending-stat span{
  font-size:10px !important;
}
.pending-stat strong{
  font-size:15px !important;
}
.pending-list{
  max-height:155px !important;
}
.pending-item{
  padding:7px 0 !important;
}
.pending-item strong{
  font-size:10px !important;
}
.pending-item span{
  font-size:9px !important;
}
.pending-list::-webkit-scrollbar{
  width:5px !important;
}
.pending-list::-webkit-scrollbar-thumb{
  background:#d0d5dd !important;
  border-radius:999px !important;
}
.pending-list::-webkit-scrollbar-track{
  background:transparent !important;
}

.month-costing-wrap .tablewrap{
  border-radius:13px !important;
}
.month-costing-wrap th,
.month-costing-wrap td{
  padding:9px 12px !important;
  font-size:10.5px !important;
}

.settlement-rule-compact{
  padding:8px 11px !important;
  font-size:10px !important;
  margin-top:8px !important;
}

@media(max-width:1400px){
  .sidebar{width:205px !important}
  .main{margin-left:205px !important}
  #content{padding-left:20px !important;padding-right:20px !important}
  .compact-filter-controls{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  .compact-live-chip{
    justify-self:start !important;
  }
  .compact-reset{
    width:100% !important;
  }
}
@media(max-width:900px){
  .sidebar{width:100% !important}
  .main{margin-left:0 !important}
  #content{padding:14px !important}
  .compact-filter-controls{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:520px){
  .compact-filter-controls{
    grid-template-columns:1fr !important;
  }
}


/* ===== Sidebar + Settlement Polish ===== */
.brand h2{
  font-size:24px !important;
  line-height:1.12 !important;
  letter-spacing:-0.025em !important;
  margin:0 0 8px !important;
}
.brand-sub{
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
  text-transform:none !important;
  color:#9fb0cf !important;
}
.settlement-placeholder{
  max-width:560px !important;
  padding:14px 18px !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%) !important;
  border:1px solid #e4e7ec !important;
  box-shadow:0 6px 18px rgba(16,24,40,.04) !important;
}
.settlement-placeholder h4{
  font-size:14px !important;
  line-height:1.25 !important;
  margin:0 0 4px !important;
  color:#101828 !important;
}
.settlement-placeholder p{
  font-size:10px !important;
  line-height:1.45 !important;
  color:#667085 !important;
  margin:0 !important;
}


.brand h1{
  font-size:24px !important;
  line-height:1.12 !important;
  letter-spacing:-0.025em !important;
  margin:0 !important;
}
.brand p{
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
  text-transform:none !important;
  color:#9fb0cf !important;
  margin:7px 0 0 !important;
}


/* ===== Financial Alignment ===== */
.kpis .card.money-kpi .value{
  text-align:right !important;
  font-variant-numeric:tabular-nums !important;
}
.kpis .card.money-kpi .meta,
.kpis .card.money-kpi .label{
  text-align:left !important;
}
.kpis .card .value .amount-unit{
  display:inline;
  margin-left:6px;
  padding:0;
  color:#667085 !important;
  font-size:.76em;
  font-weight:500;
  letter-spacing:0 !important;
}
.num-col{
  text-align:right !important;
  font-variant-numeric:tabular-nums !important;
  white-space:nowrap !important;
}
.company-comparison-table th:first-child,
.company-comparison-table td:first-child{
  text-align:left !important;
}
.company-comparison-table th.num-col{
  text-align:right !important;
}
.company-comparison-table td.num-col{
  text-align:right !important;
}
.company-comparison-table{
  width:100% !important;
  min-width:0 !important;
  table-layout:fixed !important;
}
.company-comparison-wrap{
  overflow-x:visible !important;
}
.company-comparison-wrap table{
  min-width:0 !important;
  width:100% !important;
  table-layout:fixed !important;
}
.company-comparison-table th,
.company-comparison-table td{
  padding:8px 6px !important;
  font-size:10.5px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.company-comparison-table th:first-child,
.company-comparison-table td:first-child{
  width:18% !important;
  white-space:normal !important;
}


/* ===== KPI Center Alignment ===== */
.kpis .card{
  text-align:center !important;
}
.kpis .card .label,
.kpis .card .value,
.kpis .card .value.kpi-fit,
.kpis .card .value.kpi-fit-small,
.kpis .card .meta{
  text-align:center !important;
}
.kpis .card.money-kpi .label,
.kpis .card.money-kpi .value,
.kpis .card.money-kpi .meta{
  text-align:center !important;
}
.kpis .card .value{
  width:100% !important;
  display:block !important;
  font-variant-numeric:tabular-nums !important;
}


/* ===== Company Comparison table centered ===== */
#companyComparisonTable,
#companyComparisonTable th,
#companyComparisonTable td{
  text-align:center !important;
  vertical-align:middle !important;
}
#companyComparisonTable th:first-child,
#companyComparisonTable td:first-child{
  text-align:center !important;
}

.company-comparison-table,
.company-comparison-table th,
.company-comparison-table td{
  text-align:center !important;
  vertical-align:middle !important;
}
.company-comparison-table th:first-child,
.company-comparison-table td:first-child{
  text-align:center !important;
}

/* Fallback for compact register-style tables commonly used in this dashboard */
.table-company-comparison,
.table-company-comparison th,
.table-company-comparison td{
  text-align:center !important;
  vertical-align:middle !important;
}


/* ===== Account Statement Import Module ===== */
.account-import-card{
  background:#fff;
  border:1px solid #e4e7ec;
  border-radius:14px;
  padding:16px;
  margin-bottom:14px;
  box-shadow:0 6px 18px rgba(16,24,40,.035);
}
.account-import-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.account-import-head h3{
  margin:0 0 4px;
  font-size:15px;
}
.account-import-head p{
  margin:0;
  font-size:10px;
  line-height:1.45;
  color:#667085;
}
.account-import-grid{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(260px,1fr) auto;
  gap:10px;
  align-items:end;
}
.account-import-field label{
  display:block;
  margin-bottom:6px;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#667085;
  font-weight:800;
}
.account-import-field select,
.account-import-field input[type="file"]{
  width:100%;
  min-height:38px;
  border:1px solid #d0d5dd;
  border-radius:9px;
  background:#fff;
  padding:7px 9px;
  font-size:11px;
}
.account-import-actions{
  display:flex;
  gap:7px;
  align-items:center;
  flex-wrap:wrap;
}
.bank-import-status{
  margin-top:10px;
  padding:9px 11px;
  border-radius:9px;
  background:#f8fafc;
  border:1px solid #eef2f6;
  font-size:10px;
  color:#475467;
}
.bank-import-preview{
  margin-top:12px;
}
.bank-import-preview .tablewrap{
  max-height:310px;
}
.bank-import-preview table{
  min-width:980px;
}
.bank-import-preview th,
.bank-import-preview td{
  font-size:10px;
  padding:8px 9px;
}
.import-ok{color:#067647;font-weight:800}
.import-warn{color:#b54708;font-weight:800}
.account-chip{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  background:#eef4ff;
  border:1px solid #d7e2ff;
  color:#315efb;
  font-size:9px;
  font-weight:800;
}
@media(max-width:900px){
  .account-import-grid{grid-template-columns:1fr}
}


/* ===== Accounts Final Filters + Reconciliation ===== */
.account-statement-filters-final{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  width:100%;
  align-items:center;
}
/* Match the existing dashboard filter-box style exactly: same flexible sizing and control proportions. */
.account-statement-filters-final input,
.account-statement-filters-final select,
.account-statement-filters-final button{
  flex:1 1 150px !important;
  min-width:130px !important;
  max-width:240px !important;
  width:auto !important;
  box-sizing:border-box !important;
  height:38px !important;
  border:1px solid #d0d5dd !important;
  border-radius:8px !important;
  background:#fff !important;
  outline:none;
  padding:0 10px !important;
  font-size:12px !important;
  color:#344054 !important;
}
.account-statement-filters-final input[type="number"]{
  flex:1 1 120px !important;
  min-width:110px !important;
  max-width:160px !important;
}
.account-statement-filters-final .filter-span-2,
.account-statement-filters-final #accSearch,
.account-statement-filters-final input[type="search"]{
  flex:2 1 280px !important;
  min-width:220px !important;
  max-width:420px !important;
}
.account-statement-filters-final input:focus,
.account-statement-filters-final select:focus{
  border-color:#9bb5ff !important;
  box-shadow:0 0 0 2px rgba(49,94,251,.08) !important;
}
.account-statement-filters-final input[type=number]{
  text-align:left;
  font-variant-numeric:tabular-nums;
}
.account-statement-filters-final input[type=date]{
  padding-right:8px !important;
}
.account-statement-filters-final .filter-span-2{
  min-width:260px !important;
}
@media(max-width:650px){
  .account-statement-filters-final input,
  .account-statement-filters-final select,
  .account-statement-filters-final button,
  .account-statement-filters-final .filter-span-2{
    flex:1 1 100% !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }
}
.account-recon-panel{
  margin-top:10px; padding:12px; border:1px solid #e6eaf0; border-radius:12px;
  background:linear-gradient(180deg,#fbfcfe,#fff);
}
.account-recon-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;}
.account-recon-title{font-weight:900;font-size:13px;color:#172033;}
.account-recon-sub{font-size:10px;color:#667085;}
.account-recon-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;}
.account-recon-grid label{font-size:9px;font-weight:800;color:#667085;display:flex;flex-direction:column;gap:4px;}
.account-recon-grid input,.account-recon-grid button{height:34px;border:1px solid #dfe4ec;border-radius:8px;padding:0 9px;background:#fff;box-sizing:border-box;}
.account-recon-grid button{width:100%;font-size:12px;font-weight:800;color:#344054;cursor:pointer;}
.account-recon-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;}
.account-recon-kpi{border:1px solid #e7ebf2;border-radius:9px;padding:9px;background:#fff;}
.account-recon-kpi .label{font-size:9px;color:#667085;font-weight:800;}
.account-recon-kpi .value{font-size:14px;font-weight:900;margin-top:3px;}
.account-recon-note{font-size:9px;color:#667085;margin-top:8px;}
 .account-monthly-recon{margin:14px 0 16px;padding:15px 16px;border:1px solid #dfe7f3;border-radius:14px;background:linear-gradient(180deg,#fbfcff,#fff);box-shadow:0 5px 18px rgba(20,42,92,.045)}
 .account-monthly-entry{margin:8px 0 10px;padding:12px 14px;border:1px solid #dfe7f3;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(20,42,92,.04)}
 .account-monthly-entry-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
 .account-monthly-entry-copy{min-width:0}
 .account-monthly-entry-kicker{color:#315efb;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
 .account-monthly-entry-title{display:block;margin-top:3px;color:#24385d;font-size:13px;font-weight:900}
 .account-monthly-entry-sub{display:block;margin-top:3px;color:#8794ab;font-size:10px;line-height:1.4}
 .account-monthly-entry-btn{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:238px;height:56px;padding:8px 10px 8px 15px;border:1px solid rgba(150,184,255,.72);border-radius:14px;background:linear-gradient(135deg,#10284b 0%,#1d478d 58%,#315efb 100%);color:#fff;font-size:10px;font-weight:850;cursor:pointer;white-space:nowrap;text-align:left;box-shadow:0 12px 24px rgba(30,72,148,.24),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
 .account-monthly-entry-btn-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
 .account-monthly-entry-btn-copy small{color:#bcd2ff;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
 .account-monthly-entry-btn-copy strong{color:#fff;font-size:12px;font-weight:900;letter-spacing:-.01em}
 .account-monthly-entry-btn-arrow{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:rgba(255,255,255,.12);color:#fff;font-size:17px;line-height:1;flex:0 0 auto}
 .account-monthly-entry-btn:hover{border-color:#c5d8ff;filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 15px 28px rgba(30,72,148,.3),inset 0 1px 0 rgba(255,255,255,.22)}
 .account-monthly-entry-btn:focus-visible{outline:3px solid rgba(49,94,251,.25);outline-offset:3px}
.account-monthly-recon-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
 .account-monthly-recon-head h3{margin:0;color:#24385d;font-size:14px}
 .account-monthly-recon-head p{margin:4px 0 0;color:#8794ab;font-size:10px;line-height:1.45}
 .account-monthly-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
 .account-monthly-open-btn{height:30px;padding:6px 10px;border:1px solid #cbd6ff;border-radius:8px;background:#eef4ff;color:#315efb;font-size:10px;font-weight:850;cursor:pointer;white-space:nowrap}
 .account-monthly-open-btn:hover{background:#e4ecff;border-color:#9bb3ff}
 .account-monthly-recon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:10px}
.account-monthly-card{min-width:0;padding:13px;border:1px solid #e2e8f2;border-radius:12px;background:#fff}
.account-monthly-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.account-monthly-account{min-width:0;color:#24385d;font-size:11px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-monthly-month{margin-top:3px;color:#8794ab;font-size:10px}
.account-monthly-status{display:inline-flex;align-items:center;flex:0 0 auto;min-height:22px;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:850;white-space:nowrap}
.account-monthly-status.complete{background:#e8f8f0;color:#067647}.account-monthly-status.partial{background:#fff5db;color:#9a6700}.account-monthly-status.review{background:#fff0f0;color:#b42318}
 .account-recon-breaks-panel{margin:14px 0 16px;padding:14px 16px;border:1px solid #f0d6d2;border-radius:14px;background:linear-gradient(180deg,#fffafa,#fff);box-shadow:0 5px 18px rgba(180,35,24,.05)}
 .account-recon-breaks-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.account-recon-breaks-kicker{color:#b42318;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.account-recon-breaks-head h3{margin:3px 0 0;color:#7f1d1d;font-size:14px}.account-recon-breaks-head p{margin:4px 0 0;color:#8b5e5e;font-size:10px;line-height:1.4}.account-recon-breaks-panel .badge{border-color:#f3c5bf;background:#fff0ee;color:#b42318}.account-recon-breaks-tablewrap{overflow:auto;border:1px solid #f0dfdc;border-radius:10px}.account-recon-breaks-table{width:100%;min-width:780px;border-collapse:collapse;background:#fff}.account-recon-breaks-table th,.account-recon-breaks-table td{padding:8px 9px;border-bottom:1px solid #f5e8e5;text-align:left;font-size:9px;white-space:nowrap}.account-recon-breaks-table th{color:#9c6b65;font-size:8px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;background:#fff8f7}.account-recon-breaks-table td{color:#4b3130}.account-recon-breaks-table td strong{color:#7f1d1d}.account-recon-breaks-table td.bad{color:#b42318;font-weight:850}.account-recon-breaks-note{margin:9px 0 0;color:#8b5e5e;font-size:9px}.account-recon-breaks-empty{padding:12px;color:#067647;font-size:10px;font-weight:750;background:#f4fcf7;border:1px solid #d2f0dc;border-radius:9px}
.account-monthly-coverage{display:flex;justify-content:space-between;gap:8px;margin-top:10px;color:#667085;font-size:9px}
.account-monthly-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}
.account-monthly-metric{min-width:0;padding:8px;border:1px solid #edf0f5;border-radius:8px;background:#fbfcff}
.account-monthly-metric span{display:block;color:#8794ab;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.account-monthly-metric strong{display:block;margin-top:3px;color:#24385d;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-monthly-variance{margin-top:8px;color:#667085;font-size:9px}.account-monthly-variance strong{color:#067647}.account-monthly-variance strong.bad{color:#b42318}
.account-monthly-card details{margin-top:10px;border-top:1px solid #edf0f5;padding-top:9px}.account-monthly-card details summary{color:#4f6eee;font-size:10px;font-weight:850;cursor:pointer;list-style:none}.account-monthly-card details summary::-webkit-details-marker{display:none}.account-monthly-card details summary::after{content:'+';float:right;font-size:13px;font-weight:500}.account-monthly-card details[open] summary::after{content:'−'}
.account-monthly-usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:9px}.account-monthly-usage{min-width:0;padding:8px;border:1px solid #edf0f5;border-radius:8px;background:#fbfcff}.account-monthly-usage h4{margin:0 0 6px;color:#667085;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.account-monthly-usage-row{display:flex;justify-content:space-between;gap:6px;padding:3px 0;color:#344054;font-size:9px}.account-monthly-usage-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-monthly-usage-row strong{flex:0 0 auto;color:#24385d}.account-monthly-empty{color:#98a2b3;font-size:9px}
 .account-monthly-actions{display:flex;justify-content:flex-end;margin-top:9px}.account-monthly-actions .btn{height:28px;padding:5px 9px;font-size:9px}
 .account-bank-card{min-width:0;padding:13px;border:1px solid #e2e8f2;border-radius:12px;background:#fff}
 .account-bank-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
  .account-bank-period-count{margin-top:3px;color:#8794ab;font-size:10px}
  .account-bank-review-note{margin-top:3px;color:#b42318;font-size:9px;font-weight:800}
 .account-bank-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}
 .account-bank-summary-item{min-width:0;padding:7px;border:1px solid #edf0f5;border-radius:8px;background:#fbfcff}
 .account-bank-summary-item span{display:block;color:#8794ab;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
 .account-bank-summary-item strong{display:block;margin-top:3px;color:#24385d;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .account-bank-months{margin-top:10px;border-top:1px solid #edf0f5;overflow:auto}
 .account-bank-month-row{display:grid;grid-template-columns:92px 92px 44px 118px repeat(4,minmax(96px,1fr)) 126px;align-items:center;gap:7px;min-width:900px;padding:8px 0;border-bottom:1px solid #f0f2f6;color:#344054;font-size:9px}
 .account-bank-month-row:last-child{border-bottom:0}
 .account-bank-month-row.head{padding:7px 0 5px;color:#8794ab;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
 .account-bank-month-row strong{color:#24385d;font-size:10px}
 .account-bank-month-row small{display:block;margin-top:2px;color:#8794ab;font-size:8px}
  .account-bank-month-row .bad{color:#b42318}
 .account-bank-month-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
  .account-bank-month-actions .btn{height:25px;padding:4px 7px;font-size:9px}
  .account-bank-usage{margin-top:8px}
   .account-monthly-screen{position:fixed;inset:0;z-index:220;padding:22px;background:rgba(15,23,42,.56);overflow-y:auto;overflow-x:hidden}
   .account-monthly-screen-card{width:min(1920px,calc(100vw - 32px));max-width:100%;min-height:calc(100vh - 44px);margin:0 auto;border:1px solid #dfe5ee;border-radius:18px;background:#f6f8fc;box-shadow:0 24px 70px rgba(15,23,42,.25);overflow:hidden;display:flex;flex-direction:column}
  .account-monthly-screen-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:#fff}
  .account-monthly-screen-kicker{color:#315efb;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
  .account-monthly-screen-head h2{margin:4px 0 0;color:#172b4d;font-size:22px;letter-spacing:-.02em}
  .account-monthly-screen-head p{margin:5px 0 0;color:#667085;font-size:11px;line-height:1.45}
  .account-monthly-screen-close{height:34px;padding:7px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}
  .account-monthly-screen-close:hover{background:#f8fafc;border-color:#98a2b3}
  .account-monthly-screen-body{flex:1 1 auto;min-height:0;padding:18px 24px 26px;overflow:auto}
  .account-monthly-screen-suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 24px 0;background:#f6f8fc}
  .account-monthly-screen-suggestion{min-width:0;padding:13px 14px;border:1px solid #dfe7f3;border-radius:12px;background:#fff}
  .account-monthly-screen-suggestion-kicker{color:#315efb;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
  .account-monthly-screen-suggestion strong{display:block;margin-top:4px;color:#24385d;font-size:12px}
  .account-monthly-screen-suggestion p{margin:4px 0 9px;color:#667085;font-size:10px;line-height:1.4}
  .account-monthly-screen-suggestion button{height:28px;padding:5px 9px;border:1px solid #cbd6ff;border-radius:7px;background:#eef4ff;color:#315efb;font-size:9px;font-weight:850;cursor:pointer}
  .account-monthly-screen.suggestion-mismatch-only .account-bank-card[hidden]{display:none!important}
  .account-monthly-screen-body .account-monthly-recon{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;display:block}
  .account-monthly-screen-body .account-monthly-recon-head{margin-bottom:14px}
  .account-monthly-screen-body .account-monthly-recon-head h3{display:none}
  .account-monthly-screen-body .account-monthly-open-btn{display:none}
  .account-monthly-screen-body .account-monthly-recon-head p{font-size:11px}
  .account-monthly-screen-body .account-monthly-recon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(840px,1fr));gap:16px;overflow:visible;align-content:start;padding:0!important}
  .account-monthly-screen-body .account-bank-card{padding:16px}
   .account-monthly-screen-body .account-bank-months{overflow:visible}
   .account-monthly-screen-body .account-bank-month-row{grid-template-columns:66px 82px 38px 76px 76px 82px 82px 108px 166px;min-width:0;width:100%;gap:6px}
  .account-monthly-screen-body .account-bank-month-row>div:nth-child(8){white-space:nowrap;overflow:visible}
   .account-monthly-screen-body .account-bank-month-row>div{min-width:0;line-height:1.25;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
   .account-monthly-screen-body .account-bank-month-actions{min-width:0;white-space:normal}.account-monthly-screen-body .account-bank-month-actions .account-monthly-status,.account-monthly-screen-body .account-bank-month-actions .btn{flex:0 0 auto;white-space:nowrap}
  @media(max-width:700px){.account-monthly-screen-body .account-bank-months{overflow:visible}.account-monthly-screen-body .account-bank-month-row{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;width:100%;gap:8px 12px;padding:10px 0}.account-monthly-screen-body .account-bank-month-row.head{display:none}.account-monthly-screen-body .account-bank-month-row:not(.head)>div{min-width:0;white-space:normal;overflow-wrap:anywhere}.account-monthly-screen-body .account-bank-month-row:not(.head)>div:before{display:block;margin-bottom:2px;color:#8794ab;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.account-monthly-screen-body .account-bank-month-row:not(.head)>div:nth-child(1):before{content:'Month'}.account-monthly-screen-body .account-bank-month-row:not(.head)>div:nth-child(2):before{content:'Transaction span'}.account-monthly-screen-body .account-bank-month-row:not(.head)>div:nth-child(3):before{content:'SOC Month'}.account-monthly-screen-body .account-bank-month-row:not(.head)>div:nth-child(4):before{content:'Opening'}.account-monthly-screen-body .account-bank-month-row:not(.head)>div:nth-child(5):before{content:'Credit'}.account-monthly-screen-body .account-bank-month-row:not(.head)>div:nth-child(6):before{content:'Used'}.account-monthly-screen-body .account-bank-month-row:not(.head)>div:nth-child(7):before{content:'Closing'}.account-monthly-screen-body .account-bank-month-row:not(.head)>div:nth-child(8):before{content:'Difference'}.account-monthly-screen-body .account-bank-month-row:not(.head)>div:nth-child(9):before{content:'Status'}.account-monthly-screen-body .account-bank-month-actions{justify-content:flex-start;flex-wrap:wrap;gap:4px}}
  body.account-monthly-screen-open{overflow:hidden}
  @media(max-width:700px){.account-monthly-entry-head{align-items:flex-start;flex-direction:column}.account-monthly-entry-btn{width:100%;min-width:0}.account-monthly-screen{padding:0}.account-monthly-screen-card{width:100%;min-height:100vh;border-radius:0}.account-monthly-screen-head{padding:16px}.account-monthly-screen-head h2{font-size:19px}.account-monthly-screen-suggestions{grid-template-columns:1fr;padding:12px 14px 0}.account-monthly-screen-body{padding:14px}.account-monthly-screen-body .account-monthly-recon-grid{grid-template-columns:1fr}.account-monthly-head-actions{align-items:flex-end;flex-direction:column}.account-monthly-open-btn{font-size:9px}}
  /* Premium polish for the focused reconciliation workspace. */
  .account-monthly-entry{border-color:#d7e1f0;background:linear-gradient(120deg,#f8fbff,#fff);box-shadow:0 10px 26px rgba(24,52,93,.06)}
  .account-monthly-entry-title{letter-spacing:-.01em}
  .account-monthly-entry-btn{background:linear-gradient(135deg,#315efb,#2448d8);box-shadow:0 8px 18px rgba(49,94,251,.2)}
  .account-monthly-screen{background:radial-gradient(circle at 12% 0%,rgba(73,111,210,.2),transparent 34%),rgba(9,20,39,.68);backdrop-filter:blur(7px)}
  .account-monthly-screen-card{border-color:rgba(210,222,239,.92);border-radius:22px;background:linear-gradient(180deg,#f7faff 0%,#eef3f9 100%);box-shadow:0 30px 90px rgba(3,15,37,.32)}
  .account-monthly-screen-head{position:relative;overflow:hidden;padding:26px 30px;border-bottom:0;background:linear-gradient(122deg,#0c1b35 0%,#16345f 64%,#315efb 150%);color:#fff}
  .account-monthly-screen-head:after{content:'';position:absolute;right:-90px;top:-120px;width:310px;height:310px;border:1px solid rgba(160,194,255,.18);border-radius:50%;box-shadow:0 0 0 24px rgba(160,194,255,.04),0 0 0 48px rgba(160,194,255,.03);pointer-events:none}
  .account-monthly-screen-kicker{position:relative;z-index:1;color:#a9c7ff;letter-spacing:.12em}
  .account-monthly-screen-head h2{position:relative;z-index:1;color:#fff;font-size:25px;letter-spacing:-.035em}
  .account-monthly-screen-head p{position:relative;z-index:1;color:rgba(232,241,255,.72);max-width:720px}
  .account-monthly-screen-close{position:relative;z-index:2;border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(8px)}
  .account-monthly-screen-close:hover{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.18);color:#fff}
  .account-monthly-screen-suggestions{padding:18px 30px 0;background:transparent}
  .account-monthly-screen-suggestion{border-color:#dbe5f2;border-radius:14px;background:rgba(255,255,255,.86);box-shadow:0 7px 18px rgba(28,55,95,.045)}
  .account-monthly-screen-suggestion-kicker{color:#5874b8;letter-spacing:.1em}
  .account-monthly-screen-suggestion strong{color:#1d3557;font-size:12px}
  .account-monthly-screen-suggestion p{color:#6d7e97}
  .account-monthly-screen-suggestion button{border-color:#c8d7f5;background:#f1f5ff;color:#3156c7}
  .account-monthly-screen-suggestion button:hover{border-color:#9db4ed;background:#e8efff}
   .account-recon-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:18px 30px 0;background:transparent}
  .account-recon-summary-card{min-width:0;padding:12px 14px;border:1px solid #dbe5f2;border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 7px 18px rgba(28,55,95,.045)}
  .account-recon-summary-card span{display:block;color:#71819b;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
  .account-recon-summary-card strong{display:block;margin-top:6px;color:#19365e;font-size:18px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .account-recon-summary-card small{display:block;margin-top:4px;color:#8492a8;font-size:9px}
  .account-recon-summary-card.alert strong{color:#b42318}
  .account-recon-usage-panel{margin:0 0 18px;padding:16px;border:1px solid #dbe5f2;border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 8px 20px rgba(28,55,95,.045)}
  .account-recon-usage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
  .account-recon-usage-head h3{margin:0;color:#1d3557;font-size:14px}
  .account-recon-usage-head p{margin:4px 0 0;color:#71819b;font-size:10px}
  .account-recon-usage-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
  .account-recon-usage-tab{height:30px;padding:6px 10px;border:1px solid #d4dff0;border-radius:8px;background:#fff;color:#536680;font-size:10px;font-weight:850;cursor:pointer}
  .account-recon-usage-tab:hover{border-color:#9db4ed;color:#3156c7;background:#f5f8ff}
  .account-recon-usage-tab.active{border-color:#315efb;background:#315efb;color:#fff;box-shadow:0 5px 12px rgba(49,94,251,.18)}
  .account-recon-usage-list{display:grid;gap:7px}
  .account-recon-usage-row{display:grid;grid-template-columns:minmax(180px,1.5fr) 100px 135px 58px;align-items:center;gap:10px;padding:9px 10px;border:1px solid #e5ebf3;border-radius:9px;background:#fbfdff}
  .account-recon-usage-row label{min-width:0;color:#294364;font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .account-recon-usage-row small{color:#8492a8;font-size:9px}
  .account-recon-usage-row .bar{height:6px;min-height:0;width:100%;border-radius:999px;background:#e6edf8;overflow:hidden}
  .account-recon-usage-row .bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#315efb,#72a3ff)}
  .account-recon-usage-row strong{color:#19365e;font-size:11px;text-align:right;white-space:nowrap}
  .account-monthly-screen-body{padding:18px 30px 32px;background:linear-gradient(180deg,rgba(247,250,255,.2),rgba(238,243,249,.85))}
  .account-monthly-screen-body .account-monthly-recon-head{padding:0 2px 2px}
  .account-monthly-screen-body .account-monthly-recon-head p{color:#71819b}
  .account-monthly-screen-body .account-monthly-recon-head .badge{border:1px solid #cddafa;background:#eaf0ff;color:#3156c7}
  .account-monthly-screen-body .account-monthly-recon-grid{gap:16px}
  .account-monthly-screen-body .account-bank-card{position:relative;padding:18px;border-color:#dce5f1;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(28,55,95,.07)}
  .account-monthly-screen-body .account-bank-card:before{content:'';position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:0 0 5px 5px;background:linear-gradient(90deg,#315efb,#72a3ff)}
  .account-monthly-screen-body .account-monthly-account{font-size:12px;color:#19365e}
   .account-monthly-screen-body .account-bank-period-count{color:#71819b}
   .account-monthly-screen-body .account-bank-review-note{color:#b42318}
  .account-monthly-screen-body .account-bank-summary{gap:8px}
  .account-monthly-screen-body .account-bank-summary-item{padding:9px;border-color:#e3eaf4;background:#f8fbff}
  .account-monthly-screen-body .account-bank-summary-item span{color:#7b8ca6}
  .account-monthly-screen-body .account-bank-summary-item strong{font-size:10px;color:#19365e}
  .account-monthly-screen-body .account-bank-months{margin-top:13px;border-color:#e4eaf2}
  .account-monthly-screen-body .account-bank-month-row{color:#41526d;border-color:#edf1f6}
  .account-monthly-screen-body .account-bank-month-row:not(.head):hover{background:#f7faff}
  .account-monthly-screen-body .account-bank-month-row.head{color:#7b8ca6}
   .account-monthly-screen-body .account-bank-month-row strong{color:#1d416e}
  .account-monthly-screen-body .account-bank-month-actions .btn{border-color:#cbd8ee;color:#3156c7;background:#f7f9ff}
  .account-monthly-screen-body .account-bank-month-actions .btn:hover{border-color:#9db4ed;background:#edf2ff}
   .account-monthly-screen-body .account-bank-usage{padding:10px 12px;border:1px solid #e4eaf2;border-radius:10px;background:#fafcff}
   #accountMonthlyScreen .account-recon-summary-grid{display:none}
  @media(max-width:1100px) and (min-width:701px){.account-monthly-screen-head{padding:22px 20px}.account-monthly-screen-suggestions{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.account-recon-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:20px;padding-right:20px}.account-monthly-screen-body{padding:16px 20px 26px}.account-monthly-screen-body .account-monthly-recon-grid{grid-template-columns:1fr}}
  @media(max-width:700px){.account-monthly-screen-head{padding:20px 16px}.account-monthly-screen-head h2{font-size:21px}.account-monthly-screen-suggestions{padding:12px 16px 0}.account-recon-summary-grid{grid-template-columns:1fr;padding:12px 16px 0}.account-recon-usage-row{grid-template-columns:minmax(120px,1fr) 74px 95px 52px;gap:7px}.account-monthly-screen-body{padding:16px}.account-monthly-screen-body .account-bank-card{padding:16px}.account-monthly-screen-body .account-bank-card:before{left:16px;right:16px}}
  /* Responsive type scale keeps the financial details readable on large displays. */
  .account-monthly-screen-head h2{font-size:clamp(22px,1.65vw,30px)}
  .account-monthly-screen-head p{font-size:clamp(11px,.72vw,13px)}
  .account-monthly-screen-suggestion-kicker{font-size:clamp(9px,.52vw,11px)}
  .account-monthly-screen-suggestion strong{font-size:clamp(12px,.7vw,14px)}
  .account-monthly-screen-suggestion p{font-size:clamp(10px,.58vw,12px)}
  .account-monthly-screen-suggestion button{height:32px;padding:6px 11px;font-size:clamp(10px,.55vw,12px)}
  .account-monthly-screen-body .account-monthly-recon-head p{font-size:clamp(11px,.62vw,13px)}
  .account-monthly-screen-body .account-bank-card{padding:20px}
  .account-monthly-screen-body .account-monthly-account{font-size:clamp(13px,.78vw,16px)}
  .account-monthly-screen-body .account-bank-period-count{font-size:clamp(10px,.6vw,13px)}
  .account-monthly-screen-body .account-bank-summary{gap:10px}
  .account-monthly-screen-body .account-bank-summary-item{padding:10px}
  .account-monthly-screen-body .account-bank-summary-item span{font-size:clamp(9px,.5vw,11px)}
  .account-monthly-screen-body .account-bank-summary-item strong{font-size:clamp(11px,.65vw,14px)}
  .account-monthly-screen-body .account-bank-month-row{font-size:clamp(10px,.62vw,12px);padding:10px 0}
  .account-monthly-screen-body .account-bank-month-row.head{font-size:clamp(9px,.5vw,11px)}
  .account-monthly-screen-body .account-bank-month-row strong{font-size:clamp(11px,.68vw,14px)}
  .account-monthly-screen-body .account-bank-month-row small{font-size:clamp(9px,.5vw,11px)}
  .account-monthly-screen-body .account-bank-month-actions .btn{height:30px;padding:6px 9px;font-size:clamp(10px,.55vw,12px)}
  .account-monthly-screen-body .account-monthly-status{min-height:25px;padding:4px 9px;font-size:clamp(9px,.55vw,12px)}
   .account-monthly-screen-body .account-bank-usage{padding:12px 14px}
   .account-monthly-screen-body .account-monthly-usage h4{font-size:clamp(9px,.52vw,11px)}
   .account-monthly-screen-body .account-monthly-usage-row{font-size:clamp(10px,.58vw,12px);padding:4px 0}
  @media(max-width:700px){.account-monthly-screen-head h2{font-size:22px}.account-monthly-screen-body .account-bank-card{padding:16px}.account-monthly-screen-body .account-bank-summary-item strong{font-size:11px}.account-monthly-screen-body .account-bank-month-row{font-size:10px}.account-monthly-screen-body .account-bank-month-row strong{font-size:11px}}
  @media(max-width:900px){.account-monthly-recon-grid{grid-template-columns:1fr}}
 @media(max-width:650px){.account-monthly-recon{padding:13px}.account-monthly-recon-head{flex-direction:column}.account-monthly-metrics,.account-bank-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.account-monthly-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.account-source-diagnostics{margin:0 0 14px;padding:15px 16px;border:1px solid #dfe7f3;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(20,42,92,.045)}
.account-source-diagnostics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.account-source-diagnostics-head h3{margin:0;color:#24385d;font-size:14px}
.account-source-diagnostics-head p{margin:4px 0 0;color:#8794ab;font-size:10px;line-height:1.45}
.account-source-diagnostics-head .account-source-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.account-source-diagnostics .tablewrap{box-shadow:none !important;border-radius:10px}
.account-source-diagnostics table{min-width:760px !important}
.account-source-diagnostics th,.account-source-diagnostics td{font-size:10px !important}
.account-source-body{margin-top:12px}
.account-source-body.collapsed{display:none}
.account-source-warning{margin-top:9px;padding:9px 10px;border-radius:9px;background:#fff7e8;color:#9a6700;font-size:10px;line-height:1.45}
 .multi-filter-control{position:relative;min-width:145px;z-index:20}
 .multi-filter-control[open]{z-index:100}
.multi-filter-control summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:0 11px;border:1px solid #dfe4ec;border-radius:9px;background:#fff;color:#344054;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap;overflow:hidden}
.multi-filter-control summary::-webkit-details-marker{display:none}
.multi-filter-control summary:after{content:'▾';color:#667085;font-size:11px;flex:0 0 auto}
.multi-filter-control[open] summary{border-color:#9bb3ff;box-shadow:0 0 0 2px rgba(79,111,255,.1)}
.multi-filter-control .multi-filter-menu{position:absolute;top:calc(100% + 5px);left:0;min-width:220px;max-width:310px;max-height:280px;overflow:auto;padding:7px;background:#fff;border:1px solid #dfe4ec;border-radius:10px;box-shadow:0 12px 28px rgba(16,24,40,.14);z-index:200}
.multi-filter-option{display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:7px;color:#344054;font-size:10px;cursor:pointer}
.multi-filter-option:hover{background:#f5f8ff}
.multi-filter-option input[type="checkbox"]{appearance:auto !important;accent-color:#315efb;width:14px !important;height:14px !important;min-width:14px !important;max-width:14px !important;flex:0 0 14px !important;margin:0 !important;padding:0 !important}
.multi-filter-option span{display:block !important;flex:1 1 auto !important;min-width:0 !important;margin:0 !important;text-align:left !important;line-height:1.25 !important;white-space:normal !important;overflow-wrap:anywhere !important}
.multi-filter-menu{display:block !important}
@keyframes multiFilterMenuIn{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.multi-filter-control[open] .multi-filter-menu{animation:multiFilterMenuIn .14s ease-out both;transform-origin:top left}
.multi-filter-control.multi-filter-reopened[open] .multi-filter-menu{animation:none !important}
.multi-filter-control[open] summary:after{transform:rotate(180deg);transition:transform .14s ease-out}
.multi-filter-control summary:after{transition:transform .14s ease-out}
.multi-filter-hidden{display:none !important}
.billing-filter-grid .multi-filter-control,.account-filter-panel .multi-filter-control{width:100%}
@media(max-width:1100px){
 .account-statement-filters-final,.account-recon-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .account-recon-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:650px){
 .account-statement-filters-final,.account-recon-grid,.account-recon-kpis{grid-template-columns:1fr;}
 .account-statement-filters-final .filter-span-2{grid-column:auto;}
}

/* ===== Accounts Company + Bank Filters ===== */
.account-import-grid-company{
  grid-template-columns:minmax(230px,1.1fr) minmax(180px,.8fr) minmax(260px,1.2fr) auto !important;
}
.account-statement-filters{
  width:100%;
}
.account-statement-filters select:first-child{
  min-width:230px !important;
}
@media(max-width:1200px){
  .account-import-grid-company{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:700px){
  .account-import-grid-company{grid-template-columns:1fr !important;}
}


/* ===== Exact Account Statement Headers ===== */
.bank-import-preview table,
.account-statement-data-table{
  min-width:1500px !important;
}
.bank-import-preview th:nth-child(12),
.account-statement-data-table th:nth-child(12){
  min-width:230px !important;
  white-space:normal !important;
  line-height:1.25 !important;
}


/* ===== Accounts: date + all 13 columns fit ===== */
.bank-import-preview .tablewrap,
.account-statement-tablewrap{
  overflow-x:auto !important;
}
.bank-import-preview table,
.account-statement-data-table{
  width:100% !important;
  min-width:1180px !important;
  table-layout:fixed !important;
}
.bank-import-preview th,
.bank-import-preview td,
.account-statement-data-table th,
.account-statement-data-table td{
  padding:7px 6px !important;
  font-size:8.5px !important;
  line-height:1.25 !important;
  vertical-align:middle !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}
.bank-import-preview th,
.account-statement-data-table th{
  text-align:center !important;
  font-size:8px !important;
}
.bank-import-preview td:nth-child(1),
.account-statement-data-table td:nth-child(1){
  white-space:nowrap !important;
  text-align:center !important;
}
.bank-import-preview th:nth-child(1),.account-statement-data-table th:nth-child(1){width:8%;}
.bank-import-preview th:nth-child(2),.account-statement-data-table th:nth-child(2){width:16%;}
.bank-import-preview th:nth-child(3),.account-statement-data-table th:nth-child(3){width:9%;}
.bank-import-preview th:nth-child(4),.account-statement-data-table th:nth-child(4){width:6%;}
.bank-import-preview th:nth-child(5),.account-statement-data-table th:nth-child(5){width:6%;}
.bank-import-preview th:nth-child(6),.account-statement-data-table th:nth-child(6){width:7%;}
.bank-import-preview th:nth-child(7),.account-statement-data-table th:nth-child(7){width:8%;}
.bank-import-preview th:nth-child(8),.account-statement-data-table th:nth-child(8){width:8%;}
.bank-import-preview th:nth-child(9),.account-statement-data-table th:nth-child(9){width:8%;}
.bank-import-preview th:nth-child(10),.account-statement-data-table th:nth-child(10){width:8%;}
.bank-import-preview th:nth-child(11),.account-statement-data-table th:nth-child(11){width:7%;}
.bank-import-preview th:nth-child(12),.account-statement-data-table th:nth-child(12){width:11%;min-width:0 !important;}
.bank-import-preview th:nth-child(13),.account-statement-data-table th:nth-child(13){width:8%;}
@media(min-width:1450px){
  .bank-import-preview table,.account-statement-data-table{min-width:0 !important;}
  .bank-import-preview th,.bank-import-preview td,
  .account-statement-data-table th,.account-statement-data-table td{font-size:9px !important;}
}


/* ===== Account Statement: center all headers and data ===== */
.account-statement-data-table th,
.account-statement-data-table td{
  text-align:center !important;
  vertical-align:middle !important;
}
.account-statement-data-table td:nth-child(1),
.account-statement-data-table td:nth-child(2),
.account-statement-data-table td:nth-child(3),
.account-statement-data-table td:nth-child(7),
.account-statement-data-table td:nth-child(8),
.account-statement-data-table td:nth-child(9),
.account-statement-data-table td:nth-child(10),
.account-statement-data-table td:nth-child(11),
.account-statement-data-table td:nth-child(12),
.account-statement-data-table td:nth-child(13){
  text-align:center !important;
}
.account-statement-data-table td:nth-child(4),
.account-statement-data-table td:nth-child(5),
.account-statement-data-table td:nth-child(6){
  text-align:center !important;
  font-variant-numeric:tabular-nums !important;
}


/* ===== Professional Admin Login Modal + Browser Guard ===== */
.admin-login-backdrop{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(15,23,42,.62);
  backdrop-filter:blur(7px);
}
.admin-login-backdrop.show{display:flex;}
.admin-login-modal{
  width:min(430px,100%);
  background:#fff;
  border:1px solid #e4e7ec;
  border-radius:20px;
  box-shadow:0 28px 80px rgba(15,23,42,.25);
  overflow:hidden;
  animation:adminModalIn .18s ease-out;
}
@keyframes adminModalIn{
  from{opacity:0;transform:translateY(10px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.admin-login-head{
  padding:22px 22px 16px;
  background:linear-gradient(180deg,#fbfdff 0%,#f5f8ff 100%);
  border-bottom:1px solid #edf0f5;
}
.admin-login-icon{
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;
  background:#eef3ff;color:#315efb;
  font-size:20px;font-weight:900;
  margin-bottom:13px;
}
.admin-login-head h3{
  margin:0 0 6px;
  font-size:19px !important;
  color:#101828;
}
.admin-login-head p{
  margin:0;
  color:#667085;
  font-size:12px;
  line-height:1.55;
}
.admin-login-body{padding:20px 22px 22px;}
.admin-password-wrap{
  position:relative;
  margin-top:7px;
}
.admin-password-wrap input{
  width:100%;
  height:46px;
  border:1px solid #d0d5dd;
  border-radius:11px;
  padding:0 44px 0 13px;
  font-size:14px;
  outline:none;
  box-sizing:border-box;
}
.admin-password-wrap input:focus{
  border-color:#8098ff;
  box-shadow:0 0 0 4px rgba(49,94,251,.10);
}
.admin-eye-btn{
  position:absolute;
  right:7px;
  top:50%;
  transform:translateY(-50%);
  width:34px;height:34px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#667085;
  cursor:pointer;
  font-size:15px;
}
.admin-login-error{
  min-height:18px;
  margin-top:8px;
  font-size:11px;
  color:#b42318;
  font-weight:700;
}
.admin-login-actions{
  display:flex;
  gap:9px;
  justify-content:flex-end;
  margin-top:10px;
}
.admin-login-actions button{
  min-width:92px;
  height:40px;
  border-radius:10px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.admin-cancel-btn{
  background:#fff;
  border:1px solid #d0d5dd;
  color:#344054;
}
.admin-login-btn{
  background:linear-gradient(90deg,#315efb,#5b7cff);
  border:1px solid #315efb;
  color:#fff;
  box-shadow:0 7px 16px rgba(49,94,251,.20);
}
.browser-guard-toast{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:100000;
  display:none;
  padding:10px 13px;
  border-radius:10px;
  background:#101828;
  color:#fff;
  font-size:11px;
  font-weight:700;
  box-shadow:0 12px 30px rgba(15,23,42,.18);
}
.browser-guard-toast.show{display:block;}


/* ===== Billing Register: fit all columns on desktop ===== */
.billing-register-wrap{
  overflow-x:auto !important;
}
.billing-register-table{
  width:100% !important;
  min-width:0 !important;
  table-layout:fixed !important;
}
.billing-register-table th,
.billing-register-table td{
  padding:7px 5px !important;
  font-size:8.2px !important;
  line-height:1.2 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  text-align:center !important;
  vertical-align:middle !important;
}
.billing-register-table th{
  font-size:7.8px !important;
}
.billing-register-table th:nth-child(1){width:8%;}
.billing-register-table th:nth-child(2){width:7%;}
.billing-register-table th:nth-child(3){width:7%;}
.billing-register-table th:nth-child(4){width:14%;}
.billing-register-table th:nth-child(5){width:9%;}
.billing-register-table th:nth-child(6){width:7%;}
.billing-register-table th:nth-child(7){width:7%;}
.billing-register-table th:nth-child(8){width:8%;}
.billing-register-table th:nth-child(9){width:7%;}
.billing-register-table th:nth-child(10){width:8%;}
.billing-register-table th:nth-child(11){width:8%;}
.billing-register-table th:nth-child(12){width:8%;}
.billing-register-table th:nth-child(13){width:7%;}
.billing-register-table th:nth-child(14){width:6%;}
.billing-register-table .btn{
  padding:4px 6px !important;
  font-size:7.8px !important;
  white-space:nowrap !important;
}
@media(max-width:1250px){
  .billing-register-table{
    min-width:1180px !important;
  }
}


/* ===== FINAL BILLING: all 14 columns visible on normal desktop ===== */
.billing-register-wrap{
  width:100% !important;
  overflow-x:auto !important;
}
.billing-register-table{
  width:100% !important;
  min-width:0 !important;
  table-layout:fixed !important;
}
.billing-register-table th,
.billing-register-table td{
  padding:6px 3px !important;
  font-size:7.2px !important;
  line-height:1.15 !important;
  text-align:center !important;
  vertical-align:middle !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
.billing-register-table th{font-size:6.9px !important;}
.billing-register-table th:nth-child(1){width:8% !important;}
.billing-register-table th:nth-child(2){width:7% !important;}
.billing-register-table th:nth-child(3){width:7% !important;}
.billing-register-table th:nth-child(4){width:13% !important;}
.billing-register-table th:nth-child(5){width:8% !important;}
.billing-register-table th:nth-child(6){width:6% !important;}
.billing-register-table th:nth-child(7){width:7% !important;}
.billing-register-table th:nth-child(8){width:8% !important;}
.billing-register-table th:nth-child(9){width:6% !important;}
.billing-register-table th:nth-child(10){width:8% !important;}
.billing-register-table th:nth-child(11){width:8% !important;}
.billing-register-table th:nth-child(12){width:8% !important;}
.billing-register-table th:nth-child(13){width:7% !important;}
.billing-register-table th:nth-child(14){width:6% !important;}
.billing-register-table .btn{
  padding:4px 3px !important;
  font-size:6.9px !important;
  white-space:nowrap !important;
}
@media(max-width:1180px){
  .billing-register-table{min-width:1180px !important;}
}


/* ===== Accounts: Uploaded Statement Summary (locked add-on) ===== */
.uploaded-statement-summary{
  margin:10px 0 12px;
  background:#fff;
  border:1px solid #e4e7ec;
  border-radius:14px;
  padding:10px 14px;
  box-shadow:0 6px 18px rgba(16,24,40,.03);
}
.uploaded-statement-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:8px;
}
.uploaded-statement-head h3{
  margin:0 0 2px;
  font-size:14px;
}
.uploaded-statement-head p{
  margin:0;
  color:#667085;
  font-size:10px;
  line-height:1.4;
}
.uploaded-statement-stats{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.uploaded-statement-chip{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:4px 9px;
  border-radius:999px;
  border:1px solid #d6e2ff;
  background:#f5f8ff;
  color:#315efb;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}
.uploaded-statement-table{
  width:100%;
  border-collapse:collapse;
}
.uploaded-statement-table th,
.uploaded-statement-table td{
  padding:9px 10px;
  border-bottom:1px solid #eef2f6;
  font-size:11px;
  vertical-align:middle;
}
.uploaded-statement-table th{
  background:#f8fafc;
  color:#475467;
  font-weight:800;
  text-align:left;
}
.uploaded-statement-table tr:last-child td{border-bottom:0}
.uploaded-statement-months{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
}
.uploaded-statement-month{
  display:inline-flex;
  padding:3px 7px;
  border-radius:999px;
  background:#f2f4f7;
  color:#344054;
  font-size:9px;
  font-weight:750;
}
.uploaded-statement-status{
  display:inline-flex;
  align-items:center;
  min-width:82px;
  justify-content:center;
  padding:4px 8px;
  border-radius:999px;
  font-size:9px;
  font-weight:850;
}
.uploaded-statement-status.ok{
  background:#ecfdf3;
  color:#067647;
}
.uploaded-statement-status.none{
  background:#f2f4f7;
  color:#667085;
}
@media(max-width:900px){
  .uploaded-statement-head{flex-direction:column}
  .uploaded-statement-stats{justify-content:flex-start}
  .uploaded-statement-summary{overflow-x:auto}
  .uploaded-statement-table{min-width:760px}
}


/* ===== Accounts professional polish (locked, visual only) ===== */
.uploaded-statement-summary{
  padding:10px 14px !important;
  border-radius:14px !important;
}
.uploaded-statement-stats{gap:8px !important}
.uploaded-statement-chip{
  min-height:28px !important;
  padding:5px 10px !important;
  font-size:9.5px !important;
}
.uploaded-statement-table th:nth-child(4),
.uploaded-statement-table td:nth-child(4),
.uploaded-statement-table th:nth-child(5),
.uploaded-statement-table td:nth-child(5){text-align:center !important}
.uploaded-statement-table tr.statement-uploaded td{background:#fbfffc}
.uploaded-statement-table tr.statement-missing td{color:#667085}
.uploaded-statement-table tr.statement-uploaded:hover td{background:#f5fff8 !important}

.account-filter-panel{
  background:#fff;
  border:1px solid #e4e7ec;
  border-radius:16px;
  padding:12px 14px;
  margin-bottom:12px;
  box-shadow:0 7px 20px rgba(16,24,40,.03);
}
.account-filter-panel .filter-title{
  margin-bottom:9px;
  font-size:11px;
  color:#344054;
  font-weight:800;
}
.account-filter-panel .filter-controls{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}
.account-filter-panel .filter-controls select,
.account-filter-panel .filter-controls input,
.account-filter-panel .filter-controls button{
  height:38px;
}

.account-kpis{gap:12px !important}
.account-kpis .card{
  min-height:82px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.account-source-compact{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  padding:10px 13px !important;
  margin-top:12px !important;
}
.account-source-compact .source-main{
  font-size:11px;
  color:#475467;
}
.account-source-compact .source-count{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 9px;
  border:1px solid #d6e2ff;
  background:#f5f8ff;
  color:#315efb;
  border-radius:999px;
  font-size:9px;
  font-weight:800;
}

.account-statement-tablewrap{
  overflow-x:auto !important;
  border-radius:14px !important;
}
.account-statement-data-table{
  min-width:1450px !important;
  table-layout:auto !important;
}
.account-statement-data-table th,
.account-statement-data-table td{
  font-size:10px !important;
  padding:8px 9px !important;
  white-space:nowrap !important;
  text-align:left !important;
  vertical-align:middle !important;
}
.account-statement-data-table th{
  font-size:9px !important;
  letter-spacing:.02em;
  background:#f4f7fb !important;
  color:#344054 !important;
}
.account-statement-data-table td:nth-child(4),
.account-statement-data-table td:nth-child(5),
.account-statement-data-table td:nth-child(6){
  text-align:right !important;
  font-variant-numeric:tabular-nums;
}
.account-statement-data-table tbody tr:hover td{background:#fbfcff !important}
.account-statement-data-table th:nth-child(1),
.account-statement-data-table td:nth-child(1){
  position:sticky;
  left:0;
  z-index:2;
  background:#fff;
}
.account-statement-data-table th:nth-child(1){
  z-index:3;
  background:#f4f7fb !important;
}

.statement-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:18px 0 10px;
}
.statement-section-head h3{margin:0}
.statement-section-head .badge{flex:0 0 auto}

.account-import-head .script-url-btn{display:none !important}

@media(max-width:1250px){
  .account-filter-panel .filter-controls{grid-template-columns:none}
}
@media(max-width:900px){
  .account-filter-panel .filter-controls{grid-template-columns:none}
}
@media(max-width:620px){
  .account-filter-panel .filter-controls{grid-template-columns:none}
  .account-statement-filters-final input,
  .account-statement-filters-final select,
  .account-statement-filters-final button,
  .account-statement-filters-final .filter-span-2{
    flex:1 1 100% !important;
    min-width:100% !important;
    max-width:100% !important;
  }
}


/* ===== Collapsible Uploaded Statement Summary ===== */
.uploaded-summary-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:30px;
  padding:5px 10px;
  border:1px solid #d0d5dd;
  background:#fff;
  color:#344054;
  border-radius:9px;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.uploaded-summary-toggle:hover{
  border-color:#b9c6ff;
  background:#f8faff;
}
.uploaded-summary-body{
  margin-top:12px;
}
.uploaded-summary-body.collapsed{
  display:none;
}


/* ===== Costing Settlement Google Sheet Save ===== */
.costing-savebar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin:10px 0 4px;
  padding:10px 12px;
  border:1px solid #dfe5ef;
  background:#fbfcfe;
  border-radius:12px;
}
.costing-savebar .costing-save-note{
  font-size:10px;
  color:#667085;
}
.costing-save-status{
  font-size:10px;
  font-weight:700;
  color:#475467;
}
.costing-save-status.ok{color:#067647}
.costing-save-status.warn{color:#b54708}


/* ===== LOCKED Billing Invoice Register: 12-column dashboard display ===== */
@media (min-width: 900px){
  #financeArea .invoice-register-wrap{
    overflow-x:hidden !important;
  }
  #financeArea .invoice-register{
    width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
  }
  #financeArea .invoice-register th,
  #financeArea .invoice-register td{
    padding:8px 5px !important;
    font-size:10px !important;
    line-height:1.25 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  #financeArea .invoice-register .col-sno{width:4% !important;}
  #financeArea .invoice-register .col-supervisor{width:9% !important;}
  #financeArea .invoice-register .col-invoice{width:10% !important;}
  #financeArea .invoice-register .col-date{width:8% !important;}
  #financeArea .invoice-register .col-month{width:8% !important;}
  #financeArea .invoice-register .col-company{width:16% !important;}
  #financeArea .invoice-register .col-portfolio{width:9% !important;}
  #financeArea .invoice-register .col-state{width:7% !important;}
  #financeArea .invoice-register .col-city{width:7% !important;}
  #financeArea .invoice-register .col-net{width:8% !important;}
  #financeArea .invoice-register .col-received{width:8% !important;}
  #financeArea .invoice-register .col-status{width:6% !important;}
}
@media (max-width: 899px){
  #financeArea .invoice-register{min-width:1080px !important;}
}


/* ===== LOCKED: Companies > Locations Supervisor-wise design ===== */
.company-location-supervisor-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.company-location-supervisor-card{
  min-width:0;
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);
  border:1px solid #e2e8f0;
  border-radius:16px;
  box-shadow:0 8px 22px rgba(15,23,42,.045);
}
.company-location-supervisor-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:14px 15px 12px;
  border-bottom:1px solid #edf1f6;
  background:linear-gradient(180deg,#fff 0%,#f7f9ff 100%);
}
.company-location-kicker{
  margin-bottom:4px;
  font-size:9px;
  line-height:1;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#667085;
}
.company-location-supervisor-head h4{
  margin:0;
  font-size:14px;
  line-height:1.25;
  color:#101828;
}
.company-location-counts{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.company-location-counts span{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:3px 7px;
  border:1px solid #dbe4ff;
  border-radius:999px;
  background:#f3f6ff;
  color:#3f5efb;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}
.company-location-route-wrap{
  width:100%;
  overflow:visible;
}
.company-location-route-table{
  width:100%;
  min-width:0!important;
  table-layout:auto!important;
  border-collapse:collapse;
}
.company-location-route-table th,
.company-location-route-table td{
  padding:9px 11px!important;
  font-size:11px!important;
  line-height:1.25;
  border-bottom:1px solid #eef2f6;
  vertical-align:middle;
}
.company-location-route-table th{
  background:#f8fafc;
  color:#475467;
  font-weight:800;
  white-space:nowrap;
}
.company-location-route-table td:nth-child(1){
  width:38%;
  white-space:normal;
  overflow-wrap:anywhere;
}
.company-location-route-table td:nth-child(2){
  width:25%;
  white-space:normal;
}
.company-location-route-table td:nth-child(3){
  width:37%;
  white-space:normal;
}
.company-location-route-table tbody tr:last-child td{border-bottom:0}
.company-location-route-table tbody tr:hover td{background:#fbfcff}
@media(max-width:1100px){
  .company-location-supervisor-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .company-location-supervisor-head{flex-direction:column}
  .company-location-counts{justify-content:flex-start}
  .company-location-route-wrap{overflow-x:auto}
  .company-location-route-table{min-width:560px!important}
}

</style>
<style id="calculation-studio-premium">
.calculation-studio-shell{max-width:1480px;margin:0 auto;padding-bottom:28px}
.costing-control-shell{max-width:1480px;margin:0 auto;padding-bottom:28px;color:#1d2d4e}
.costing-control-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 26px;border-radius:20px;background:linear-gradient(125deg,#0c1c40,#234895 58%,#6079e9);color:#fff;box-shadow:0 16px 36px rgba(24,48,108,.18)}
.costing-control-hero h2{margin:7px 0 6px;font-size:28px;letter-spacing:-.04em}
.costing-control-hero p{max-width:650px;margin:0;color:#dbe5ff;font-size:12px;line-height:1.55}
.costing-control-hero .control-eyebrow{color:#bcd0ff}
.costing-control-hero-stats{display:flex;gap:8px;flex-wrap:wrap}
.costing-control-hero-stats span{min-width:92px;padding:9px 11px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.1);font-size:10px;font-weight:700}
.costing-control-hero-stats b{display:block;margin-bottom:2px;color:#fff;font-size:17px}
.costing-control-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0;padding:6px;border:1px solid #e3e8f2;border-radius:14px;background:#f7f9fc}
.costing-control-tab{min-height:56px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#697790;text-align:left;cursor:pointer}
.costing-control-tab strong{display:block;color:inherit;font-size:12px}
.costing-control-tab small{display:block;margin-top:4px;color:#9aa5b7;font-size:10px}
.costing-control-tab.active{background:#fff;color:#3158bd;box-shadow:0 5px 16px rgba(31,63,145,.1)}
.costing-control-tab.active small{color:#7088c7}
.costing-control-body{padding:20px;border:1px solid #e3e8f2;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(31,48,87,.05)}
.control-section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.control-section-intro h2{margin:6px 0 4px;color:#1b2d50;font-size:20px;letter-spacing:-.03em}
.control-section-intro p{margin:0;max-width:700px;color:#7c899f;font-size:11px;line-height:1.5}
.control-eyebrow{display:block;color:#6275a2;font-size:9px;font-weight:900;letter-spacing:.13em}
.control-button,.control-link{border:1px solid #d8e0ee;border-radius:8px;background:#fff;color:#3158bd;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer}
.control-button{padding:9px 12px;white-space:nowrap}
.control-button.primary{border-color:#3158bd;background:#3158bd;color:#fff;box-shadow:0 5px 12px rgba(49,88,189,.15)}
.control-button:hover,.control-link:hover{border-color:#8fa5d5;background:#f5f8ff}
.control-button.primary:hover{background:#25489e}
.control-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.control-rule-card{padding:15px;border:1px solid #e2e7f0;border-radius:13px;background:linear-gradient(145deg,#fff,#fbfcff)}
.control-rule-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.control-rule-type,.control-rule-status,.control-link{font-size:10px;font-weight:900}
.control-rule-type{padding:5px 7px;border-radius:6px;background:#eef3ff;color:#3158bd;text-transform:uppercase}
.control-rule-status{color:#159363;letter-spacing:.06em}.control-rule-status.off{color:#c25555}
.control-rule-card h3{margin:14px 0 5px;color:#223454;font-size:14px}
.control-rule-card p{min-height:30px;margin:0;color:#7f8ba0;font-size:10px;line-height:1.45}
.control-rule-meta{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0;color:#566783;font-size:10px}
.control-rule-meta span{padding:5px 7px;border-radius:6px;background:#f2f5fa}
.control-rule-actions{display:flex;gap:12px;padding-top:10px;border-top:1px solid #edf0f5}
.control-link{padding:0;border:0;background:transparent}.control-link.danger{color:#b65b62}
.control-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:170px;padding:26px;border:1px dashed #d5deec;border-radius:13px;background:#fbfcff;text-align:center;color:#75839a}
.control-empty strong{color:#2b3d61;font-size:13px}.control-empty span{max-width:400px;font-size:11px;line-height:1.45}
.kpi-card{cursor:pointer}.kpi-card:focus-visible{outline:3px solid rgba(69,105,187,.28);outline-offset:2px}.kpi-calculation-panel{margin:18px 0;padding:18px;border:1px solid #d8e2f2;border-radius:16px;background:#fbfcff;box-shadow:0 10px 26px rgba(31,48,87,.07)}.kpi-calculation-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.kpi-calculation-head h3{margin:4px 0;color:#1d3155;font-size:18px}.kpi-calculation-head p{margin:5px 0 0;color:#7c8aa1;font-size:11px}.kpi-calculation-close{border:1px solid #dbe3f0;border-radius:8px;background:#fff;color:#6f7d92;font-size:17px;line-height:1;cursor:pointer}.kpi-calculation-scope{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.kpi-calculation-scope span{padding:6px 8px;border-radius:7px;background:#eef3ff;color:#3d5276;font-size:10px}.kpi-calculation-grid{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.6fr);gap:12px;margin-top:13px}.kpi-calculation-box{padding:13px;border:1px solid #e2e7f0;border-radius:11px;background:#fff}.kpi-calculation-box h4{margin:0 0 10px;color:#2a3c5e;font-size:12px}.kpi-calculation-formula{padding:10px;border-radius:8px;background:#f4f7fc;color:#30496f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5}.kpi-calculation-steps{display:grid;gap:7px;margin-top:10px}.kpi-calculation-step{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid #edf0f5;color:#66758d;font-size:10px}.kpi-calculation-step strong{color:#253b60;text-align:right}.kpi-calculation-conditions{display:grid;gap:7px}.kpi-calculation-condition{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #edf0f5}.kpi-calculation-condition>div{min-width:0}.kpi-calculation-condition strong{display:block;color:#30496f;font-size:10px}.kpi-calculation-condition small{display:block;margin-top:3px;color:#8995a8;font-size:9px;line-height:1.4}.kpi-calculation-status{flex:none;color:#159363;font-size:9px;font-weight:900;letter-spacing:.04em}.kpi-calculation-status.off{color:#c25555}.kpi-calculation-edit{padding:0;border:0;background:transparent;color:#3158bd;font-size:9px;font-weight:900;cursor:pointer}.kpi-calculation-table-wrap{overflow:auto;margin-top:12px;border:1px solid #e2e7f0;border-radius:10px}.kpi-calculation-table{width:100%;min-width:720px;border-collapse:collapse;background:#fff}.kpi-calculation-table th,.kpi-calculation-table td{padding:8px 10px;border-bottom:1px solid #edf0f5;text-align:left;font-size:10px;vertical-align:top}.kpi-calculation-table th{background:#f4f7fc;color:#718099;font-size:9px;letter-spacing:.04em;text-transform:uppercase}.kpi-calculation-table td{color:#53647f}.kpi-calculation-table td strong{color:#2a3c5e}.kpi-calculation-empty{padding:16px;color:#8995a8;font-size:10px}.kpi-calculation-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;color:#8995a8;font-size:10px}.kpi-calculation-footer button{padding:7px 10px;border:1px solid #cbd8ed;border-radius:7px;background:#fff;color:#3158bd;font-size:10px;font-weight:800;cursor:pointer}
.condition-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.condition-control-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e2e7f0;border-radius:12px;background:#fcfdff}
.condition-control-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#e9f8f1;color:#159363;font-size:17px;font-weight:900}
.condition-control-copy{flex:1}.condition-control-copy h3{margin:4px 0;color:#263958;font-size:12px}.condition-control-copy p{margin:0;color:#8792a5;font-size:10px}
.condition-control-actions{display:flex;align-items:center;gap:10px}.condition-control-actions .control-rule-status{font-size:9px}.condition-control-icon:has(+ .condition-control-copy){}
.condition-control-card:has(.control-rule-status.off) .condition-control-icon{background:#fff1f1;color:#c25555}
.condition-register-toolbar{margin:17px 0 12px;padding:13px;border:1px solid #e2e7f0;border-radius:12px;background:#fbfcff}.condition-register-toolbar strong{display:block;color:#2a3c5e;font-size:12px}.condition-register-toolbar p{margin:4px 0 11px;color:#8792a5;font-size:10px}.condition-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.condition-filter-grid label{display:block;color:#65738b;font-size:9px;font-weight:800}.condition-filter-grid select{display:block;width:100%;margin-top:5px;min-height:31px;padding:6px 8px;border:1px solid #d7e0ef;border-radius:7px;background:#fff;color:#334563;font:inherit;font-size:10px}.condition-register-scroll{overflow:auto;border:1px solid #e2e7f0;border-radius:12px;background:#fff}.condition-register-table{min-width:1240px}.condition-register-head,.condition-register-row{display:grid;grid-template-columns:minmax(220px,1.7fr) 85px 105px 125px 125px 135px 125px 105px 110px 105px 90px;gap:0;align-items:center}.condition-register-head{padding:9px 11px;background:#f4f7fc;color:#718099;font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.condition-register-row{padding:10px 11px;border-top:1px solid #edf0f5;color:#53647f;font-size:10px}.condition-register-row>div{min-width:0;padding-right:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.condition-register-row strong{display:block;overflow:hidden;text-overflow:ellipsis;color:#2a3c5e;font-size:10px}.condition-register-row small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;color:#8b96a8;font-size:9px}.condition-register-status{font-size:9px;font-weight:900;letter-spacing:.04em;color:#159363}.condition-register-status.off{color:#c25555}.condition-register-actions{display:flex;gap:9px}.condition-register-actions .control-link{font-size:9px}
.control-form-card{margin:0 0 17px;padding:18px;border:1px solid #cfdaf0;border-radius:14px;background:#f9fbff;box-shadow:0 7px 18px rgba(46,73,128,.07)}
.control-form-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:15px}.control-form-head h3{margin:5px 0 4px;color:#1e3154;font-size:17px}.control-form-head p{margin:0;color:#7a879e;font-size:11px}.control-close{width:28px;height:28px;border:1px solid #dbe3f0;border-radius:7px;background:#fff;color:#6f7d92;font-size:18px;line-height:1;cursor:pointer}
.control-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px}.control-form-grid label{display:block;color:#354560;font-size:10px;font-weight:800}.control-form-grid input:not([type="checkbox"]),.control-form-grid select,.control-form-grid textarea{display:block;width:100%;margin-top:6px;min-height:35px;padding:8px 9px;border:1px solid #d7e0ef!important;border-radius:7px!important;background:#fff!important;color:#334563!important;font-family:inherit;font-size:11px!important;box-shadow:none!important}.control-form-grid textarea{resize:vertical}.control-form-grid input:focus,.control-form-grid select:focus,.control-form-grid textarea:focus{border-color:#718fd1!important;box-shadow:0 0 0 3px rgba(69,105,187,.1)!important}
.control-notes{grid-column:1/-1}.control-form-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:15px;padding-top:13px;border-top:1px solid #e3e9f3}.control-active{display:flex;align-items:center;gap:6px;margin-right:auto;color:#334563;font-size:10px;font-weight:800}.control-status{color:#8793a7;font-size:10px}.control-add-small{padding:6px 8px;border:1px solid #ccd8ec;border-radius:7px;background:#fff;color:#3158bd;font-size:10px;font-weight:800;cursor:pointer}.transaction-split-box{grid-column:1/-1;padding:12px;border:1px solid #d9e3f2;border-radius:10px;background:#fff}.split-box-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.split-box-head strong{display:block;color:#2c4165;font-size:11px}.split-box-head span{display:block;margin-top:2px;color:#8a96a8;font-size:10px}.transaction-split-row{display:grid;grid-template-columns:1fr 140px 28px;gap:8px;margin-top:7px}.transaction-remove-share{border:1px solid #e1e6ef;border-radius:7px;background:#fff;color:#b65b62;cursor:pointer}.advanced-form-actions{margin-bottom:17px}.advanced-form-actions .control-form-card{margin-top:15px}.control-rule-list{display:grid;gap:8px}.control-rule-list-row{display:grid;grid-template-columns:minmax(190px,1fr) minmax(150px,1.5fr) auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid #e7ebf2;border-radius:9px;background:#fcfdff}.control-rule-list-row strong,.control-rule-list-row span{display:block}.control-rule-list-row strong{color:#2a3c5e;font-size:11px}.control-rule-list-row span{margin-top:3px;color:#8a96a8;font-size:10px}.control-rule-list-row code{color:#3d5276;font-size:10px;white-space:normal}.audit-summary-strip{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.audit-summary-strip span{padding:10px 13px;border:1px solid #e2e7f0;border-radius:9px;background:#fbfcff;color:#7d899d;font-size:10px}.audit-summary-strip b{margin-right:4px;color:#2c4165;font-size:15px}.costing-control-footer{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:13px;color:#8995a8;font-size:10px}.costing-control-footer .control-link{margin-left:auto}
@media(max-width:900px){.costing-control-hero{display:block}.costing-control-hero-stats{margin-top:16px}.control-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.condition-card-grid{grid-template-columns:1fr}.condition-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.costing-control-tabs{grid-template-columns:repeat(2,1fr)}.costing-control-body{padding:14px}.control-section-intro{display:block}.control-section-intro .control-button{margin-top:13px}.control-rule-grid,.control-form-grid{grid-template-columns:1fr}.transaction-split-row{grid-template-columns:1fr 100px 28px}.control-rule-list-row{grid-template-columns:1fr}.costing-control-footer .control-link{margin-left:0}}
.calculation-studio-visibility{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 15px;padding:11px 13px;border:1px solid #e4e9f2;border-radius:14px;background:#fbfcff;box-shadow:0 5px 16px rgba(31,48,87,.04)}
.calculation-studio-visibility strong{display:block;margin-top:3px;color:#1e2e50;font-size:12px;letter-spacing:-.01em}
.calculation-studio-visibility-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.studio-visibility-toggle,.studio-visibility-new{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid #dfe5ef;border-radius:8px;background:#fff;color:#586780;font-family:inherit;font-size:10px;font-weight:800;cursor:pointer;transition:.18s ease}
.studio-visibility-toggle span{display:grid;place-items:center;width:15px;height:15px;border-radius:5px;background:#eef2f8;color:#6c7a92;font-size:13px;line-height:1}
.studio-visibility-toggle:hover,.studio-visibility-toggle.active{border-color:#b9c8e8;background:#f4f7ff;color:#3158bd}
.studio-visibility-toggle.active span{background:#dfe8ff;color:#3158bd}
.studio-visibility-new{border-color:#3158bd;background:#3158bd;color:#fff;box-shadow:0 5px 12px rgba(49,88,189,.18)}
.studio-visibility-new:hover{background:#25489e}
.calculation-studio-hero{position:relative;overflow:hidden;padding:21px 24px;border-radius:20px;background:linear-gradient(126deg,#0d1d43 0%,#1f3f91 54%,#526ee7 100%);color:#fff;box-shadow:0 15px 34px rgba(25,48,108,.19)}
.calculation-studio-hero:after{content:'';position:absolute;width:280px;height:280px;right:-100px;top:-145px;border:42px solid rgba(255,255,255,.12);border-radius:50%}
.calculation-studio-hero .admin-kicker{color:#b9caff;letter-spacing:.14em}
.calculation-studio-hero h2{position:relative;z-index:1;margin:7px 0 5px;font-size:27px;letter-spacing:-.04em}
.calculation-studio-hero p{position:relative;z-index:1;max-width:760px;margin:0;color:#dfe7ff;line-height:1.55}
.calculation-studio-hero-stats{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.calculation-studio-stat{padding:8px 11px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.1);font-size:11px;font-weight:700}
.calculation-studio-stat b{display:block;margin-bottom:2px;color:#fff;font-size:16px}
.calculation-studio-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 14px;padding:6px;border:1px solid #e3e8f2;border-radius:16px;background:#f7f9fc}
.calculation-studio-tab{flex:1 1 150px;padding:12px 15px;border:0;border-radius:11px;background:transparent;color:#667085;text-align:left;font-weight:800;cursor:pointer}
.calculation-studio-tab small{display:block;margin-top:3px;color:#98a2b3;font-size:10px;font-weight:600}
.calculation-studio-tab.active{background:#fff;color:#1f3f91;box-shadow:0 5px 16px rgba(31,63,145,.12)}
.calculation-studio-tab.active small{color:#526ee7}
.calculation-studio-impact{display:flex;align-items:flex-start;gap:12px;margin:0 0 16px;padding:14px 16px;border:1px solid #cdd9ff;border-radius:14px;background:linear-gradient(90deg,#f1f5ff,#fbfcff);color:#30456d}
.calculation-studio-impact b{display:block;color:#173b91;margin-bottom:3px}
.calculation-studio-impact .impact-mark{display:grid;place-items:center;min-width:28px;height:28px;border-radius:9px;background:#4f6df5;color:#fff;font-weight:900}
.calculation-studio-logic-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:15px;margin-bottom:16px}
.calculation-studio-panel{padding:18px;border:1px solid #e1e7f0;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(31,48,87,.06)}
.calculation-studio-panel h3{margin:0;color:#172b55;font-size:16px}
.calculation-studio-panel .panel-subtitle{margin:5px 0 14px;color:#7a879e;font-size:12px;line-height:1.45}
.calculation-studio-formula{display:grid;grid-template-columns:112px 1fr;gap:10px;padding:12px 0;border-top:1px solid #edf0f5}
.calculation-studio-formula:first-of-type{border-top:0}
.calculation-studio-formula .formula-tag{align-self:start;padding:5px 7px;border-radius:8px;background:#eef3ff;color:#3158bd;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.calculation-studio-formula code{display:block;color:#172b55;font-size:12px;white-space:normal;line-height:1.5}
.calculation-studio-formula span{display:block;margin-top:3px;color:#7a879e;font-size:11px;line-height:1.4}
.calculation-studio-conditions{display:grid;gap:9px}
.calculation-studio-condition{display:flex;gap:9px;padding:10px 11px;border:1px solid #edf0f5;border-radius:11px;background:#fbfcfe}
.calculation-studio-condition b{display:block;color:#344563;font-size:11px}
.calculation-studio-condition span{display:block;margin-top:2px;color:#7a879e;font-size:11px;line-height:1.35}
.calculation-studio-condition i{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#20a56b;flex:0 0 auto}
.calculation-studio-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.calculation-studio-flow span{padding:8px 10px;border-radius:9px;background:#f1f4fb;color:#30456d;font-size:11px;font-weight:800}
.calculation-studio-flow b{color:#91a0b8}
.calculation-studio-rules-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:22px 0 10px}
.calculation-studio-rules-head h3{margin:0;color:#172b55}
.calculation-studio-section-label{display:inline-flex;align-items:center;gap:7px;color:#526ee7;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.calculation-formula-lookup{margin:0 0 16px;padding:18px 20px;border:1px solid #e1e5eb;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(16,24,40,.04)}
.calculation-formula-lookup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.calculation-formula-lookup-head h3{margin:0;color:#1b2845;font-size:17px}
.calculation-formula-lookup-head p{margin:5px 0 0;color:#7c879c;font-size:11px;line-height:1.45}
.calculation-formula-lookup-label{color:#526ee7;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.calculation-formula-lookup-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;padding:14px 0 16px;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3}
.calculation-formula-lookup-controls label{display:block;color:#202d4b;font-size:11px;font-weight:700}
.calculation-formula-lookup-controls input,.calculation-formula-lookup-controls select{display:block;width:100%;height:36px;margin-top:6px;padding:0 10px;border:1px solid #dfe3e8!important;border-radius:7px!important;background:#fff!important;color:#35415a!important;font-size:11px!important;box-shadow:none!important}
.calculation-formula-lookup-controls input::placeholder{color:#a0a8b7}
.calculation-formula-lookup-controls input:focus,.calculation-formula-lookup-controls select:focus{border-color:#718096!important;box-shadow:0 0 0 2px rgba(73,94,126,.08)!important}
.calculation-formula-lookup-controls .lookup-action{height:36px;border:0;border-radius:7px;background:#2f405f;color:#fff;font-size:11px;font-weight:800;cursor:pointer}
.calculation-formula-lookup-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.calculation-existing-formula-card{min-height:132px;padding:14px;border:1px solid #e0e4e9;border-radius:9px;background:#fff}
.calculation-existing-formula-card .existing-formula-kicker{color:#7b8494;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.calculation-existing-formula-card h4{margin:7px 0 9px;color:#1d2943;font-size:13px}
.calculation-existing-formula-card code{display:block;min-height:34px;color:#263653;font-size:11px;line-height:1.45;white-space:normal}
.calculation-existing-formula-card .existing-formula-source{margin-top:10px;color:#8a94a4;font-size:10px;line-height:1.35}
.calculation-existing-formula-card .existing-formula-source strong{color:#51617e}
.calculation-existing-formula-card .existing-formula-action{display:inline-block;margin-top:9px;padding:5px 8px;border:1px solid #d9e0eb;border-radius:6px;background:#f9fafb;color:#2f405f;font-family:inherit;font-size:10px;font-weight:800;text-decoration:none;appearance:none;cursor:pointer}
.calculation-existing-formula-card.override-active{border-color:#b9c8e8;background:#fbfcff}
.calculation-existing-formula-card.override-active .existing-formula-kicker{color:#3158bd}
.calculation-lookup-kpi-list{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;padding:12px;border:1px solid #e7ebf1;border-radius:9px;background:#fbfcfd}
.calculation-lookup-kpi-list strong{width:100%;color:#52617b;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.calculation-lookup-kpi-list span{padding:6px 8px;border:1px solid #dfe4eb;border-radius:6px;background:#fff;color:#36435c;font-size:10px}
.calculation-lookup-group-title{grid-column:1/-1;margin-top:4px;color:#526ee7;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.calculation-existing-formula-card .lookup-edit-action{display:inline-block;margin-top:9px;padding:6px 9px;border:1px solid #cbd8ed;border-radius:7px;background:#f8faff;color:#3158bd;font-family:inherit;font-size:10px;font-weight:900;cursor:pointer}.calculation-existing-formula-card .lookup-edit-action:hover{background:#edf3ff}
.calculation-formula-lookup-results{display:block;margin-top:12px}.kpi-lookup-group-title{padding:10px 11px;border-bottom:1px solid #dfe6f1;background:#f4f7fc;color:#526ee7;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.kpi-lookup-compact-row{display:grid;grid-template-columns:210px minmax(260px,1.8fr) minmax(150px,1fr) 92px;align-items:center;gap:12px;padding:10px 11px;border-bottom:1px solid #edf0f5;background:#fff;color:#63718a;font-size:10px}.kpi-lookup-compact-row strong{color:#2b3f63;font-size:10px}.kpi-lookup-compact-row code{color:#3d5276;font-size:10px;white-space:normal}.kpi-lookup-compact-row small{color:#8b96a8;font-size:9px}.kpi-lookup-compact-row.override-active{background:#fbfcff}.kpi-lookup-compact-row .lookup-edit-action{margin:0;padding:6px 9px;border:1px solid #cbd8ed;border-radius:7px;background:#f8faff;color:#3158bd;font-family:inherit;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}.kpi-lookup-compact-row .lookup-edit-action:hover{background:#edf3ff}
@media(max-width:1200px) and (min-width:701px){.kpi-lookup-compact-row{grid-template-columns:145px minmax(0,1fr) 92px;align-items:start}.kpi-lookup-compact-row small{grid-column:2;grid-row:2}.kpi-lookup-compact-row .lookup-edit-action{grid-column:3;grid-row:1/3}}
@media(max-width:700px){.kpi-lookup-compact-row{grid-template-columns:1fr auto;gap:6px}.kpi-lookup-compact-row code,.kpi-lookup-compact-row small{grid-column:1/-1}.kpi-lookup-compact-row .lookup-edit-action{grid-column:2;grid-row:1}}
.unified-calculation-shell{display:grid;gap:16px}.unified-calculation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,#172e72,#5274ec);color:#fff;box-shadow:0 12px 28px rgba(35,65,150,.16)}.unified-calculation-head h2{margin:4px 0 6px;font-size:25px}.unified-calculation-head p{margin:0;color:#dce5ff;font-size:12px;line-height:1.55}.unified-calculation-head .control-eyebrow{color:#b9caff}.unified-calculation-head .control-button{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.10);color:#fff}.unified-calculation-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.unified-calculation-card{min-width:0;padding:16px;border:1px solid #dfe6f1;border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(20,42,92,.045)}.unified-calculation-card.full{grid-column:1/-1}.unified-calculation-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.unified-calculation-card-head h3{margin:0;color:#24385b;font-size:15px}.unified-calculation-card-head p{margin:4px 0 0;color:#8591a5;font-size:10px;line-height:1.45}.unified-calculation-list{display:grid;border-top:1px solid #edf0f5}.unified-calculation-row{display:grid;grid-template-columns:minmax(125px,1fr) minmax(0,2fr) auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f5;color:#718099;font-size:10px}.unified-calculation-row strong{color:#304568;font-size:11px}.unified-calculation-row code{color:#405678;font-size:10px;white-space:normal}.unified-calculation-row small{display:block;margin-top:3px;color:#99a3b4;font-size:9px;line-height:1.35}.unified-calculation-row .control-link{white-space:nowrap}.unified-calculation-status{display:inline-flex;justify-content:center;min-width:40px;padding:4px 7px;border-radius:999px;background:#e7f7ef;color:#168451;font-size:9px;font-weight:900}.unified-calculation-status.off{background:#fff0f0;color:#b42318}.unified-calculation-note{padding:10px 11px;border:1px dashed #cbd8ee;border-radius:9px;background:#f8faff;color:#697994;font-size:10px;line-height:1.5}.unified-calculation-note strong{color:#304568}.unified-closing-formula{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #dfe6f1;border-radius:10px;background:#f8faff}.unified-closing-formula code{color:#304d82;font-size:12px;white-space:normal}.unified-calculation-empty{padding:13px 0;color:#8b96a8;font-size:10px}.unified-calculation-footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:2px 0}.unified-calculation-footer .control-link{margin-left:0}
@media(max-width:760px){.unified-calculation-head{display:block;padding:18px}.unified-calculation-head .control-button{margin-top:12px}.unified-calculation-sections{grid-template-columns:1fr}.unified-calculation-card.full{grid-column:auto}.unified-calculation-row{grid-template-columns:1fr auto;gap:6px}.unified-calculation-row code,.unified-calculation-row small{grid-column:1/-1}.unified-calculation-row .control-link{grid-column:2;grid-row:1}.unified-closing-formula{display:block}.unified-closing-formula .control-link{margin-top:10px}}
.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcRuleCompany),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcRuleHead),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcRuleSupervisor),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcRulePortfolio),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcAdjustmentColumn),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcAdjustmentAmount),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcAdjustmentAmountMin),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcAdjustmentAmountMax),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcAdjustmentRemark),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcAdjustmentType),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcAdjustmentDescription),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcAdjustmentReference),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcAdjustmentBank),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcAdjustmentAccountId),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcAdjustmentLocation),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcTargetCompany),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcTargetHead),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcTargetSupervisor),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcTargetMonth),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcTargetPortfolio),.transaction-rule-quick:not(.transaction-rule-advanced-open) .control-form-grid>label:has(#calcRuleNotes){display:none!important}.transaction-rule-advanced-toggle{margin-left:auto;padding:7px 10px;border:1px solid #cbd8ed;border-radius:7px;background:#f8faff;color:#3158bd;font-family:inherit;font-size:10px;font-weight:900;cursor:pointer}.transaction-rule-advanced-toggle:hover{background:#edf3ff}
.calculation-studio-shell .source-card{border:1px solid #e0e4e9!important;border-radius:12px!important;background:#fff!important;box-shadow:0 3px 12px rgba(16,24,40,.04)!important}
.calculation-studio-shell .source-card-head{margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #edf0f3}
.calculation-studio-shell .source-card-head h3{color:#1b2845!important;font-size:17px!important}
.calculation-studio-shell .source-field{margin-top:0!important}
.calculation-studio-shell .source-field label{margin-bottom:6px!important;color:#202d4b!important;font-size:11px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}
.calculation-studio-shell .source-field input:not([type="checkbox"]),.calculation-studio-shell .source-field select,.calculation-studio-shell .source-field textarea{width:100%;min-height:36px;padding:8px 10px;border:1px solid #dfe3e8!important;border-radius:7px!important;background:#fff!important;color:#35415a!important;font-size:11px!important;box-shadow:none!important}
.calculation-studio-shell .source-field textarea{min-height:66px;resize:vertical}
.calculation-studio-shell .source-field input:not([type="checkbox"]):focus,.calculation-studio-shell .source-field select:focus,.calculation-studio-shell .source-field textarea:focus{border-color:#718096!important;box-shadow:0 0 0 2px rgba(73,94,126,.08)!important}
.calculation-studio-shell .source-field .meta{margin-top:5px;color:#8a94a4;font-size:10px;line-height:1.35}
.calculation-studio-shell .user-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px}
.overview-formula-inspector{margin:14px 0 18px;padding:15px 16px;border:1px solid #dfe3e8;border-radius:10px;background:#fff}
.overview-formula-inspector-collapsed{padding:12px 14px;border-color:#e4e9f2;background:linear-gradient(105deg,#fbfcff,#f7f9fd);box-shadow:0 4px 14px rgba(31,48,87,.04)}
.overview-formula-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.overview-formula-inspector-collapsed .overview-formula-inspector-head{margin-bottom:0}
.overview-formula-inspector-kicker{display:block;margin-bottom:4px;color:#7183a5;font-size:9px;font-weight:900;letter-spacing:.13em}
.overview-formula-inspector-head h3{margin:0;color:#1b2845;font-size:16px}
.overview-formula-inspector-head p{margin:4px 0 0;color:#7c879c;font-size:11px}
.overview-formula-inspector-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.overview-formula-inspector-scope{padding:6px 9px;border:1px solid #d9e2f5;border-radius:6px;background:#f8faff;color:#435b86;font-size:10px;font-weight:800}
.overview-formula-toggle{display:inline-flex;align-items:center;gap:6px;height:29px;padding:0 10px;border:1px solid #cfd9eb;border-radius:7px;background:#fff;color:#3158bd;font-family:inherit;font-size:10px;font-weight:900;cursor:pointer;transition:.18s ease}
.overview-formula-toggle span{font-size:14px;line-height:1}
.overview-formula-toggle:hover{border-color:#8da4d5;background:#f5f8ff}
.overview-formula-inspector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #edf0f3;border-left:1px solid #edf0f3}
.overview-formula-line{display:grid;grid-template-columns:minmax(94px,.65fr) minmax(0,1.35fr);gap:10px;align-items:center;min-height:56px;padding:9px 10px;border-right:1px solid #edf0f3;border-bottom:1px solid #edf0f3}
.overview-formula-line .line-label{color:#6d7788;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.overview-formula-line code{display:block;color:#263653;font-size:11px;line-height:1.35;white-space:normal}
.overview-formula-line .line-source{display:block;margin-top:3px;color:#8b95a5;font-size:9px;line-height:1.25}
.overview-formula-edit{justify-self:end;padding:5px 8px;border:1px solid #d9e0eb;border-radius:6px;background:#fff;color:#2f405f;font-family:inherit;font-size:10px;font-weight:800;cursor:pointer}
.overview-formula-edit:hover{border-color:#8da4d5;background:#f8faff}
.overview-formula-empty{padding:12px 13px;border:1px dashed #cdd5e1;border-radius:8px;background:#fbfcfd;color:#718096;font-size:11px}
@media(max-width:900px){.overview-formula-inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.overview-formula-inspector-grid{grid-template-columns:1fr}.overview-formula-line{grid-template-columns:95px minmax(0,1fr)}}
@media(max-width:900px){.calculation-studio-logic-grid{grid-template-columns:1fr}.calculation-studio-hero h2{font-size:25px}}
@media(max-width:900px){.calculation-formula-lookup-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.calculation-formula-lookup-results{grid-template-columns:repeat(2,minmax(0,1fr))}.calculation-studio-shell .user-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.calculation-studio-hero{padding:21px 18px}.calculation-studio-formula{grid-template-columns:1fr}.calculation-studio-formula .formula-tag{display:inline-block;width:max-content}.calculation-formula-lookup-controls,.calculation-formula-lookup-results,.calculation-studio-shell .user-form-grid{grid-template-columns:1fr}.calculation-formula-lookup{padding:16px 14px}}
</style>
<script src="https://cdn.jsdelivr.net/npm/exceljs@4.4.0/dist/exceljs.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js">
document.addEventListener('dragstart',e=>{
  const t=e.target;
  if(t && !t.closest('input[type="file"]')) e.preventDefault();
});

</script>

<style id="billing-final-no-scroll">
/* ===== ABSOLUTE FINAL BILLING OVERRIDE: NO HORIZONTAL SCROLL ON DESKTOP ===== */
.billing-register-wrap{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  overflow-y:visible !important;
}

.billing-register-wrap .billing-register-table,
.billing-register-table{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  table-layout:fixed !important;
  border-collapse:collapse !important;
}

.billing-register-table th,
.billing-register-table td{
  padding:5px 2px !important;
  font-size:6.2px !important;
  line-height:1.08 !important;
  text-align:center !important;
  vertical-align:middle !important;
  white-space:normal !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

.billing-register-table th{
  font-size:6px !important;
  font-weight:800 !important;
}

/* 14 columns = 100% */
.billing-register-table th:nth-child(1),
.billing-register-table td:nth-child(1){width:8% !important;}
.billing-register-table th:nth-child(2),
.billing-register-table td:nth-child(2){width:6.5% !important;}
.billing-register-table th:nth-child(3),
.billing-register-table td:nth-child(3){width:6.5% !important;}
.billing-register-table th:nth-child(4),
.billing-register-table td:nth-child(4){width:13% !important;}
.billing-register-table th:nth-child(5),
.billing-register-table td:nth-child(5){width:8% !important;}
.billing-register-table th:nth-child(6),
.billing-register-table td:nth-child(6){width:6% !important;}
.billing-register-table th:nth-child(7),
.billing-register-table td:nth-child(7){width:6.5% !important;}
.billing-register-table th:nth-child(8),
.billing-register-table td:nth-child(8){width:8% !important;}
.billing-register-table th:nth-child(9),
.billing-register-table td:nth-child(9){width:6.5% !important;}
.billing-register-table th:nth-child(10),
.billing-register-table td:nth-child(10){width:8% !important;}
.billing-register-table th:nth-child(11),
.billing-register-table td:nth-child(11){width:7.5% !important;}
.billing-register-table th:nth-child(12),
.billing-register-table td:nth-child(12){width:7% !important;}
.billing-register-table th:nth-child(13),
.billing-register-table td:nth-child(13){width:6.5% !important;}
.billing-register-table th:nth-child(14),
.billing-register-table td:nth-child(14){width:5.5% !important;}

.billing-register-table .btn{
  padding:3px 3px !important;
  font-size:6px !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
}

/* Prevent generic table min-width rules from forcing scroll */
.billing-register-wrap table{
  min-width:0 !important;
  max-width:100% !important;
}

/* Slightly tighter Billing section on common laptops */
@media (min-width:1100px){
  .billing-register-table th,
  .billing-register-table td{
    font-size:6.4px !important;
  }
  .billing-register-table th{
    font-size:6.1px !important;
  }
}

/* On genuinely small screens, scrolling is still safer than hiding data */
@media (max-width:1099px){
  .billing-register-wrap{
    overflow-x:auto !important;
  }
  .billing-register-table{
    min-width:1050px !important;
  }
}


/* ===== FINAL BILLING PROFESSIONAL ALIGNMENT ===== */
#financeArea{
  width:100%;
}
.billing-page-shell{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.billing-upload-card{
  padding:20px !important;
  margin:0 !important;
  border:1px solid #e3e8f0 !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 8px 28px rgba(16,24,40,.045) !important;
}
.billing-upload-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
  padding-bottom:14px;
  border-bottom:1px solid #eef2f6;
}
.billing-upload-title h3{
  margin:0 0 5px !important;
  font-size:17px !important;
  font-weight:800;
  color:#101828;
}
.billing-upload-title p{
  margin:0 !important;
  font-size:11px !important;
  line-height:1.55;
  color:#667085;
}
.billing-upload-badge{
  flex:0 0 auto;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid #d7e1ff;
  background:#f4f7ff;
  color:#315efb;
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
}
.billing-upload-toolbar{
  display:grid;
  grid-template-columns:185px minmax(300px,1fr) 145px 165px;
  gap:10px;
  align-items:stretch;
}
.billing-upload-toolbar .action-btn{
  width:100%;
  min-height:42px;
  border-radius:10px;
  padding:0 13px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  box-shadow:none;
}
.billing-upload-toolbar .action-btn:not(.primary){
  background:#fff;
  border:1px solid #d0d5dd;
  color:#344054;
}
.billing-upload-toolbar .action-btn:not(.primary):hover{
  background:#f8fafc;
  border-color:#b8c3d6;
}
.billing-upload-toolbar .action-btn.primary{
  background:#315efb;
  border-color:#315efb;
  box-shadow:0 6px 14px rgba(49,94,251,.18);
}
.billing-upload-filebox{
  min-width:0;
  min-height:42px;
  display:flex;
  align-items:center;
  padding:0 12px;
  border:1px solid #d0d5dd;
  border-radius:10px;
  background:#fff;
}
.billing-upload-filebox:focus-within{
  border-color:#98a2ff;
  box-shadow:0 0 0 3px rgba(49,94,251,.08);
}
.billing-upload-filebox input[type="file"]{
  width:100%;
  min-width:0;
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  min-height:auto !important;
  font-size:11px !important;
}
.billing-upload-filebox input[type="file"]::file-selector-button{
  margin-right:12px;
  border:1px solid #d0d5dd;
  background:#f8fafc;
  color:#344054;
  border-radius:7px;
  padding:6px 10px;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
}
.billing-upload-footrow{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:10px;
  margin-top:12px;
}
.billing-upload-status,
.billing-upload-note{
  min-height:58px;
  padding:11px 13px;
  border:1px solid #e4e7ec;
  border-radius:11px;
  background:#fbfcfe;
  box-shadow:none;
}
.billing-upload-status .label,
.billing-upload-note .label{
  display:block;
  margin-bottom:4px;
  font-size:9px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
  color:#667085;
}
.billing-upload-status .value,
.billing-upload-note .value{
  font-size:11px;
  line-height:1.5;
  color:#344054;
}
.billing-kpi-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 !important;
}
.billing-kpi-grid .card{
  min-height:82px;
  padding:14px 16px !important;
  border-radius:14px !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  box-shadow:0 6px 18px rgba(16,24,40,.035) !important;
}
.billing-kpi-grid .label{
  margin-bottom:6px !important;
  font-size:9px !important;
  letter-spacing:.08em;
}
.billing-kpi-grid .value{
  font-size:21px !important;
  line-height:1.1;
}
.billing-register-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:2px 0 0;
}
.billing-register-head h3{
  margin:0;
  font-size:15px !important;
  color:#101828;
}
.billing-register-head .meta{
  margin:0;
  font-size:10px;
  color:#98a2b3;
}
.billing-empty-state{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #e4e7ec;
  border-radius:14px;
  background:#fff;
  color:#667085;
  font-size:12px;
  box-shadow:0 6px 18px rgba(16,24,40,.025);
}
#financeArea>.kpis{margin-top:0 !important;}
@media(max-width:1250px){
  .billing-upload-toolbar{
    grid-template-columns:170px minmax(240px,1fr) 135px 155px;
  }
}
@media(max-width:1050px){
  .billing-upload-toolbar{
    grid-template-columns:1fr 1fr;
  }
  .billing-upload-footrow{
    grid-template-columns:1fr;
  }
  .billing-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:680px){
  .billing-upload-card{padding:15px !important;}
  .billing-upload-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .billing-upload-toolbar{
    grid-template-columns:1fr;
  }
  .billing-kpi-grid{
    grid-template-columns:1fr !important;
  }
}
</style>


<style id="billing-remove-view-pdf-final">
/* Locked surgical change: remove dedicated View PDF column from Billing register. */
#financeArea .invoice-register .col-action,
#financeArea .invoice-register .col-view,
#financeArea .invoice-register td.action-sticky{display:none !important;}
@media (min-width:900px){
  #financeArea .invoice-register .col-company{width:13.5% !important;}
  #financeArea .invoice-register .col-portfolio{width:9.5% !important;}
  #financeArea .invoice-register .col-city{width:8.6% !important;}
  #financeArea .invoice-register .col-basic{width:9.0% !important;}
  #financeArea .invoice-register .col-net{width:8.8% !important;}
  #financeArea .invoice-register .col-received{width:9.0% !important;}
  #financeArea .invoice-register .col-paydate{width:7.8% !important;}
  #financeArea .invoice-register .col-status{width:6.2% !important;}
}
</style>


<style id="billing-user-request-final-fix">
/* Billing register: center requested first four headers and tighten City -> Basic spacing. */
#financeArea .invoice-register thead th.col-invoice,
#financeArea .invoice-register thead th.col-date,
#financeArea .invoice-register thead th.col-month,
#financeArea .invoice-register thead th.col-company{
  text-align:center !important;
  vertical-align:middle !important;
}

/* The large visual blank area was caused by over-wide City/Basic columns plus right-aligned Basic values. */
#financeArea .invoice-register thead th.col-basic,
#financeArea .invoice-register tbody td:nth-child(8){
  text-align:center !important;
}

@media (min-width:900px){
  #financeArea .invoice-register .col-invoice{width:6.8% !important;}
  #financeArea .invoice-register .col-date{width:6.5% !important;}
  #financeArea .invoice-register .col-month{width:6.0% !important;}
  #financeArea .invoice-register .col-company{width:12.5% !important;}
  #financeArea .invoice-register .col-portfolio{width:8.0% !important;}
  #financeArea .invoice-register .col-state{width:6.5% !important;}
  #financeArea .invoice-register .col-city{width:6.0% !important;}
  #financeArea .invoice-register .col-basic{width:8.2% !important;}
  #financeArea .invoice-register .col-tds{width:7.0% !important;}
  #financeArea .invoice-register .col-net{width:8.0% !important;}
  #financeArea .invoice-register .col-received{width:9.0% !important;}
  #financeArea .invoice-register .col-paydate{width:8.0% !important;}
  #financeArea .invoice-register .col-status{width:7.5% !important;}
}
</style>


<style id="billing-compact-spacing-final-v2">
/* FINAL: compact Billing register spacing; remove excess visual gaps without changing data/functionality. */
@media (min-width:900px){
  #financeArea .invoice-register{
    width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
  }
  #financeArea .invoice-register th,
  #financeArea .invoice-register td{
    padding-left:2px !important;
    padding-right:2px !important;
  }

  /* Exact 100% column distribution: tighter City -> Basic and balanced remaining space. */
  #financeArea .invoice-register .col-invoice{width:7.0% !important;}
  #financeArea .invoice-register .col-date{width:7.0% !important;}
  #financeArea .invoice-register .col-month{width:6.5% !important;}
  #financeArea .invoice-register .col-company{width:15.0% !important;}
  #financeArea .invoice-register .col-portfolio{width:8.0% !important;}
  #financeArea .invoice-register .col-state{width:6.5% !important;}
  #financeArea .invoice-register .col-city{width:6.0% !important;}
  #financeArea .invoice-register .col-basic{width:7.0% !important;}
  #financeArea .invoice-register .col-tds{width:6.5% !important;}
  #financeArea .invoice-register .col-net{width:7.5% !important;}
  #financeArea .invoice-register .col-received{width:8.5% !important;}
  #financeArea .invoice-register .col-paydate{width:7.5% !important;}
  #financeArea .invoice-register .col-status{width:7.0% !important;}
}

/* Keep requested headers centered and align key cells so blank space is not visually one-sided. */
#financeArea .invoice-register thead th.col-invoice,
#financeArea .invoice-register thead th.col-date,
#financeArea .invoice-register thead th.col-month,
#financeArea .invoice-register thead th.col-company,
#financeArea .invoice-register thead th.col-basic{
  text-align:center !important;
  vertical-align:middle !important;
}
#financeArea .invoice-register tbody td:nth-child(1),
#financeArea .invoice-register tbody td:nth-child(2),
#financeArea .invoice-register tbody td:nth-child(3),
#financeArea .invoice-register tbody td:nth-child(8){
  text-align:center !important;
}
</style>


<style id="billing-equal-optical-spacing-final-v3">
/* FINAL Billing register optical spacing fix:
   - every visible column gets controlled width totaling exactly 100%
   - all headers + body values are centered inside their own column
   - equal left/right cell padding prevents one-sided blank areas
   - Company is reduced from the previous over-wide allocation */
@media (min-width:900px){
  #financeArea .invoice-register-wrap{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }
  #financeArea .invoice-register{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
    border-collapse:collapse !important;
  }

  #financeArea .invoice-register th,
  #financeArea .invoice-register td{
    padding-left:4px !important;
    padding-right:4px !important;
    text-align:center !important;
    vertical-align:middle !important;
  }

  /* Exact 100% distribution — compact and visually balanced. */
  #financeArea .invoice-register .col-invoice{width:6.5% !important;}
  #financeArea .invoice-register .col-date{width:6.5% !important;}
  #financeArea .invoice-register .col-month{width:6.5% !important;}
  #financeArea .invoice-register .col-company{width:12.5% !important;}
  #financeArea .invoice-register .col-portfolio{width:8.0% !important;}
  #financeArea .invoice-register .col-state{width:6.5% !important;}
  #financeArea .invoice-register .col-city{width:7.0% !important;}
  #financeArea .invoice-register .col-basic{width:8.0% !important;}
  #financeArea .invoice-register .col-tds{width:7.0% !important;}
  #financeArea .invoice-register .col-net{width:8.0% !important;}
  #financeArea .invoice-register .col-received{width:9.0% !important;}
  #financeArea .invoice-register .col-paydate{width:8.0% !important;}
  #financeArea .invoice-register .col-status{width:6.5% !important;}

  /* Override older one-sided alignments that created the visual gaps. */
  #financeArea .invoice-register tbody td.company-cell,
  #financeArea .invoice-register tbody td.portfolio-cell,
  #financeArea .invoice-register tbody td.city-cell,
  #financeArea .invoice-register tbody td.amount-cell,
  #financeArea .invoice-register tbody td.center-cell,
  #financeArea .invoice-register tbody td:nth-child(1),
  #financeArea .invoice-register tbody td:nth-child(6){
    text-align:center !important;
  }

  #financeArea .invoice-register td.company-cell,
  #financeArea .invoice-register td.portfolio-cell,
  #financeArea .invoice-register td.city-cell{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
}
</style>

<style id="billing-16-column-supervisor-igst-final">
/* FINAL Billing structure: exact user-requested 16 columns. */
.invoice-register .col-sno{width:50px}
.invoice-register .col-supervisor{width:120px}
.invoice-register .col-igst{width:90px}
@media (min-width:900px){
  #financeArea .invoice-register-wrap{overflow-x:hidden !important;}
  #financeArea .invoice-register{width:100% !important;min-width:0 !important;table-layout:fixed !important;}
  #financeArea .invoice-register th,#financeArea .invoice-register td{
    padding:6px 2px !important;font-size:8.4px !important;line-height:1.2 !important;
    text-align:center !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
  }
  #financeArea .invoice-register .col-sno{width:3% !important;}
  #financeArea .invoice-register .col-supervisor{width:7% !important;}
  #financeArea .invoice-register .col-invoice{width:6% !important;}
  #financeArea .invoice-register .col-date{width:6% !important;}
  #financeArea .invoice-register .col-month{width:5.5% !important;}
  #financeArea .invoice-register .col-company{width:10% !important;}
  #financeArea .invoice-register .col-portfolio{width:7% !important;}
  #financeArea .invoice-register .col-state{width:5.5% !important;}
  #financeArea .invoice-register .col-city{width:5.5% !important;}
  #financeArea .invoice-register .col-basic{width:7% !important;}
  #financeArea .invoice-register .col-igst{width:5% !important;}
  #financeArea .invoice-register .col-tds{width:5% !important;}
  #financeArea .invoice-register .col-net{width:7% !important;}
  #financeArea .invoice-register .col-received{width:7% !important;}
  #financeArea .invoice-register .col-paydate{width:7.5% !important;}
  #financeArea .invoice-register .col-status{width:6% !important;}
}
@media (max-width:899px){
  #financeArea .invoice-register{min-width:1500px !important;}
}
</style>
<!-- SINGLE SOURCE LOCK: Portfolio_Master, Location_Master and Supervisor_Master are retired. Monthly_Assignment is authoritative. -->

<style id="billing-invoice-register-autofit-readable-final">
/* FINAL user-requested Invoice Register readability + content-based autofit.
   Display-only: Google Sheet / upload / backend remain full 16-column schema. */
#financeArea .invoice-register-wrap{
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:auto !important;
}
#financeArea .invoice-register{
  width:100% !important;
  min-width:1040px !important;
  table-layout:auto !important;
  border-collapse:collapse !important;
}
#financeArea .invoice-register th{
  font-size:11.5px !important;
  line-height:1.28 !important;
  padding:9px 6px !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  text-align:center !important;
}
#financeArea .invoice-register td{
  font-size:11.25px !important;
  line-height:1.32 !important;
  padding:9px 6px !important;
  white-space:nowrap !important;
  vertical-align:middle !important;
}
/* Autofit: short fields stay compact; Company gets remaining breathing room. */
#financeArea .invoice-register .col-sno,
#financeArea .invoice-register .col-supervisor,
#financeArea .invoice-register .col-invoice,
#financeArea .invoice-register .col-date,
#financeArea .invoice-register .col-month,
#financeArea .invoice-register .col-portfolio,
#financeArea .invoice-register .col-state,
#financeArea .invoice-register .col-city,
#financeArea .invoice-register .col-net,
#financeArea .invoice-register .col-received,
#financeArea .invoice-register .col-status{
  width:1% !important;
}
#financeArea .invoice-register .col-company{
  width:auto !important;
  min-width:165px !important;
}
#financeArea .invoice-register tbody td:nth-child(1){
  width:1% !important;
  min-width:34px !important;
}
#financeArea .invoice-register tbody td:nth-child(2){
  width:1% !important;
  min-width:72px !important;
  max-width:125px !important;
}
#financeArea .invoice-register tbody td:nth-child(3){min-width:92px !important;}
#financeArea .invoice-register tbody td:nth-child(4){min-width:82px !important;}
#financeArea .invoice-register tbody td:nth-child(5){min-width:78px !important;}
#financeArea .invoice-register tbody td:nth-child(6){min-width:165px !important;max-width:220px !important;}
#financeArea .invoice-register tbody td:nth-child(7){min-width:76px !important;max-width:130px !important;}
#financeArea .invoice-register tbody td:nth-child(8){min-width:68px !important;}
#financeArea .invoice-register tbody td:nth-child(9){min-width:68px !important;max-width:120px !important;}
#financeArea .invoice-register tbody td:nth-child(10),
#financeArea .invoice-register tbody td:nth-child(11){min-width:98px !important;}
#financeArea .invoice-register tbody td:nth-child(12){min-width:72px !important;}
/* Keep long descriptive text neat while preserving compact auto-fit. */
#financeArea .invoice-register td.company-cell,
#financeArea .invoice-register td.portfolio-cell,
#financeArea .invoice-register td.city-cell{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#financeArea .invoice-register .amount-cell{
  text-align:right !important;
  font-variant-numeric:tabular-nums;
}
#financeArea .invoice-register .center-cell{
  text-align:center !important;
}
@media(max-width:899px){
  #financeArea .invoice-register{min-width:1120px !important;}
  #financeArea .invoice-register th{font-size:11.25px !important;}
  #financeArea .invoice-register td{font-size:11px !important;}
}
</style>


<style id="billing-invoice-register-one-screen-final">
/* FINAL: Billing Invoice Register fits all 11 display columns on one desktop screen.
   S.No is hidden from this register only; Google Sheet/upload/backend retain the full 16-column Billing schema. */
@media (min-width:900px){
  #financeArea .invoice-register-wrap{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }
  #financeArea .invoice-register{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
  }
  #financeArea .invoice-register th{
    font-size:11.25px !important;
    line-height:1.15 !important;
    padding:8px 4px !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    text-align:center !important;
  }
  #financeArea .invoice-register td{
    font-size:11px !important;
    line-height:1.22 !important;
    padding:8px 4px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* Exact 100% distribution for the 11 visible columns. */
  #financeArea .invoice-register .col-supervisor{width:8% !important; min-width:0 !important;}
  #financeArea .invoice-register .col-invoice{width:9.5% !important; min-width:0 !important;}
  #financeArea .invoice-register .col-date{width:7% !important; min-width:0 !important;}
  #financeArea .invoice-register .col-month{width:7% !important; min-width:0 !important;}
  #financeArea .invoice-register .col-company{width:16% !important; min-width:0 !important;}
  #financeArea .invoice-register .col-portfolio{width:7.5% !important; min-width:0 !important;}
  #financeArea .invoice-register .col-state{width:7% !important; min-width:0 !important;}
  #financeArea .invoice-register .col-city{width:7% !important; min-width:0 !important;}
  #financeArea .invoice-register .col-net{width:9% !important; min-width:0 !important;}
  #financeArea .invoice-register .col-received{width:10.5% !important; min-width:0 !important;}
  #financeArea .invoice-register .col-status{width:11.5% !important; min-width:0 !important;}

  /* Remove old per-cell minimum widths that forced horizontal scrolling. */
  #financeArea .invoice-register tbody td:nth-child(n){
    min-width:0 !important;
    max-width:none !important;
  }
  #financeArea .invoice-register td.company-cell,
  #financeArea .invoice-register td.portfolio-cell,
  #financeArea .invoice-register td.city-cell{
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  #financeArea .invoice-register .amount-cell{
    text-align:right !important;
    white-space:nowrap !important;
    font-variant-numeric:tabular-nums;
  }
}
</style>


<style id="billing-invoice-register-true-autofit-final">
/* FINAL: true content-based autofit for the 11-column Invoice Register.
   Display-only. Billing Google Sheet / upload / backend stay unchanged. */
@media (min-width:900px){
  #financeArea .invoice-register-wrap{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }
  #financeArea .invoice-register{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    table-layout:auto !important;
  }
  #financeArea .invoice-register th{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    padding:8px 3px !important;
    font-size:11.5px !important;
    line-height:1.18 !important;
    white-space:normal !important;
    text-align:center !important;
    vertical-align:middle !important;
  }
  #financeArea .invoice-register td{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    padding:8px 3px !important;
    font-size:11.25px !important;
    line-height:1.24 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    vertical-align:middle !important;
  }

  /* Short / numeric fields use only the width they actually need. */
  #financeArea .invoice-register .col-date,
  #financeArea .invoice-register .col-month,
  #financeArea .invoice-register .col-net,
  #financeArea .invoice-register .col-received,
  #financeArea .invoice-register .col-status{
    width:1% !important;
  }
  #financeArea .invoice-register tbody td:nth-child(3),
  #financeArea .invoice-register tbody td:nth-child(4),
  #financeArea .invoice-register tbody td:nth-child(9),
  #financeArea .invoice-register tbody td:nth-child(10){
    width:1% !important;
    white-space:nowrap !important;
  }
  #financeArea .invoice-register tbody td:nth-child(11){
    width:1% !important;
    white-space:nowrap !important;
    text-align:center !important;
  }

  /* These descriptive fields can wrap instead of creating blank width/scroll. */
  #financeArea .invoice-register tbody td:nth-child(1){
    width:1% !important;
    max-width:115px !important;
    text-align:center !important;
  }
  #financeArea .invoice-register tbody td:nth-child(2){
    width:1% !important;
    max-width:125px !important;
    text-align:center !important;
  }
  #financeArea .invoice-register tbody td:nth-child(5){
    width:auto !important;
    max-width:230px !important;
  }
  #financeArea .invoice-register tbody td:nth-child(6){
    width:1% !important;
    max-width:120px !important;
  }
  #financeArea .invoice-register tbody td:nth-child(7),
  #financeArea .invoice-register tbody td:nth-child(8){
    width:1% !important;
    max-width:105px !important;
  }

  #financeArea .invoice-register td.company-cell,
  #financeArea .invoice-register td.portfolio-cell,
  #financeArea .invoice-register td.city-cell{
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  #financeArea .invoice-register .amount-cell{
    white-space:nowrap !important;
    text-align:right !important;
    font-variant-numeric:tabular-nums;
  }
}
</style>

<style id="companies-one-screen-autofit-final">
/* ===== LOCKED: Companies > Locations true autofit + one-screen desktop =====
   Display-only. Monthly_Assignment source, Billing Register lock, Google Sheet and Apps Script logic remain unchanged. */
@media (min-width:701px){
  #companyArea .company-auto-tablewrap{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    overflow-y:visible !important;
    padding:0 !important;
  }
  #companyArea .company-auto-tablewrap > table.company-auto-table,
  #companyArea table.company-auto-table{
    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    table-layout:auto !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
  }
  #companyArea .company-auto-table th,
  #companyArea .company-auto-table td{
    width:auto !important;
    min-width:0 !important;
    padding:8px 9px !important;
    font-size:12.5px !important;
    line-height:1.28 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
    vertical-align:middle !important;
  }
  #companyArea .company-auto-table th{
    font-size:11.75px !important;
    line-height:1.18 !important;
  }
  /* Keep short columns compact; longer labels wrap instead of forcing a scrollbar. */
  #companyArea .company-auto-table th:nth-child(1),
  #companyArea .company-auto-table td:nth-child(1){
    max-width:220px !important;
  }
  #companyArea .company-auto-table th:nth-child(2),
  #companyArea .company-auto-table td:nth-child(2){
    width:1% !important;
    max-width:180px !important;
    white-space:nowrap !important;
  }
  #companyArea .company-auto-table th:nth-child(3),
  #companyArea .company-auto-table td:nth-child(3){
    max-width:240px !important;
  }
  #companyArea .company-auto-list{
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important;
    gap:8px !important;
  }
  #companyArea .company-auto-list .row-card{
    padding:10px 12px !important;
  }
}
@media (max-width:700px){
  #companyArea .company-auto-tablewrap{overflow-x:auto !important;}
  #companyArea .company-auto-table{min-width:520px !important;width:100% !important;}
}
</style>

<style id="company-related-billing-true-autofit-final">
/* LOCKED: Companies > related billing only.
   City Bills / Supervisor Related Bills / Portfolio Bills fit one desktop screen.
   Main Billing Invoice Register and Google Sheet/backend remain unchanged. */
@media (min-width:900px){
  .company-related-billing{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  .company-related-billing .invoice-register-wrap{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
  }
  .company-related-billing .invoice-register{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    table-layout:auto !important;
  }
  .company-related-billing .invoice-register th{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    padding:8px 3px !important;
    font-size:11.5px !important;
    line-height:1.18 !important;
    white-space:normal !important;
    text-align:center !important;
    vertical-align:middle !important;
  }
  .company-related-billing .invoice-register td{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    padding:8px 3px !important;
    font-size:11.25px !important;
    line-height:1.24 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    vertical-align:middle !important;
  }
  .company-related-billing .invoice-register .col-date,
  .company-related-billing .invoice-register .col-month,
  .company-related-billing .invoice-register .col-net,
  .company-related-billing .invoice-register .col-received,
  .company-related-billing .invoice-register .col-status{
    width:1% !important;
  }
  .company-related-billing .invoice-register tbody td:nth-child(3),
  .company-related-billing .invoice-register tbody td:nth-child(4),
  .company-related-billing .invoice-register tbody td:nth-child(9),
  .company-related-billing .invoice-register tbody td:nth-child(10){
    width:1% !important;
    white-space:nowrap !important;
  }
  .company-related-billing .invoice-register tbody td:nth-child(11){
    width:1% !important;
    white-space:nowrap !important;
    text-align:center !important;
  }
  .company-related-billing .invoice-register tbody td:nth-child(1){
    width:1% !important;
    max-width:115px !important;
    text-align:center !important;
  }
  .company-related-billing .invoice-register tbody td:nth-child(2){
    width:1% !important;
    max-width:125px !important;
    text-align:center !important;
  }
  .company-related-billing .invoice-register tbody td:nth-child(5){
    width:auto !important;
    max-width:230px !important;
  }
  .company-related-billing .invoice-register tbody td:nth-child(6){
    width:1% !important;
    max-width:120px !important;
  }
  .company-related-billing .invoice-register tbody td:nth-child(7),
  .company-related-billing .invoice-register tbody td:nth-child(8){
    width:1% !important;
    max-width:105px !important;
  }
  .company-related-billing .invoice-register td.company-cell,
  .company-related-billing .invoice-register td.portfolio-cell,
  .company-related-billing .invoice-register td.city-cell{
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  .company-related-billing .invoice-register .amount-cell{
    white-space:nowrap !important;
    text-align:right !important;
    font-variant-numeric:tabular-nums;
  }
}
@media (max-width:899px){
  .company-related-billing .invoice-register-wrap{overflow-x:auto !important;}
}
</style>

<style id="company-related-billing-balanced-fit-final">
/* FINAL FIX — Companies > City/Supervisor/Portfolio related billing only.
   Prevents browser auto-fit from crushing State/City/Invoice into vertical text. */
@media (min-width:1100px){
  .company-related-billing,
  .company-related-billing .invoice-register-wrap{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
  }
  .company-related-billing .invoice-register{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
  }
  .company-related-billing .invoice-register th,
  .company-related-billing .invoice-register td{
    box-sizing:border-box !important;
    padding:9px 5px !important;
    font-size:11.6px !important;
    line-height:1.22 !important;
    vertical-align:middle !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
  .company-related-billing .invoice-register th{
    font-size:11.2px !important;
    line-height:1.15 !important;
    white-space:normal !important;
    text-align:center !important;
  }

  /* Balanced 100% width distribution for 11 visible columns. */
  .company-related-billing .invoice-register .col-supervisor{width:7% !important;}
  .company-related-billing .invoice-register .col-invoice{width:10% !important;}
  .company-related-billing .invoice-register .col-date{width:8.5% !important;}
  .company-related-billing .invoice-register .col-month{width:8.5% !important;}
  .company-related-billing .invoice-register .col-company{width:25% !important;}
  .company-related-billing .invoice-register .col-portfolio{width:6% !important;}
  .company-related-billing .invoice-register .col-state{width:6.5% !important;}
  .company-related-billing .invoice-register .col-city{width:6.5% !important;}
  .company-related-billing .invoice-register .col-net{width:7.5% !important;}
  .company-related-billing .invoice-register .col-received{width:8% !important;}
  .company-related-billing .invoice-register .col-status{width:6% !important;}

  /* Keep operational values readable on one line. */
  .company-related-billing .invoice-register tbody td:nth-child(1),
  .company-related-billing .invoice-register tbody td:nth-child(2),
  .company-related-billing .invoice-register tbody td:nth-child(3),
  .company-related-billing .invoice-register tbody td:nth-child(4),
  .company-related-billing .invoice-register tbody td:nth-child(6),
  .company-related-billing .invoice-register tbody td:nth-child(7),
  .company-related-billing .invoice-register tbody td:nth-child(8),
  .company-related-billing .invoice-register tbody td:nth-child(9),
  .company-related-billing .invoice-register tbody td:nth-child(10),
  .company-related-billing .invoice-register tbody td:nth-child(11){
    white-space:nowrap !important;
  }

  /* Company has enough width; if exceptionally long, allow at most natural wrapping. */
  .company-related-billing .invoice-register tbody td:nth-child(5){
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
    text-overflow:clip !important;
  }

  .company-related-billing .invoice-register tbody td:nth-child(9),
  .company-related-billing .invoice-register tbody td:nth-child(10){
    text-align:right !important;
    font-variant-numeric:tabular-nums;
  }
  .company-related-billing .invoice-register tbody td:nth-child(11){
    text-align:center !important;
  }
}

/* Medium desktop: preserve readability; compress padding/font slightly before ever wrapping short fields. */
@media (min-width:900px) and (max-width:1099px){
  .company-related-billing .invoice-register-wrap{overflow-x:hidden !important;}
  .company-related-billing .invoice-register{width:100% !important;table-layout:fixed !important;min-width:0 !important;}
  .company-related-billing .invoice-register th,
  .company-related-billing .invoice-register td{padding:7px 3px !important;font-size:10.2px !important;overflow-wrap:normal !important;word-break:normal !important;}
  .company-related-billing .invoice-register tbody td:not(:nth-child(5)){white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  .company-related-billing .invoice-register tbody td:nth-child(5){white-space:normal !important;}
}

/* Mobile/tablet may scroll rather than destroy readability. */
@media (max-width:899px){
  .company-related-billing .invoice-register-wrap{overflow-x:auto !important;}
  .company-related-billing .invoice-register{min-width:980px !important;table-layout:auto !important;}
}
</style>


<style id="company-related-billing-compact-autofit-final">
/* FINAL LOCK: Companies > related billing tables use compact content-fit columns.
   Prevents full-width percentage stretching and removes artificial blank gaps.
   Main Billing Invoice Register and Google Sheet/backend remain unchanged. */
@media (min-width:900px){
  .company-related-billing{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  .company-related-billing .invoice-register-wrap{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
    text-align:left !important;
  }
  .company-related-billing .invoice-register{
    display:inline-table !important;
    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    table-layout:auto !important;
    margin:0 !important;
  }
  .company-related-billing .invoice-register th,
  .company-related-billing .invoice-register td{
    width:auto !important;
    min-width:0 !important;
    padding:8px 5px !important;
    font-size:11.4px !important;
    line-height:1.22 !important;
    white-space:nowrap !important;
    vertical-align:middle !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
  .company-related-billing .invoice-register th{
    font-size:11.1px !important;
    text-align:left !important;
  }

  /* Content-hugging short columns */
  .company-related-billing .invoice-register .col-supervisor,
  .company-related-billing .invoice-register tbody td:nth-child(1){
    max-width:92px !important;
  }
  .company-related-billing .invoice-register .col-invoice,
  .company-related-billing .invoice-register tbody td:nth-child(2){
    max-width:132px !important;
  }
  .company-related-billing .invoice-register .col-date,
  .company-related-billing .invoice-register tbody td:nth-child(3){
    max-width:86px !important;
  }
  .company-related-billing .invoice-register .col-month,
  .company-related-billing .invoice-register tbody td:nth-child(4){
    max-width:82px !important;
  }

  /* Company gets only the space its text needs, not 25% of the table. */
  .company-related-billing .invoice-register .col-company,
  .company-related-billing .invoice-register tbody td:nth-child(5){
    min-width:175px !important;
    max-width:215px !important;
    white-space:nowrap !important;
  }
  .company-related-billing .invoice-register .col-portfolio,
  .company-related-billing .invoice-register tbody td:nth-child(6){
    max-width:86px !important;
  }
  .company-related-billing .invoice-register .col-state,
  .company-related-billing .invoice-register tbody td:nth-child(7){
    max-width:78px !important;
  }
  .company-related-billing .invoice-register .col-city,
  .company-related-billing .invoice-register tbody td:nth-child(8){
    max-width:84px !important;
  }
  .company-related-billing .invoice-register .col-net,
  .company-related-billing .invoice-register tbody td:nth-child(9){
    max-width:98px !important;
    text-align:right !important;
  }
  .company-related-billing .invoice-register .col-received,
  .company-related-billing .invoice-register tbody td:nth-child(10){
    max-width:104px !important;
    text-align:right !important;
  }
  .company-related-billing .invoice-register .col-status,
  .company-related-billing .invoice-register tbody td:nth-child(11){
    max-width:78px !important;
    text-align:center !important;
  }

  .company-related-billing .invoice-register tbody td:nth-child(2) .invoice-link{
    display:block !important;
    max-width:122px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .company-related-billing .invoice-register tbody td:nth-child(5){
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
}
@media (max-width:899px){
  .company-related-billing .invoice-register-wrap{overflow-x:auto !important;}
  .company-related-billing .invoice-register{display:table !important;min-width:900px !important;width:900px !important;table-layout:auto !important;}
}
</style>


<style id="billing-invoice-register-compact-autofit-lock-final">
/* FINAL LOCK: Billing > Invoice Register compact content-fit columns.
   Mirrors the approved Companies related-billing spacing without touching Google Sheet data or backend logic. */
@media (min-width:900px){
  #financeArea .invoice-register-wrap{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
    overflow-y:visible !important;
    text-align:left !important;
  }
  #financeArea .invoice-register{
    display:inline-table !important;
    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    table-layout:auto !important;
    margin:0 !important;
  }
  #financeArea .invoice-register th,
  #financeArea .invoice-register td{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    padding:8px 5px !important;
    font-size:11.4px !important;
    line-height:1.22 !important;
    white-space:nowrap !important;
    vertical-align:middle !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
  #financeArea .invoice-register th{
    font-size:11.1px !important;
    text-align:center !important;
  }

  #financeArea .invoice-register .col-supervisor,
  #financeArea .invoice-register tbody td:nth-child(1){max-width:92px !important;}

  #financeArea .invoice-register .col-invoice,
  #financeArea .invoice-register tbody td:nth-child(2){max-width:132px !important;}

  #financeArea .invoice-register .col-date,
  #financeArea .invoice-register tbody td:nth-child(3){max-width:86px !important;}

  #financeArea .invoice-register .col-month,
  #financeArea .invoice-register tbody td:nth-child(4){max-width:82px !important;}

  #financeArea .invoice-register .col-company,
  #financeArea .invoice-register tbody td:nth-child(5){
    min-width:175px !important;
    max-width:215px !important;
  }

  #financeArea .invoice-register .col-portfolio,
  #financeArea .invoice-register tbody td:nth-child(6){max-width:86px !important;}

  #financeArea .invoice-register .col-state,
  #financeArea .invoice-register tbody td:nth-child(7){max-width:78px !important;}

  #financeArea .invoice-register .col-city,
  #financeArea .invoice-register tbody td:nth-child(8){max-width:84px !important;}

  #financeArea .invoice-register .col-net,
  #financeArea .invoice-register tbody td:nth-child(9){
    max-width:98px !important;
    text-align:right !important;
  }

  #financeArea .invoice-register .col-received,
  #financeArea .invoice-register tbody td:nth-child(10){
    max-width:104px !important;
    text-align:right !important;
  }

  #financeArea .invoice-register .col-status,
  #financeArea .invoice-register tbody td:nth-child(11){
    max-width:78px !important;
    text-align:center !important;
  }

  #financeArea .invoice-register tbody td:nth-child(2) .invoice-link{
    display:block !important;
    max-width:122px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  #financeArea .invoice-register tbody td:nth-child(5){
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
}
@media (max-width:899px){
  #financeArea .invoice-register-wrap{overflow-x:auto !important;}
  #financeArea .invoice-register{display:table !important;min-width:900px !important;width:900px !important;table-layout:auto !important;}
}
</style>


<style id="company-location-cards-only-lock">
/* LOCKED: Companies > Locations visual matches Portfolio cards; only location name is shown. */
#companyArea .company-location-card-list{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important;
  gap:10px !important;
}
#companyArea .company-location-card-list .row-card{
  min-height:76px !important;
  padding:14px 16px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
}
#companyArea .company-location-card-list .row-card strong{
  font-size:14px !important;
  line-height:1.35 !important;
  margin:0 !important;
}
@media(max-width:700px){
  #companyArea .company-location-card-list{grid-template-columns:1fr !important;}
}
</style>

<style id="accounts-statement-final-10-column-fit">
/* LOCKED: Accounts Statement final 10-column compact true-autofit display only.
   Raw Description / Reference No / Remark remain in backend data. */
.bank-import-preview table,
.account-statement-data-table{
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  table-layout:auto !important;
  margin:0 !important;
}
.bank-import-preview th, .bank-import-preview td,
.account-statement-data-table th, .account-statement-data-table td{
  padding:7px 7px !important;
  font-size:10.5px !important;
  line-height:1.25 !important;
  text-align:center !important;
  vertical-align:middle !important;
}
.bank-import-preview th,
.account-statement-data-table th{
  font-size:9.5px !important;
  white-space:normal !important;
}
/* Final order: Date, Name, Supervisor, Portfolio, Location, SOC Month, Type, Debit, Credit, Balance */
.bank-import-preview th:nth-child(1), .bank-import-preview td:nth-child(1),
.account-statement-data-table th:nth-child(1), .account-statement-data-table td:nth-child(1){min-width:84px !important;max-width:96px !important;width:1% !important;white-space:nowrap !important;}
.bank-import-preview th:nth-child(2), .bank-import-preview td:nth-child(2),
.account-statement-data-table th:nth-child(2), .account-statement-data-table td:nth-child(2){min-width:88px !important;max-width:145px !important;width:1% !important;}
.bank-import-preview th:nth-child(3), .bank-import-preview td:nth-child(3),
.account-statement-data-table th:nth-child(3), .account-statement-data-table td:nth-child(3){min-width:92px !important;max-width:135px !important;width:1% !important;}
.bank-import-preview th:nth-child(4), .bank-import-preview td:nth-child(4),
.account-statement-data-table th:nth-child(4), .account-statement-data-table td:nth-child(4){min-width:82px !important;max-width:125px !important;width:1% !important;}
.bank-import-preview th:nth-child(5), .bank-import-preview td:nth-child(5),
.account-statement-data-table th:nth-child(5), .account-statement-data-table td:nth-child(5){min-width:88px !important;max-width:135px !important;width:1% !important;}
.bank-import-preview th:nth-child(6), .bank-import-preview td:nth-child(6),
.account-statement-data-table th:nth-child(6), .account-statement-data-table td:nth-child(6){min-width:82px !important;max-width:98px !important;width:1% !important;white-space:nowrap !important;}
.bank-import-preview th:nth-child(7), .bank-import-preview td:nth-child(7),
.account-statement-data-table th:nth-child(7), .account-statement-data-table td:nth-child(7){min-width:145px !important;max-width:195px !important;width:1% !important;}
.bank-import-preview th:nth-child(8), .bank-import-preview td:nth-child(8),
.bank-import-preview th:nth-child(9), .bank-import-preview td:nth-child(9),
.bank-import-preview th:nth-child(10), .bank-import-preview td:nth-child(10),
.account-statement-data-table th:nth-child(8), .account-statement-data-table td:nth-child(8),
.account-statement-data-table th:nth-child(9), .account-statement-data-table td:nth-child(9),
.account-statement-data-table th:nth-child(10), .account-statement-data-table td:nth-child(10){min-width:88px !important;max-width:118px !important;width:1% !important;white-space:nowrap !important;font-variant-numeric:tabular-nums !important;}
.account-statement-tablewrap,
.bank-import-preview .tablewrap{
  overflow-x:auto !important;
}
@media(min-width:1200px){
  .account-statement-tablewrap,
  .bank-import-preview .tablewrap{overflow-x:visible !important;}
}
</style>


<style id="accounts-statement-sticky-lock-final">
/* LOCKED: Accounts layout/date/column order unchanged. Only Account Statement controls + Statement Data scrolling are frozen. */
#content .account-filter-panel{
  position:sticky !important;
  top:0 !important;
  z-index:80 !important;
  background:var(--card,#fff) !important;
  box-shadow:0 8px 18px rgba(15,23,42,.08) !important;
}
#content .statement-section-head{
  position:sticky !important;
  top:0 !important;
  z-index:58 !important;
  background:var(--bg,#f6f8fc) !important;
  padding-top:8px !important;
  padding-bottom:8px !important;
}
#content .account-statement-tablewrap{
  max-height:calc(100vh - 365px) !important;
  min-height:300px !important;
  overflow-x:auto !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-gutter:stable !important;
  position:relative !important;
}
#content .account-statement-data-table thead th{
  position:sticky !important;
  top:0 !important;
  z-index:70 !important;
  background:#f3f6fa !important;
  box-shadow:0 1px 0 #dfe5ee !important;
}
@media (max-height:720px){
  #content .account-statement-tablewrap{max-height:calc(100vh - 320px) !important;min-height:260px !important;}
}
@media (max-width:899px){
  #content .account-filter-panel{top:0 !important;}
  #content .account-statement-tablewrap{max-height:60vh !important;min-height:260px !important;}
}
</style>

<style id="accounts-statement-fixed-view-table-scroll-only-final">
/* FINAL LOCK: Accounts statement viewer matches the approved second screenshot.
   Account Statement controls, KPI cards, Source strip and Statement Data title stay visible.
   Only Statement Data rows scroll inside the table viewport. Other dashboard modules are untouched. */
#content .account-statement-fixed-shell{
  position:sticky !important;
  top:0 !important;
  z-index:40 !important;
  height:calc(100vh - 8px) !important;
  min-height:560px !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  background:var(--bg,#f6f8fc) !important;
  padding:4px 0 6px !important;
  box-sizing:border-box !important;
}
#content .account-statement-fixed-shell .account-filter-panel{
  position:relative !important;
  top:auto !important;
  z-index:auto !important;
  flex:0 0 auto !important;
  margin-bottom:14px !important;
  box-shadow:0 8px 24px rgba(16,24,40,.05) !important;
}
#content .account-statement-fixed-shell .account-kpis,
#content .account-statement-fixed-shell .account-source-compact,
#content .account-statement-fixed-shell .statement-section-head{
  flex:0 0 auto !important;
}
#content .account-statement-fixed-shell .statement-section-head{
  position:relative !important;
  top:auto !important;
  z-index:auto !important;
  padding-top:8px !important;
  padding-bottom:8px !important;
  margin-top:8px !important;
  background:var(--bg,#f6f8fc) !important;
}
#content .account-statement-fixed-shell .account-monthly-recon{
  flex:0 0 clamp(160px,22vh,220px) !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  margin:8px 0 10px !important;
}
#content .account-statement-fixed-shell .account-monthly-recon-head{
  flex:0 0 auto !important;
}
#content .account-statement-fixed-shell .account-monthly-recon-grid{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  align-content:start !important;
  padding-right:4px !important;
}
#content .account-statement-fixed-shell .account-statement-tablewrap{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  height:auto !important;
  overflow-x:auto !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-gutter:stable !important;
  position:relative !important;
  margin-bottom:0 !important;
}
#content .account-statement-fixed-shell .account-statement-data-table{
  margin:0 !important;
}
#content .account-statement-fixed-shell .account-statement-data-table thead th{
  position:sticky !important;
  top:0 !important;
  z-index:75 !important;
  background:#f3f6fa !important;
  box-shadow:0 1px 0 #dfe5ee !important;
}
@media (max-height:720px){
  #content .account-statement-fixed-shell{
    height:calc(100vh - 4px) !important;
    min-height:500px !important;
  }
}
@media (max-width:899px){
  #content .account-statement-fixed-shell{
    position:relative !important;
    top:auto !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  #content .account-statement-fixed-shell .account-statement-tablewrap{
    max-height:78vh !important;
    min-height:340px !important;
  }
  #content .account-statement-fixed-shell .account-monthly-recon{
    flex:0 0 auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
  #content .account-statement-fixed-shell .account-monthly-recon-grid{
    overflow:visible !important;
    padding-right:0 !important;
  }
}
</style>


<style id="billing-fixed-view-table-scroll-only-final">
/* FINAL LOCK: Billing filters/layout approved. Filters, KPI cards, Invoice Register title and table header stay visible; only invoice rows scroll. */
#financeArea .billing-fixed-shell{
  position:sticky !important;
  top:0 !important;
  z-index:40 !important;
  height:calc(100vh - 8px) !important;
  min-height:560px !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  background:var(--bg,#f6f8fc) !important;
  padding:4px 0 6px !important;
  box-sizing:border-box !important;
}
#financeArea .billing-fixed-shell .billing-dashboard-filterbar{
  flex:0 0 auto !important;
  margin:8px 0 14px !important;
}
#financeArea .billing-fixed-shell .billing-fixed-kpis{
  flex:0 0 auto !important;
  margin-top:0 !important;
  margin-bottom:10px !important;
}
#financeArea .billing-fixed-shell .billing-invoice-section-head{
  flex:0 0 auto !important;
  margin:0 !important;
  padding:6px 0 8px !important;
  background:var(--bg,#f6f8fc) !important;
}
#financeArea .billing-fixed-shell .billing-invoice-section-head h3{
  margin:0 !important;
}
#financeArea .billing-fixed-shell .invoice-register-wrap{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  height:auto !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  scrollbar-gutter:stable !important;
  position:relative !important;
  margin:0 !important;
}
#financeArea .billing-fixed-shell .invoice-register{
  margin:0 !important;
}
#financeArea .billing-fixed-shell .invoice-register thead th{
  position:sticky !important;
  top:0 !important;
  z-index:75 !important;
  background:#f3f6fa !important;
  box-shadow:0 1px 0 #dfe5ee !important;
}
@media (max-height:720px){
  #financeArea .billing-fixed-shell{
    height:calc(100vh - 4px) !important;
    min-height:500px !important;
  }
}
@media (max-width:899px){
  #financeArea .billing-fixed-shell{
    position:relative !important;
    top:auto !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  #financeArea .billing-fixed-shell .invoice-register-wrap{
    max-height:78vh !important;
    min-height:340px !important;
    overflow-x:auto !important;
  }
}
</style>

<style id="billing-dashboard-filter-final">
/* Billing filter bar only. Does not alter the locked Invoice Register table layout. */
.billing-dashboard-filterbar{
  margin:12px 0 14px;
  padding:12px 14px;
  background:#fff;
  border:1px solid #dfe6f1;
  border-radius:15px;
  box-shadow:0 8px 24px rgba(17,24,39,.045);
}
.billing-dashboard-filterbar .billing-filter-title{
  font-size:13px;
  font-weight:800;
  color:#14213d;
  margin:0 0 9px;
}
.billing-dashboard-filterbar .billing-filter-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  align-items:center;
}
.billing-dashboard-filterbar select,
.billing-dashboard-filterbar input,
.billing-dashboard-filterbar button{
  width:100%;
  min-width:0;
  height:37px;
  border:1px solid #cfd8e6;
  border-radius:10px;
  background:#fff;
  color:#10203b;
  font:inherit;
  font-size:11px;
  padding:0 11px;
  outline:none;
  box-sizing:border-box;
}
.billing-dashboard-filterbar input::placeholder{color:#6f7d91}
.billing-dashboard-filterbar select:focus,
.billing-dashboard-filterbar input:focus{border-color:#4f6fff;box-shadow:0 0 0 2px rgba(79,111,255,.10)}
.billing-dashboard-filterbar .billing-filter-reset{
  cursor:pointer;
  font-weight:700;
  background:#f8faff;
}
.billing-dashboard-filterbar .billing-filter-reset:hover{background:#eef3ff}
.billing-dashboard-filterbar .billing-filter-meta{
  margin-top:8px;
  font-size:10.5px;
  color:#6b778c;
}
@media(max-width:1180px){
  .billing-dashboard-filterbar .billing-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:850px){
  .billing-dashboard-filterbar .billing-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
  .billing-dashboard-filterbar .billing-filter-grid{grid-template-columns:1fr;}
}
</style>


<!-- LOCKED: Billing Filters complete outer rounded card freezes as one full unit. The card top/bottom edges remain fully visible; KPI cards + Invoice Register title/header stay fixed; only invoice rows scroll. Previous compact-up spacing experiment is intentionally not used. -->
<style id="billing-filter-full-card-freeze-final">
/* Keep the complete Billing Filters edge-box visible while the Billing viewport is frozen. */
#financeArea .billing-fixed-shell{
  top:8px !important;
  height:calc(100vh - 16px) !important;
  min-height:0 !important;
  padding:0 0 6px !important;
  box-sizing:border-box !important;
}
#financeArea .billing-fixed-shell .billing-dashboard-filterbar{
  flex:0 0 auto !important;
  margin:0 0 14px !important;
  border:1px solid #dfe6f1 !important;
  border-radius:15px !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}
#financeArea .billing-fixed-shell .billing-fixed-kpis{
  flex:0 0 auto !important;
}
#financeArea .billing-fixed-shell .billing-invoice-section-head{
  flex:0 0 auto !important;
}
#financeArea .billing-fixed-shell .invoice-register-wrap{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
}
@media (max-height:720px){
  #financeArea .billing-fixed-shell{
    top:6px !important;
    height:calc(100vh - 12px) !important;
  }
  #financeArea .billing-fixed-shell .billing-dashboard-filterbar{
    margin-bottom:10px !important;
  }
}
@media (max-width:899px){
  #financeArea .billing-fixed-shell{
    top:auto !important;
    height:auto !important;
  }
}
</style>


<style id="admin-data-import-management-final">
/* Admin-only operational imports. Billing/Accounts remain viewing-focused. */
.admin-import-management-shell{display:grid;gap:16px;min-width:0;}
.admin-import-management-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 18px;border:1px solid #dbe3ef;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);}
.admin-import-management-head h3{margin:3px 0 5px;font-size:18px;}
.admin-import-management-head p{margin:0;color:#667085;font-size:12px;line-height:1.55;}
.admin-import-management-shell .billing-upload-card,
.admin-import-management-shell .account-import-card{margin:0!important;}
@media(max-width:760px){.admin-import-management-head{flex-direction:column;}}
</style>

<!-- LOCKED: Accounts approved freeze extent preserved exactly. Account Statement + KPI cards + Source strip remain fixed; only the excessive gap below Source is reduced. -->
<style id="accounts-source-statement-gap-lock-final">
#content .account-statement-fixed-shell .account-source-compact{
  margin-bottom:4px !important;
}
#content .account-statement-fixed-shell .statement-section-head{
  margin-top:0 !important;
  margin-bottom:7px !important;
  padding-top:4px !important;
  padding-bottom:5px !important;
}
</style>

<!-- LOCKED UPDATE: Costing module filters fully support All Companies/Portfolios/Supervisors/Months/States/Locations. All Supervisors renders aggregate + supervisor-wise + month-wise costing. -->

<style id="design-polish-phase1-final">
/* ================================================================
   LOCKED DESIGN POLISH PHASE 1 — VISUAL / RESPONSIVE ONLY
   No formulas, filters, Google Sheet mapping, imports or calculations changed.
   ================================================================ */
:root{
  --dash-sidebar:220px;
  --dash-radius:14px;
  --dash-shadow:0 7px 22px rgba(16,24,40,.045);
  --dash-text:#172033;
  --dash-muted:#667085;
  --dash-border:#e2e8f0;
}

/* One sidebar source of truth prevents right-side dead strip at breakpoints. */
.sidebar{
  width:var(--dash-sidebar)!important;
  flex:0 0 var(--dash-sidebar)!important;
}
.main{
  margin-left:var(--dash-sidebar)!important;
  width:calc(100% - var(--dash-sidebar))!important;
  max-width:none!important;
  min-width:0!important;
}
.dashboard-nav{display:block;min-width:0}

/* Standardized visual rhythm without changing dashboard theme. */
.card,.panel,.chart-card,.pending-card,.overview-filterbar,.account-filter-panel,
.billing-dashboard-filterbar,.tablewrap,.admin-card,.source-card,.lock-banner,
.uploaded-statement-summary,.settlement-placeholder{
  border-color:var(--dash-border)!important;
}
.card,.panel,.chart-card,.pending-card,.admin-card,.source-card{
  box-shadow:var(--dash-shadow)!important;
}
.label{color:#59657a!important}
.meta{color:var(--dash-muted)!important}
.kpis .card .label{font-size:9.8px!important;line-height:1.25!important;letter-spacing:.055em!important}
.kpis .card .meta{font-size:10.5px!important;line-height:1.35!important;color:#667085!important}
.kpis .card .value,.kpis .card .value.kpi-fit{font-size:17.5px!important;line-height:1.2!important}
.kpis .card .value.kpi-fit-small{font-size:15.5px!important;line-height:1.2!important}

/* Overview: always balanced 4 + 4 on desktop / LED. */
.billing-overview-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:11px!important;
}
.billing-overview-kpis .card{min-height:80px!important}

/* The empty settlement prompt should read as one full-width information strip. */
.settlement-placeholder{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  padding:13px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  background:linear-gradient(180deg,#fff 0%,#fafcff 100%)!important;
}
.settlement-placeholder h4{margin:0!important;font-size:13.5px!important;white-space:nowrap}
.settlement-placeholder p{margin:0!important;text-align:right;font-size:10.5px!important;color:#667085!important}

/* Costing: 9 summary cards form a deliberate 3 x 3 matrix. */
#costingPageBody > .kpis{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:11px!important;
}
#costingPageBody > .kpis .card{min-height:86px!important}

/* Finance-table convention: labels left, amounts right, period/date headers centered. */
.company-comparison-table th:first-child,
.company-comparison-table td:first-child{text-align:left!important}
.company-comparison-table th.num-col,
.company-comparison-table td.num-col{text-align:right!important;font-variant-numeric:tabular-nums!important}
.company-comparison-table th:not(:first-child):not(.num-col){text-align:center!important}

/* Accounts Statement: text left, periods centered, money right. */
.account-statement-data-table th:nth-child(1),
.account-statement-data-table td:nth-child(1),
.account-statement-data-table th:nth-child(6),
.account-statement-data-table td:nth-child(6){text-align:center!important}
.account-statement-data-table th:nth-child(2),
.account-statement-data-table td:nth-child(2),
.account-statement-data-table th:nth-child(3),
.account-statement-data-table td:nth-child(3),
.account-statement-data-table th:nth-child(4),
.account-statement-data-table td:nth-child(4),
.account-statement-data-table th:nth-child(5),
.account-statement-data-table td:nth-child(5),
.account-statement-data-table th:nth-child(7),
.account-statement-data-table td:nth-child(7){text-align:left!important}
.account-statement-data-table th:nth-child(8),
.account-statement-data-table td:nth-child(8),
.account-statement-data-table th:nth-child(9),
.account-statement-data-table td:nth-child(9),
.account-statement-data-table th:nth-child(10),
.account-statement-data-table td:nth-child(10){text-align:right!important;font-variant-numeric:tabular-nums!important}

/* Admin 4-card landing is more balanced as 2 x 2. */
.admin-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Table typography/row rhythm. */
.tablewrap th{color:#455269!important}
.tablewrap td{color:#263247}
.num-col{font-variant-numeric:tabular-nums!important}

/* Large LED: keep content readable rather than shrinking into 7 tiny KPI columns. */
@media(min-width:1600px){
  :root{--dash-sidebar:232px}
  #content{max-width:1740px!important;padding-left:30px!important;padding-right:30px!important}
  .billing-overview-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
  .billing-overview-kpis .card{min-height:86px!important;padding:14px 15px!important}
  .kpis .card .value,.kpis .card .value.kpi-fit{font-size:18px!important}
  .kpis .card .meta{font-size:10.8px!important}
}

/* Laptop / tablet: predictable 2-column KPI rhythm instead of 3+3+2. */
@media(max-width:900px){
  :root{--dash-sidebar:0px}
  .app{display:block!important}
  .sidebar{
    position:relative!important;
    left:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;
    padding:0!important;display:block!important;overflow:visible!important;
  }
  .main{margin-left:0!important;width:100%!important}
  .brand{
    padding:11px 14px 9px!important;margin:0!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
  .brand h1{font-size:18px!important;line-height:1.08!important}
  .brand p{font-size:9px!important;margin-top:4px!important}
  .dashboard-nav{
    display:flex!important;flex-wrap:nowrap!important;gap:6px!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    padding:7px 10px 9px!important;scrollbar-width:thin;-webkit-overflow-scrolling:touch;
  }
  .dashboard-nav .nav-btn{
    flex:0 0 auto!important;width:auto!important;min-width:max-content!important;
    margin:0!important;padding:8px 12px!important;white-space:nowrap!important;
    font-size:11px!important;border-radius:8px!important;
  }
  .topbar{position:sticky!important;top:0!important;padding:9px 14px!important;min-height:54px!important}
  .topbar #title{font-size:19px!important}
  #content{padding:12px 14px 24px!important}

  .billing-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #costingPageBody > .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .account-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Keep operational filters compact on tablet/mobile. */
  .compact-filter-controls,
  .account-filter-panel .filter-controls,
  .billing-dashboard-filterbar .billing-filter-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .compact-overview-filter,.account-filter-panel,.billing-dashboard-filterbar{
    padding:10px!important;margin-bottom:11px!important;
  }
  .settlement-placeholder{display:block!important}
  .settlement-placeholder h4{white-space:normal;margin-bottom:4px!important}
  .settlement-placeholder p{text-align:left!important}

  /* Hint that wide registers are intentionally horizontally scrollable. */
  .tablewrap{scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important}
}

@media(max-width:600px){
  #content{padding:10px 10px 20px!important}
  .section{margin-top:14px!important;margin-bottom:7px!important}
  .section h3{font-size:14.5px!important}

  /* Two KPI columns remain readable on 360–430px and cut scrolling roughly in half. */
  .billing-overview-kpis,
  #costingPageBody > .kpis,
  .account-kpis,
  .kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .kpis .card{min-height:76px!important;padding:11px 8px!important}
  .kpis .card .label{font-size:9px!important;letter-spacing:.035em!important}
  .kpis .card .value,.kpis .card .value.kpi-fit{font-size:15.5px!important}
  .kpis .card .value.kpi-fit-small{font-size:13.4px!important}
  .kpis .card .meta{font-size:9.5px!important;line-height:1.25!important}

  /* Avoid iOS form-focus zoom; cards/labels stay compact. */
  select,input,textarea,
  .compact-filter-controls select,
  .account-filter-panel .filter-controls select,
  .billing-dashboard-filterbar select,
  .billing-dashboard-filterbar input{
    font-size:16px!important;
  }
  .compact-filter-controls select,
  .account-filter-panel .filter-controls select,
  .account-filter-panel .filter-controls button,
  .billing-dashboard-filterbar select,
  .billing-dashboard-filterbar input,
  .billing-dashboard-filterbar button{
    height:40px!important;
  }

  .admin-cards{grid-template-columns:1fr!important}
  .admin-card{padding:14px!important}
  .chart-card,.pending-card{padding:12px!important}
  .overview-row{gap:10px!important}
  .company-comparison-wrap,
  .invoice-register-wrap,
  .account-statement-tablewrap,
  .month-costing-wrap .tablewrap{border-radius:11px!important}
}

@media(max-width:380px){
  .kpis .card .value,.kpis .card .value.kpi-fit{font-size:14.5px!important}
  .kpis .card .value.kpi-fit-small{font-size:12.7px!important}
  .dashboard-nav .nav-btn{padding-left:10px!important;padding-right:10px!important}
}
</style>


<style id="overdue-portfolio-alert-final">
/* LOCKED ADD-ON: Overview overdue portfolio alert. Visual/interaction only. */
.overdue-ticker.overdue-portfolio-ticker{
  margin:0 0 16px !important; min-height:52px !important; padding:6px 12px !important;
  border:1px solid #f0b4b4 !important; border-radius:13px !important;
  background:linear-gradient(90deg,#ffe8e8 0%,#fff1f1 45%,#ffeaea 100%) !important;
  box-shadow:0 6px 18px rgba(180,35,24,.10) !important;
  overflow:hidden !important;
}
.overdue-portfolio-ticker .overdue-ticker-window{
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  min-height:36px !important;
}
.overdue-total-count{display:inline-block;margin-left:4px;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.22);color:#fff;font-size:9px;font-weight:900;vertical-align:middle;border:1px solid rgba(255,255,255,.28)}
.overdue-portfolio-ticker .overdue-ticker-badge{
  min-width:102px; justify-content:center; padding:8px 10px !important;
  background:linear-gradient(180deg,#dc2626 0%,#b91c1c 100%) !important;
  color:#fff !important;
  box-shadow:0 4px 12px rgba(185,28,28,.28) !important;
}
.overdue-portfolio-ticker .overdue-ticker-window{
  cursor:default;
}
.overdue-portfolio-ticker .overdue-ticker-track{
  padding-left:100%; animation-duration:28s; animation-timing-function:linear; animation-iteration-count:infinite;
}
.overdue-portfolio-item{
  display:inline-flex; align-items:center; gap:8px; margin-right:22px;
  padding:6px 10px; border:1px solid #f0c2c2; border-radius:999px;
  background:#fff; color:#344054; font-size:11px; font-weight:700;
  cursor:pointer; vertical-align:middle; transition:border-color .16s ease, background .16s ease, box-shadow .16s ease;
  box-shadow:0 2px 8px rgba(180,35,24,.06);
  /* no translateY — parent overflow:hidden cuts the chip on hover */
  transform:none !important;
}
.overdue-portfolio-item:hover{
  border-color:#e08a8a; background:#fff5f5;
  box-shadow:0 3px 10px rgba(180,35,24,.12);
  transform:none !important;
}
.overdue-portfolio-item .op-name{color:#182230;font-weight:850}
.overdue-portfolio-item .op-amount{color:#b42318;font-weight:850}
.overdue-portfolio-item .op-days{color:#9f1239;font-weight:800}
.overdue-portfolio-item .op-count{color:#667085;font-weight:700}
.overdue-portfolio-item .op-sep{color:#d4a5a5}
.overdue-portfolio-hint{
  display:inline-flex; align-items:center; margin-right:20px; color:#667085; font-size:11px; font-weight:700;
}
.overdue-portfolio-ticker .overdue-ticker-text{font-size:11.5px}
.overdue-filter-chip{
  display:inline-flex; align-items:center; gap:6px; margin:0 0 10px; padding:5px 9px;
  border-radius:999px; background:#fff7ed; border:1px solid #fed7aa; color:#9a3412; font-size:10.5px; font-weight:800;
}
@media(max-width:700px){
 .overdue-ticker.overdue-portfolio-ticker{min-height:44px !important;padding:0 8px !important}
 .overdue-portfolio-ticker .overdue-ticker-badge{min-width:112px;padding:6px 8px !important;font-size:10px}
 .overdue-portfolio-item{font-size:10.5px;padding:5px 8px;margin-right:14px}
 .overdue-total-count{display:block;font-size:9px;opacity:.8;margin-top:1px}
 .overdue-portfolio-hint{font-size:10px;margin-right:12px}
}

/* ===== Owner Snapshot (additive) ===== */
.owner-snapshot-kpis{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-bottom:14px !important;
}
.owner-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.owner-card{
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);
  border:1px solid #e4e7ec;
  border-radius:14px;
  padding:14px 15px;
  box-shadow:0 8px 22px rgba(16,24,40,.04);
  min-width:0;
}
.owner-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
.owner-card-head h4{
  margin:0;
  font-size:14px;
  color:#101828;
}
.month-trend-legend{
  display:flex;gap:14px;margin-bottom:10px;font-size:10px;font-weight:800;color:#667085;
}
.month-trend-legend .mtl-bill:before,
.month-trend-legend .mtl-recv:before{
  content:'';display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:middle;
}
.month-trend-legend .mtl-bill:before{background:#4263ff}
.month-trend-legend .mtl-recv:before{background:#12b76a}
.month-trend-chart{
  display:flex;align-items:flex-end;gap:6px;min-height:168px;padding-top:4px;
  border-top:1px solid #eef2f6;
}
.mt-item{
  flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;
}
.mt-vals{
  display:flex;flex-direction:column;align-items:center;gap:1px;min-height:28px;justify-content:flex-end;
}
.mt-val{
  font-size:8.5px;font-weight:800;line-height:1.15;white-space:nowrap;
  font-variant-numeric:tabular-nums;max-width:100%;overflow:hidden;text-overflow:ellipsis;
}
.mt-val.bill{color:#315efb}
.mt-val.recv{color:#067647}
.mt-bars{
  display:flex;align-items:flex-end;gap:3px;height:100px;width:100%;justify-content:center;
}
.mt-bar{
  width:10px;min-height:2px;border-radius:4px 4px 2px 2px;
}
.mt-bar.bill{background:linear-gradient(180deg,#4c6fff 0%,#5b7cff 100%);box-shadow:0 4px 10px rgba(66,99,255,.18)}
.mt-bar.recv{background:linear-gradient(180deg,#14b8a6 0%,#22c55e 100%);box-shadow:0 4px 10px rgba(18,183,106,.16)}
.mt-label{
  font-size:9.5px;font-weight:700;color:#667085;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;
}
.owner-top-list{
  display:flex;flex-direction:column;gap:10px;max-height:250px;
  overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;
}
.owner-top-list::-webkit-scrollbar{width:0;height:0}
.owner-top-item{
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px 12px;
  padding:12px 0;
  border-bottom:1px solid #eef2f6;
}
.owner-top-item:last-child{border-bottom:0}
.oti-main{display:flex;flex-direction:column;gap:4px;min-width:0}
.oti-main strong{font-size:11px;color:#101828}
.oti-main span{font-size:10px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oti-meta{display:flex;gap:10px;font-size:10px;color:#98a2b3;grid-column:1;margin-top:1px}
.oti-amt{font-size:12px;font-weight:850;color:#b42318;font-variant-numeric:tabular-nums;align-self:center}
.owner-cost-grid{display:grid;gap:9px}
.owner-cost-box{
  background:#f8fafc;
  border:1px solid #eef2f6;
  border-radius:11px;
  padding:10px 12px;
 }
.owner-cost-value{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.owner-cost-box span{display:block;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#667085;margin-bottom:4px}
.owner-cost-box strong{display:block;font-size:15px;font-weight:850;color:#101828}
.owner-cost-percent{font-size:11px;font-weight:850;color:#315efb;white-space:nowrap}
.owner-cost-box em{display:block;margin-top:3px;font-size:10px;font-style:normal;color:#98a2b3}
.owner-cost-box.good{background:#ecfdf3;border-color:#abefc6}
.owner-cost-box.good strong{color:#067647}
.owner-cost-box.warn{background:#fff6ed;border-color:#f9dbaf}
.owner-cost-box.warn strong{color:#b54708}
@media(max-width:1200px){
  .owner-grid{grid-template-columns:1fr}
  .owner-snapshot-kpis{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:560px){
  .owner-snapshot-kpis{grid-template-columns:1fr !important}
  .month-trend-chart{gap:5px;min-height:120px}
  .mt-bars{height:90px}
  .mt-bar{width:8px}
}
</style>

<style id="visual-refresh">
/* Executive visual refresh: preserve dashboard behavior while upgrading hierarchy and finish. */
:root{
  --bg:#f3f6fb;
  --panel:#ffffff;
  --ink:#14213d;
  --muted:#71809a;
  --line:#e4eaf3;
  --nav:#0b1630;
  --primary:#496dff;
  --primary-deep:#2949c7;
  --shadow:0 16px 38px rgba(20,42,92,.08);
}
body{background:linear-gradient(135deg,#f4f7fc 0%,#edf2fa 58%,#f5f1ff 100%) !important;color:var(--ink)}

/* Login */
.dashboard-login-screen{background:#081226 !important;overflow:hidden;isolation:isolate}
.dashboard-login-screen:before{content:"";position:absolute;inset:-18%;z-index:-2;background:radial-gradient(circle at 18% 12%,rgba(86,121,255,.34),transparent 31%),radial-gradient(circle at 88% 86%,rgba(19,185,185,.20),transparent 28%),radial-gradient(circle at 78% 12%,rgba(124,83,255,.22),transparent 24%)}
.dashboard-login-screen:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 75%)}
.dashboard-login-card{position:relative;width:min(1050px,100%);min-height:610px;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);border:1px solid rgba(255,255,255,.18);border-radius:30px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.34);overflow:hidden}
.dashboard-login-welcome{position:relative;z-index:0;align-items:stretch;justify-content:space-between;text-align:left;padding:42px 50px;background:linear-gradient(145deg,#1c3d97 0%,#10245b 58%,#0a1737 100%);overflow:hidden}
.dashboard-login-welcome:before{content:"";position:absolute;width:440px;height:440px;right:-190px;top:-150px;border:1px solid rgba(155,182,255,.25);border-radius:50%;box-shadow:0 0 0 26px rgba(155,182,255,.05),0 0 0 54px rgba(155,182,255,.04)}
.dashboard-login-welcome:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.28;background:linear-gradient(120deg,transparent 40%,rgba(93,222,231,.25) 40.2%,transparent 40.7%);background-size:150px 150px}
.login-brand{display:flex;align-items:center;gap:11px;color:#dce6ff;font-size:11px;font-weight:850;letter-spacing:.15em}
.login-brand b{color:#6fe0e2;font-weight:500;margin:0 2px}
.login-brand-mark{display:flex;align-items:flex-end;gap:3px;width:23px;height:22px}
.login-brand-mark i{display:block;width:5px;border-radius:4px;background:linear-gradient(180deg,#78eff0,#5c79ff)}
.login-brand-mark i:nth-child(1){height:10px}.login-brand-mark i:nth-child(2){height:17px}.login-brand-mark i:nth-child(3){height:22px}
.login-welcome-copy{position:relative;margin:auto 0;padding:75px 0 55px;max-width:500px}
.login-kicker,.login-overline{font-size:10px;font-weight:850;letter-spacing:.19em;color:#80e4e6}
.login-welcome-copy h1{margin:18px 0 18px;font-size:47px;line-height:1.02;letter-spacing:-.055em;font-weight:820;color:#fff}
.login-welcome-copy h1 em{font-style:normal;color:#87e6e6}
.login-welcome-copy p{max-width:390px;margin:0;color:rgba(232,239,255,.75);font-size:13px;line-height:1.7}
.login-trust-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.login-trust-row span{padding:7px 10px;border:1px solid rgba(182,205,255,.22);border-radius:999px;color:#c7d5ff;font-size:9px;font-weight:800;letter-spacing:.09em;background:rgba(255,255,255,.05)}
.dashboard-login-welcome .login-brand-line{margin-top:0;color:rgba(214,226,255,.60);font-size:10px;letter-spacing:.05em;text-transform:none}
.dashboard-login-welcome .login-brand-line span{color:#70e0df;padding:0 5px}
.dashboard-login-form{padding:70px 66px 56px;background:#fff;justify-content:center}
.login-form-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.login-overline{color:#4567dc}
.login-protected{display:flex;align-items:center;gap:6px;color:#16735c;font-size:10px;font-weight:800}
.login-protected i{width:7px;height:7px;border-radius:50%;background:#20b486;box-shadow:0 0 0 4px rgba(32,180,134,.12)}
.dashboard-login-form h2{margin:0;color:#182744;font-size:31px;letter-spacing:-.045em}
.login-form-subtitle{margin:9px 0 32px;color:#8490a7;font-size:12px;line-height:1.55}
.dashboard-login-label{margin-bottom:8px;color:#33415f;font-size:10px;letter-spacing:.07em;text-transform:uppercase}
.dashboard-login-field-wrap{margin-bottom:19px}
.dashboard-login-field{height:50px;border:1px solid #dce3ef;border-radius:12px;background:#fbfcff;padding:0 14px;font-size:13px;box-shadow:inset 0 1px 2px rgba(31,51,88,.02)}
.dashboard-login-field:focus{border-color:#6683ff;box-shadow:0 0 0 4px rgba(73,109,255,.12);background:#fff}
.dashboard-login-eye{right:10px;top:10px;width:30px;height:30px;color:#8190aa}
.dashboard-login-button{height:51px;margin-top:6px;border-radius:12px;background:linear-gradient(135deg,#5377ff,#3151d0);font-size:12px;letter-spacing:.02em;box-shadow:0 12px 20px rgba(58,87,213,.22);display:flex;align-items:center;justify-content:center;gap:14px;transition:transform .18s,box-shadow .18s}
.dashboard-login-button b{font-size:18px;font-weight:500;line-height:0;transition:transform .18s}
.dashboard-login-button:hover{background:linear-gradient(135deg,#6485ff,#3b58d8);transform:translateY(-1px);box-shadow:0 15px 25px rgba(58,87,213,.28)}
.dashboard-login-button:hover b{transform:translateX(3px)}
.dashboard-login-note{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:20px;color:#a2adbf}
.login-lock-dot{font-size:8px;color:#617cff}
.login-eye-icon{position:relative;display:block;width:16px;height:10px;border:1.5px solid #8190aa;border-radius:80% 35%;transform:rotate(-20deg)}
.login-eye-icon:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:4px;border-radius:50%;background:#8190aa}
.dashboard-login-form h2{line-height:1.05}
.login-form-subtitle{max-width:300px;font-size:12.5px;line-height:1.58;letter-spacing:.005em}
.dashboard-login-label{line-height:1.2}
.dashboard-login-field{letter-spacing:.01em}
.dashboard-login-note{font-size:10.5px;letter-spacing:.015em}
.login-welcome-copy h1{line-height:1.04}
.permission-notice{position:fixed;inset:0;z-index:100010;display:grid;place-items:center;padding:22px;background:rgba(7,16,35,.20);backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.permission-notice.show{opacity:1;visibility:visible;pointer-events:auto}
.permission-notice-card{position:relative;width:min(420px,100%);padding:28px 28px 24px;border:1px solid #e1e8f5;border-radius:24px;background:linear-gradient(145deg,#fff 0%,#f7faff 100%);box-shadow:0 28px 80px rgba(15,31,70,.24);color:#172747;transform:translateY(12px) scale(.97);transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.permission-notice.show .permission-notice-card{transform:translateY(0) scale(1)}
.permission-notice-icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:19px;border:1px solid #d5e0ff;border-radius:16px;background:linear-gradient(135deg,#edf2ff,#e2eaff)}
.permission-notice-icon:before{content:"";width:15px;height:14px;border:2px solid #4d6de2;border-radius:5px;transform:translateY(4px)}
.permission-notice-icon span{position:absolute;width:11px;height:10px;margin-top:-14px;border:2px solid #4d6de2;border-bottom:0;border-radius:9px 9px 0 0}
.permission-notice-copy{min-width:0;padding-right:18px}
.permission-notice-kicker{display:block;margin-bottom:7px;color:#536fdd;font-size:9px;font-weight:850;letter-spacing:.16em}
.permission-notice-copy strong{display:block;color:#172747;font-size:19px;line-height:1.18;letter-spacing:-.025em}
.permission-notice-copy p{margin:9px 0 0;color:#7b89a2;font-size:12px;line-height:1.55}
.permission-notice-detail{display:flex;align-items:center;gap:8px;margin:20px 0;padding:11px 12px;border:1px solid #e4eaf5;border-radius:11px;background:#f8faff;color:#71809a;font-size:10px}
.permission-detail-dot{width:7px;height:7px;border-radius:50%;background:#5d79ea;box-shadow:0 0 0 4px rgba(93,121,234,.12)}
.permission-notice-close{position:absolute;top:15px;right:15px;width:28px;height:28px;border:0;border-radius:9px;background:#eef2fa;color:#73819a;font-size:18px;line-height:1;cursor:pointer}
.permission-notice-close:hover{background:#e3e9f5;color:#263b63}
.permission-notice-action{width:100%;height:42px;border:0;border-radius:11px;background:linear-gradient(135deg,#5276ff,#3556d8);box-shadow:0 9px 18px rgba(56,84,206,.18);color:#fff;font-size:11px;font-weight:800;cursor:pointer}
.permission-notice-action:hover{background:linear-gradient(135deg,#6485ff,#3b58d8)}
.permission-notice-progress{position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:0 0 24px 24px;background:linear-gradient(90deg,#77e4e1,#6c83ff);transform-origin:left;transform:scaleX(1)}
.permission-notice.show .permission-notice-progress{animation:permissionNoticeTimer 4.5s linear both}
@keyframes permissionNoticeTimer{to{transform:scaleX(0)}}
@media(max-width:620px){.permission-notice-card{padding:24px 21px 21px}.permission-notice-copy strong{font-size:17px}}

/* Motion layer: restrained entrance and ambient movement, with a reduced-motion fallback. */
.dashboard-login-screen:before{animation:loginAurora 14s ease-in-out infinite alternate}
.dashboard-login-screen:after{animation:loginGrid 24s linear infinite}
.dashboard-login-card{animation:loginCardIn .72s cubic-bezier(.2,.8,.2,1) both}
.dashboard-login-welcome:before{animation:loginOrbit 18s ease-in-out infinite alternate}
.dashboard-login-welcome:after{animation:loginScan 10s linear infinite}
.login-brand{animation:loginRise .55s .12s both}
.login-welcome-copy{animation:loginRise .68s .22s both}
.login-trust-row span{animation:loginChipIn .5s both}
.login-trust-row span:nth-child(1){animation-delay:.48s}.login-trust-row span:nth-child(2){animation-delay:.58s}.login-trust-row span:nth-child(3){animation-delay:.68s}
.login-form-top{animation:loginRise .5s .32s both}
.dashboard-login-form h2,.login-form-subtitle,.dashboard-login-label,.dashboard-login-field-wrap,.dashboard-login-error,.dashboard-login-button,.dashboard-login-note{animation:loginRise .52s both}
.dashboard-login-form h2{animation-delay:.36s}.login-form-subtitle{animation-delay:.42s}.dashboard-login-label{animation-delay:.48s}.dashboard-login-field-wrap{animation-delay:.54s}.dashboard-login-error{animation-delay:.60s}.dashboard-login-button{animation-delay:.66s}.dashboard-login-note{animation-delay:.72s}
.dashboard-login-button{position:relative;overflow:hidden}
.dashboard-login-button:before{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.32) 50%,transparent 65%);animation:loginSheen 3.6s 1.2s ease-in-out infinite}
.dashboard-login-button span,.dashboard-login-button b{position:relative;z-index:1}
@keyframes loginCardIn{from{opacity:0;transform:translateY(18px) scale(.975);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes loginRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes loginChipIn{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
@keyframes loginAurora{0%{transform:scale(1) translate3d(-1%,0,0)}100%{transform:scale(1.12) translate3d(4%,2%,0)}}
@keyframes loginGrid{from{background-position:0 0}to{background-position:84px 84px}}
@keyframes loginOrbit{0%{transform:translate3d(0,0,0) rotate(0deg)}100%{transform:translate3d(-28px,20px,0) rotate(12deg)}}
@keyframes loginScan{0%{background-position:0 0;opacity:.18}50%{opacity:.34}100%{background-position:150px 150px;opacity:.18}}
@keyframes loginSheen{0%,56%{transform:translateX(-120%)}78%,100%{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){
  .dashboard-login-screen:before,.dashboard-login-screen:after,.dashboard-login-card,.dashboard-login-welcome:before,.dashboard-login-welcome:after,.login-brand,.login-welcome-copy,.login-trust-row span,.login-form-top,.dashboard-login-form h2,.login-form-subtitle,.dashboard-login-label,.dashboard-login-field-wrap,.dashboard-login-error,.dashboard-login-button,.dashboard-login-note,.dashboard-login-button:before{animation-duration:.001ms !important;animation-iteration-count:1 !important;animation-delay:0s !important}
}
/* Fast boot patch: avoid blur-heavy paint and long staggered waits on refresh. */
.dashboard-login-screen:before{animation:loginAuroraFast 24s ease-in-out infinite alternate;will-change:transform}
.dashboard-login-card{animation-duration:.36s;will-change:transform,opacity}
.dashboard-login-welcome:before{animation-duration:28s;will-change:transform}
.login-brand,.login-welcome-copy,.login-form-top,.dashboard-login-form h2,.login-form-subtitle,.dashboard-login-label,.dashboard-login-field-wrap,.dashboard-login-error,.dashboard-login-button,.dashboard-login-note{animation-duration:.32s !important;animation-delay:.04s !important}
.login-trust-row span,.login-trust-row span:nth-child(1),.login-trust-row span:nth-child(2),.login-trust-row span:nth-child(3){animation-duration:.28s !important;animation-delay:.10s !important}
@keyframes loginCardIn{from{opacity:0;transform:translate3d(0,8px,0) scale(.99)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes loginRise{from{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes loginAuroraFast{0%{transform:translate3d(-1%,0,0)}100%{transform:translate3d(3%,2%,0)}}

/* Dashboard shell */
.sidebar{width:236px !important;padding:20px 14px !important;background:linear-gradient(180deg,#0b1733 0%,#071125 100%) !important;border-right:1px solid rgba(255,255,255,.06);box-shadow:16px 0 38px rgba(18,32,70,.09)}
.sidebar:before{content:"";position:absolute;left:-80px;top:150px;width:260px;height:260px;border-radius:50%;background:rgba(64,101,255,.16);filter:blur(35px);pointer-events:none}
.main{margin-left:236px !important;width:calc(100% - 236px) !important}
.brand{position:relative;z-index:1;padding:18px 15px 20px !important;border:1px solid rgba(170,195,255,.11);border-radius:17px;margin:0 1px 22px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.03))}
.brand h1{font-size:18px !important;line-height:1.22 !important;letter-spacing:-.03em;color:#f8faff}
.brand p{margin-top:9px;color:#7f9bd4 !important;font-size:9px !important;letter-spacing:.15em !important}
.dashboard-nav{position:relative;z-index:1;padding-top:2px}
.nav-btn{position:relative;padding:12px 14px !important;margin:4px 0 !important;border-radius:12px !important;color:#9eafd2 !important;font-size:12px !important;font-weight:750 !important;transition:.18s !important}
.nav-btn:hover{color:#eef3ff !important;background:rgba(108,137,255,.12) !important}
.nav-btn.active{color:#fff !important;background:linear-gradient(135deg,#5276ff,#3556d8) !important;box-shadow:0 9px 20px rgba(47,76,190,.30)}
.dashboard-logout-btn{margin-top:24px !important;border-color:rgba(255,255,255,.10) !important;color:#ffabb2 !important;background:rgba(255,100,120,.04) !important}
.topbar{padding:20px 30px !important;background:rgba(255,255,255,.82) !important;border-bottom:1px solid rgba(218,226,239,.85) !important;box-shadow:0 8px 28px rgba(33,51,90,.05);backdrop-filter:blur(14px)}
.topbar #title{font-size:24px !important;color:#172747;letter-spacing:-.04em !important}
#crumb{color:#8290a8 !important;font-size:10.5px !important}
#content{padding:25px 30px 44px !important;max-width:1660px !important}
.card,.panel,.chart-card,.pending-card,.admin-card,.source-card,.tablewrap,.filters{border-color:#e2e8f2 !important;box-shadow:0 6px 22px rgba(20,42,92,.045) !important}
.card,.panel,.chart-card,.pending-card,.admin-card,.source-card{border-radius:17px !important}
.section{margin-top:23px !important}
.section h3{color:#182744 !important;letter-spacing:-.02em}
input:not([type="checkbox"]),select,textarea{border-color:#d8e0ec !important;border-radius:10px !important;background:#fbfcff !important;color:#253657 !important}
input:not([type="checkbox"]):focus,select:focus,textarea:focus{outline:none;border-color:#6683ff !important;box-shadow:0 0 0 4px rgba(73,109,255,.10) !important;background:#fff !important}

/* Admin user form */
.user-create-grid{grid-template-columns:minmax(0,1fr) !important}
.user-create-card{padding:28px 30px 24px !important;background:linear-gradient(145deg,#fff 0%,#f8faff 100%) !important;border:1px solid #dfe7f5 !important}
.user-create-card .source-card-head{margin-bottom:24px !important;align-items:flex-start}
.user-create-card .source-card-head h3{font-size:22px !important;letter-spacing:-.04em !important;color:#172747 !important}
.user-create-card .source-card-head .admin-kicker{color:#4f6eee !important;letter-spacing:.13em !important}
.user-create-card .source-type{background:#eef2ff !important;border-color:#d9e1ff !important;color:#536dd8 !important}
.user-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.user-company-field{grid-column:1/-1}
.user-create-card .source-field{margin:0 !important}
.user-create-card .source-field label{display:block;margin-bottom:8px;color:#405071 !important;font-size:10px !important;letter-spacing:.06em !important;text-transform:uppercase}
.user-create-card .source-field input:not([type="checkbox"]),.user-create-card .source-field select{width:100%;height:46px;padding:0 13px;font-size:12px}
.permission-panel{margin-top:23px;border:1px solid #e1e8f5;border-radius:15px;background:#f8faff;overflow:hidden}
.permission-panel-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;list-style:none}
.permission-panel-summary::-webkit-details-marker{display:none}
.permission-panel-summary>span:first-child{min-width:0}
.permission-panel-summary strong{display:block;color:#213456;font-size:12px}
.permission-panel-summary small{display:block;margin-top:4px;color:#8794ab;font-size:10px}
.permission-panel[open] .permission-panel-summary{border-bottom:1px solid #e1e8f5;background:#f4f7ff}
.permission-panel-actions{display:flex;gap:7px;padding:12px 18px 0}
.permission-panel-actions .btn{height:28px;padding:5px 9px;font-size:10px}
.permission-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.permission-panel-head strong{display:block;color:#213456;font-size:12px}
.permission-panel-head span:not(.permission-count){display:block;margin-top:4px;color:#8794ab;font-size:10px}
.permission-count{padding:5px 8px;border-radius:999px;background:#e9efff;color:#536dd8;font-size:8px;font-weight:850;letter-spacing:.09em;white-space:nowrap}
.permission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.permission-grid label{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid #e4eaf4;border-radius:10px;background:#fff;color:#3c4d6e;font-size:11px;font-weight:750;cursor:pointer;transition:.16s}
.permission-grid label:hover{border-color:#9eafff;background:#f7f9ff}
.permission-grid input{width:15px;height:15px;margin:0;accent-color:#4e70f4}
.permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.permission-group{padding:13px;border:1px solid #e3e9f3;border-radius:13px;background:#fff}
.permission-group-title{display:flex;align-items:center;gap:9px;margin-bottom:11px}
.permission-module-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#eaf0ff,#dfe7ff);color:#4d68da;font-size:12px;font-weight:850}
.permission-group-title strong{display:block;color:#24385d;font-size:11px}
.permission-group-title span:not(.permission-module-mark){display:block;margin-top:3px;color:#8a96aa;font-size:9px;line-height:1.35}
.permission-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.permission-options label{display:flex;align-items:flex-start;gap:6px;min-width:0;color:#465776;font-size:10px;font-weight:700;line-height:1.25;cursor:pointer}
.permission-options label:hover{color:#3155d4}
.permission-options input{flex:0 0 auto;width:14px;height:14px;margin:0;accent-color:#4e70f4}
.network-access-panel{margin-top:20px;padding:16px 18px;border:1px solid #dce5f4;border-radius:15px;background:linear-gradient(135deg,#f4f7ff,#f8fbff)}
.network-access-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
.network-access-head strong{display:block;color:#24385d;font-size:12px}
.network-access-head span:not(.permission-count){display:block;margin-top:4px;color:#8794ab;font-size:10px}
.network-access-grid{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(300px,1.28fr);gap:16px}
.network-access-panel .source-field{margin:0 !important}
.network-access-panel .source-field label{display:block;margin-bottom:8px;color:#405071 !important;font-size:10px !important;letter-spacing:.06em !important;text-transform:uppercase}
.network-access-panel .source-field input:not([type="checkbox"]),.network-access-panel .source-field select{width:100%;height:43px;padding:0 12px;font-size:11px}
.network-access-panel input:disabled{cursor:not-allowed;opacity:.58;background:#eef2f8 !important}
.network-access-help{margin-top:10px;color:#7f8da5;font-size:10px;line-height:1.45}
.network-ip-actions{display:flex;align-items:center;gap:8px;margin-top:8px}
.network-ip-actions .btn{height:29px;padding:5px 9px;font-size:9px}
.network-ip-status{color:#667085;font-size:9px;line-height:1.3}
.user-create-actions{display:flex;align-items:center;gap:13px;margin-top:22px !important}
.user-create-actions .action-btn.primary{display:inline-flex;align-items:center;gap:12px;padding:11px 16px !important;border:0 !important;border-radius:10px !important;background:linear-gradient(135deg,#5276ff,#3556d8) !important;box-shadow:0 8px 18px rgba(56,84,206,.20);font-size:11px !important}
.user-create-actions .action-btn.primary span{font-size:16px;font-weight:400;line-height:0}
.create-hint{color:#8a96aa;font-size:10px}
.user-create-card > .meta{margin-top:14px !important;padding-top:14px;border-top:1px solid #e8edf5;color:#8a96aa !important;font-size:10px !important}
.admin-users-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.admin-users-list-head>div{min-width:0}
.admin-users-list-head .meta{display:block;margin-top:4px}
.admin-users-toolbar{display:flex;align-items:center;gap:10px;margin:12px 0 10px}
.admin-users-toolbar input{flex:1 1 280px;height:40px;padding:0 12px;font-size:11px}
.admin-users-toolbar select{flex:0 0 170px;height:40px;padding:0 10px;font-size:11px}
.tablewrap .admin-users-table{width:100% !important;min-width:0 !important;table-layout:fixed}
.admin-users-table th,.admin-users-table td{vertical-align:middle;white-space:normal !important;overflow-wrap:anywhere;word-break:normal}
.admin-users-table th:nth-child(1),.admin-users-table td:nth-child(1){width:16%}
.admin-users-table th:nth-child(2),.admin-users-table td:nth-child(2){width:14%}
.admin-users-table th:nth-child(3),.admin-users-table td:nth-child(3){width:11%}
.admin-users-table th:nth-child(4),.admin-users-table td:nth-child(4){width:24%}
.admin-users-table th:nth-child(5),.admin-users-table td:nth-child(5){width:11%}
.admin-users-table th:nth-child(6),.admin-users-table td:nth-child(6){width:24%;line-height:1.45}
.admin-users-table td:nth-child(5) .status{white-space:nowrap}
.admin-users-table th:last-child,.admin-users-table td:last-child{position:static;background:inherit;box-shadow:none}
.admin-users-table th:last-child{background:#f8fafc}
.admin-users-table .user-row-meta{display:block;margin-top:4px;color:#8a96aa;font-size:9px}
.admin-users-table code{font-size:10px;color:#4f65a8}
.user-access-details summary{display:inline-flex;align-items:center;gap:6px;color:#4664c5;font-size:10px;font-weight:800;cursor:pointer}
.user-access-details summary::after{content:'+';font-size:13px;font-weight:500}
.user-access-details[open] summary::after{content:'−'}
.user-access-details>div{margin-top:7px;padding:8px 9px;border-radius:8px;background:#f5f7fc;color:#71809a;font-size:9px;line-height:1.5}
.admin-users-empty{text-align:center;color:#8794ab!important;padding:24px!important}
.user-table-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.user-table-actions .btn{height:30px;padding:6px 9px;border-color:#d8e1f0;background:#fff;color:#4560ad;font-size:10px}
.user-table-actions .btn:hover{border-color:#9eb1f8;background:#f4f7ff}
.user-table-actions .danger-outline-btn{color:#b54759;border-color:#f0c9d0}
.user-table-actions .danger-outline-btn:hover{background:#fff3f5;border-color:#eaa5b2}
.system-user-badge{display:inline-flex;align-items:center;height:25px;padding:0 8px;border-radius:999px;background:#eef2f8;color:#7c8aa1;font-size:9px;font-weight:800;letter-spacing:.05em}
.user-cancel-btn{height:38px;padding:8px 12px !important;color:#586984 !important}
.user-test-modal,.user-preview-overlay{position:fixed;inset:0;z-index:2200;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(8,20,48,.58);backdrop-filter:blur(10px)}
.user-test-modal.show,.user-preview-overlay.show{display:flex}
.user-test-card{width:min(430px,100%);padding:25px;border:1px solid #dfe6f5;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(15,36,86,.25)}
.user-test-kicker,.user-preview-kicker{color:#4f6eee;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.user-test-card h3{margin:7px 0 5px;color:#1c2f54;font-size:20px}
.user-test-card p{margin:0;color:#7d8aa1;font-size:11px;line-height:1.5}
.user-test-card label{display:block;margin:21px 0 7px;color:#405071;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.user-test-card input{width:100%;height:44px;padding:0 12px;font-size:13px}
.user-test-error{min-height:18px;margin-top:8px;color:#b42318;font-size:10px}
.user-test-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:9px}
.user-test-actions .btn{height:38px;padding:8px 13px}
.user-test-actions .primary{border-color:#5276ff;background:#5276ff;color:#fff}
.bank-delete-modal,.dashboard-action-toast{position:fixed;z-index:100020}
.bank-delete-modal{inset:0;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(8,20,48,.58);backdrop-filter:blur(10px)}
.bank-delete-modal.show{display:flex}
.bank-delete-card{width:min(465px,100%);padding:26px;border:1px solid #dfe6f5;border-radius:20px;background:linear-gradient(145deg,#fff,#f7faff);box-shadow:0 24px 70px rgba(15,36,86,.25)}
.bank-delete-kicker{color:#b54759;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.bank-delete-card h3{margin:8px 0 7px;color:#1c2f54;font-size:20px;letter-spacing:-.02em}
.bank-delete-card p{margin:0;color:#7d8aa1;font-size:11px;line-height:1.55}
.bank-delete-points{display:grid;gap:8px;margin:18px 0;padding:12px 13px;border:1px solid #f0dfe3;border-radius:12px;background:#fff8f9;color:#7c5360;font-size:10px;line-height:1.45}
.bank-delete-point{display:flex;gap:8px;align-items:flex-start}.bank-delete-point::before{content:'•';color:#b54759;font-weight:900}
.bank-delete-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.bank-delete-actions .btn{height:39px;padding:8px 14px}.bank-delete-actions .danger{border-color:#b54759;background:#b54759;color:#fff}.bank-delete-actions .danger:hover{background:#983b4c;border-color:#983b4c}
.dashboard-action-toast{top:22px;right:24px;width:min(390px,calc(100% - 32px));display:flex;align-items:flex-start;gap:11px;padding:14px 16px;border:1px solid #cfe8d9;border-radius:14px;background:linear-gradient(135deg,#f8fffb,#fff);box-shadow:0 16px 42px rgba(15,36,86,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}
.dashboard-action-toast.show{opacity:1;visibility:visible;transform:translateY(0)}
.dashboard-action-toast.warning{border-color:#f0d9aa;background:linear-gradient(135deg,#fffaf0,#fff)}
.dashboard-action-toast-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#dff5e8;color:#067647;font-size:15px;font-weight:900}.dashboard-action-toast.warning .dashboard-action-toast-icon{background:#fff0c7;color:#9a6700}
.dashboard-action-toast-copy{min-width:0}.dashboard-action-toast-copy strong{display:block;color:#1c2f54;font-size:11px}.dashboard-action-toast-copy span{display:block;margin-top:3px;color:#71809a;font-size:10px;line-height:1.4}
.bank-delete-card{padding:0;overflow:hidden;animation:adminModalIn .18s ease-out}
.bank-delete-head{padding:22px 22px 16px;background:linear-gradient(180deg,#fbfdff 0%,#f5f8ff 100%);border-bottom:1px solid #edf0f5}
.bank-delete-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:13px;border-radius:13px;background:#fff1f2;color:#b42318;font-size:22px;font-weight:900}
.bank-delete-kicker{color:#536fdd;font-size:9px;letter-spacing:.16em}
.bank-delete-head h3{margin:0 0 6px;color:#101828;font-size:19px;letter-spacing:0}
.bank-delete-head p{margin:0;color:#667085;font-size:12px;line-height:1.55}
.bank-delete-body{padding:20px 22px 22px}
.bank-delete-points{margin:0;padding:11px 12px;background:#fff8f9}
.bank-delete-actions{margin-top:18px}
.bank-delete-actions .btn{min-width:92px;border-radius:10px;font-size:12px;font-weight:800}
.bank-delete-actions .danger{background:linear-gradient(90deg,#b42318,#d04455);border-color:#b42318;box-shadow:0 7px 16px rgba(180,35,24,.18)}
@media(max-width:620px){.dashboard-action-toast{top:14px;right:16px}.bank-delete-card{padding:0}.bank-delete-head,.bank-delete-body{padding-left:19px;padding-right:19px}.bank-delete-actions{flex-direction:column-reverse}.bank-delete-actions .btn{width:100%}}
.user-preview-overlay{align-items:stretch;overflow:auto;padding:0;background:#f4f7ff}
.user-preview-page{width:min(1120px,100%);min-height:100%;margin:0 auto;padding:30px}
.user-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px;border:1px solid #dce5f3;border-radius:18px;background:linear-gradient(135deg,#fff,#f4f7ff);box-shadow:0 10px 30px rgba(20,42,92,.07)}
.user-preview-head h2{margin:5px 0 5px;color:#182744;font-size:26px;letter-spacing:-.04em}
.user-preview-head p{margin:0;color:#75839c;font-size:11px}
.user-preview-head .btn{flex:0 0 auto}
.preview-verified{display:inline-flex;align-items:center;gap:6px;margin-top:15px;padding:7px 10px;border-radius:999px;background:#e8f8f0;color:#067647;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.preview-verified::before{content:'✓';font-size:12px}
.user-preview-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.user-preview-stat{padding:15px 16px;border:1px solid #e1e8f5;border-radius:14px;background:#fff}
.user-preview-stat span{display:block;color:#8a96aa;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.user-preview-stat strong{display:block;margin-top:6px;color:#24385d;font-size:12px;overflow-wrap:anywhere}
.user-preview-section{margin-top:16px;padding:20px;border:1px solid #e1e8f5;border-radius:16px;background:#fff}
.user-preview-section h3{margin:0;color:#24385d;font-size:14px}
.user-preview-section>p{margin:5px 0 15px;color:#8794ab;font-size:10px}
.user-preview-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.user-preview-module{padding:14px;border:1px solid #e5eaf3;border-radius:12px;background:#fbfcff}
.user-preview-module.allowed{border-color:#b9e6ce;background:#f5fcf8}
.user-preview-module.restricted{background:#fafbfc}
.user-preview-module strong{display:block;color:#2c3f62;font-size:11px}
.user-preview-module p{margin:5px 0 0;color:#8995aa;font-size:9px;line-height:1.4}
.user-preview-module-badge{display:inline-flex;margin-top:10px;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.user-preview-module.allowed .user-preview-module-badge{background:#dff5e8;color:#067647}
.user-preview-module.restricted .user-preview-module-badge{background:#eef1f5;color:#7c899e}
.user-preview-permissions{display:flex;flex-wrap:wrap;gap:6px}
.user-preview-permissions span{padding:6px 8px;border-radius:8px;background:#eef2ff;color:#536dd8;font-size:9px;font-weight:750}
.user-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:15px 2px;color:#8491a6;font-size:10px}
.user-preview-footer .btn{height:39px}
.user-preview-active .topbar{border-bottom-color:#5276ff !important;box-shadow:0 8px 28px rgba(55,83,210,.12)}
.user-preview-banner{display:flex;align-items:center;gap:9px;margin-top:8px;padding:6px 9px;border-radius:8px;background:#eef2ff;color:#536dd8;font-size:9px;font-weight:800;letter-spacing:.04em}
.preview-disabled{opacity:.42 !important}
.preview-disabled:hover{background:transparent !important;color:#9eafd2 !important}

@media(max-width:900px){
  .sidebar{width:100% !important}.main{margin-left:0 !important;width:100% !important}
  .dashboard-login-card{grid-template-columns:1fr;max-width:520px;min-height:0}
  .dashboard-login-welcome{min-height:300px;padding:30px 32px}
  .login-welcome-copy{padding:42px 0 34px}.login-welcome-copy h1{font-size:37px}
  .dashboard-login-form{padding:38px 34px 42px}
}
@media(max-width:620px){
  .dashboard-login-screen{padding:14px}.dashboard-login-welcome{min-height:270px;padding:25px 24px}.login-welcome-copy{padding:31px 0 25px}.login-welcome-copy h1{font-size:31px}.login-welcome-copy p{font-size:11px}.login-trust-row{margin-top:18px;gap:6px}.login-trust-row span{font-size:8px;padding:6px 7px}
  .dashboard-login-form{padding:30px 24px 34px}.dashboard-login-form h2{font-size:27px}
  .user-form-grid{grid-template-columns:1fr}.user-company-field{grid-column:auto}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-groups{grid-template-columns:1fr}.network-access-grid{grid-template-columns:1fr}.user-create-card{padding:22px 18px 20px !important}.user-create-actions{align-items:flex-start;flex-direction:column}.admin-users-list-head{align-items:flex-start;flex-direction:column;gap:8px}.admin-users-toolbar{align-items:stretch;flex-direction:column}.admin-users-toolbar input{flex:0 0 40px}.admin-users-toolbar select{flex:0 0 40px;width:100%}.admin-users-table th,.admin-users-table td{padding:8px 6px!important;font-size:9px!important}.admin-users-table th:nth-child(2),.admin-users-table td:nth-child(2){width:17%}.admin-users-table th:nth-child(3),.admin-users-table td:nth-child(3){width:13%}.admin-users-table th:nth-child(4),.admin-users-table td:nth-child(4){width:20%}.admin-users-table th:nth-child(5),.admin-users-table td:nth-child(5){width:14%}.admin-users-table th:nth-child(6),.admin-users-table td:nth-child(6){width:24%}.user-table-actions{gap:3px}.user-table-actions .btn{height:26px;padding:4px 6px;font-size:9px}.user-access-details>div{font-size:8px;padding:6px}.permission-panel-summary{padding:14px}.permission-panel-actions{padding:10px 14px 0}
  .user-preview-page{padding:16px 10px}.user-preview-head{padding:18px;flex-direction:column}.user-preview-head h2{font-size:22px}.user-preview-head .btn{width:100%}.user-preview-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.user-preview-module-grid{grid-template-columns:1fr}.user-preview-footer{align-items:stretch;flex-direction:column}.user-preview-footer .btn{width:100%}
}
</style>

<style id="login-responsive-fit">
/* Fit the login card to the available viewport instead of a fixed LED/monitor size. */
.dashboard-login-screen{padding:clamp(12px,3vw,32px)}
.dashboard-login-card{width:min(920px,100%);height:min(540px,calc(100vh - 2 * clamp(12px,3vw,32px)));min-height:0}
.dashboard-login-welcome{padding:clamp(24px,4vw,42px) clamp(24px,4.5vw,50px)}
.login-welcome-copy{padding:clamp(20px,6vh,55px) 0 clamp(18px,4vh,42px)}
.login-welcome-copy h1{font-size:clamp(32px,3.7vw,41px)}
.dashboard-login-form{padding:clamp(26px,6vh,52px) clamp(26px,5vw,52px) clamp(24px,4vh,40px)}
@media(max-width:900px){
  .dashboard-login-card{height:auto;max-height:calc(100vh - 24px);overflow:auto}
}
@media(max-height:700px) and (min-width:901px){
  .dashboard-login-welcome{padding:22px 32px}
  .login-welcome-copy{padding:22px 0}
  .login-welcome-copy h1{font-size:36px;margin:12px 0}
  .login-welcome-copy p{font-size:11px}
  .login-trust-row{margin-top:16px}
  .dashboard-login-form{padding:28px 42px}
  .login-form-subtitle{margin-bottom:18px}
  .dashboard-login-field-wrap{margin-bottom:12px}
  .dashboard-login-button{height:46px}
  .dashboard-login-note{margin-top:12px}
}
</style>

<!-- Firebase Realtime Database (instant live version signal) -->
<script src="https://www.gstatic.com/firebasejs/10.14.1/firebase-app-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/10.14.1/firebase-database-compat.js"></script>

<style id="hide-costing-savebar">
.costing-savebar{display:none !important;}
</style>
<style id="browsercode-fixes">
/* BrowserCode fixes: keep navigation discoverable and expose sync state. */
.dashboard-sync-status{font-size:10px;color:#667085;margin-top:5px;min-height:15px}
.dashboard-sync-status.error{color:#b42318}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.account-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:8px 2px;color:#667085;font-size:11px}
.account-pagination-actions{display:flex;gap:6px}
.account-pagination button{border:1px solid #d0d5dd;background:#fff;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:700;cursor:pointer}
.account-pagination button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:900px){
  .dashboard-nav{flex-wrap:wrap!important;overflow:visible!important}
  .dashboard-nav .nav-btn{flex:1 1 calc(25% - 6px)!important;min-width:0!important;text-align:center!important}
}
@media(max-width:420px){.dashboard-nav .nav-btn{flex-basis:calc(33.333% - 6px)!important;padding-left:6px!important;padding-right:6px!important}}
</style>
<style id="hide-dashboard-sync-status">
  #dashboardSyncStatus{display:none !important}
</style>
<style id="visual-polish-final">
/* Visual polish: keep summary cards readable and report grids/tables balanced. */
.company-summary-card .value,
.kpis .card.company-summary-card .value{
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  line-height:1.18 !important;
}
.account-pagination button{
  min-height:36px !important;
  padding:8px 12px !important;
}
#uploadedStatementSummaryToggle{min-height:38px !important}
.kpis .card.negative-kpi .value{color:#b42318 !important}
.card.pending-return-positive-kpi .value{color:#b42318 !important}
.report-group-table th:nth-child(n+2),
.report-group-table td:nth-child(n+2),
.report-portfolio-table th:nth-child(n+3),
.report-portfolio-table td:nth-child(n+3){
  text-align:right !important;
  font-variant-numeric:tabular-nums !important;
  white-space:nowrap !important;
}
.report-group-table th:first-child,
.report-group-table td:first-child,
.report-portfolio-table th:first-child,
.report-portfolio-table td:first-child,
.report-portfolio-table th:nth-child(2),
.report-portfolio-table td:nth-child(2){text-align:left !important}

@media(min-width:901px){
  #costingPageBody > .kpis{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
  #financeArea .billing-fixed-kpis{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
  #content .account-kpis{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
  .report-overview-kpis{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .report-summary-kpis{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
  .report-two-kpis{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:900px){
  .dashboard-nav .nav-btn{
    min-height:40px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
  .account-pagination button{
    min-height:36px !important;
    padding:8px 12px !important;
  }
  #uploadedStatementSummaryToggle{min-height:38px !important}
}
@media(min-width:1600px){
  /* Use available LED/4K workspace instead of leaving the dashboard tiny in the center. */
  #content{
    width:calc(100% - 64px) !important;
    max-width:3200px !important;
    box-sizing:border-box !important;
  }
}
@media(min-width:1367px) and (max-width:2399px){
  .overview-settlement-block > .settlement-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
@media(min-width:2400px){
  .overview-settlement-block > .settlement-kpis{
    grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  }
}
@media(max-width:1350px){
  #financeArea .billing-fixed-shell .invoice-register-wrap{
    overflow-x:auto !important;
    scrollbar-width:thin !important;
    -webkit-overflow-scrolling:touch !important;
  }
}
@media(max-width:700px){
  .company-summary-card .value,
  .kpis .card.company-summary-card .value{font-size:16px !important}
  .overdue-portfolio-ticker{display:block !important}
  .overdue-portfolio-ticker .overdue-ticker-badge{display:inline-flex !important;margin-bottom:6px !important}
  .overdue-portfolio-ticker .overdue-ticker-window{
    display:block !important;
    min-height:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding-bottom:2px !important;
  }
  .overdue-portfolio-ticker .overdue-ticker-track{
    display:flex !important;
    width:max-content !important;
    gap:8px !important;
    padding-left:0 !important;
    animation:none !important;
  }
  .overdue-portfolio-item{margin-right:0 !important}
}
</style>
<style id="login-premium-clean">
/* Clean login finish: compact proportions, quieter motion, sharper hierarchy. */
.dashboard-login-screen{
  background:#eef2f7 !important;
  padding:24px !important;
  overflow:auto !important;
}
.dashboard-login-screen:before{
  background:radial-gradient(circle at 10% 15%,rgba(92,119,238,.16),transparent 31%),radial-gradient(circle at 90% 85%,rgba(43,171,177,.10),transparent 27%) !important;
  animation:none !important;
}
.dashboard-login-screen:after{display:none !important}
.dashboard-login-card{
  width:min(760px,100%) !important;
  height:min(470px,calc(100vh - 48px)) !important;
  min-height:0 !important;
  grid-template-columns:minmax(0,.86fr) minmax(330px,1.14fr) !important;
  border:1px solid #dfe6f0 !important;
  border-radius:22px !important;
  box-shadow:0 18px 55px rgba(24,39,68,.14) !important;
  animation:loginCardIn .38s ease-out both !important;
}
.dashboard-login-welcome{
  padding:30px 32px !important;
  background:linear-gradient(155deg,#1b3476 0%,#112554 58%,#0d1b3e 100%) !important;
}
.dashboard-login-welcome:before,.dashboard-login-welcome:after{display:none !important}
.login-brand{font-size:9.5px !important;letter-spacing:.13em !important;animation:none !important}
.login-brand-mark{width:20px !important;height:20px !important}
.login-brand-mark i{width:4px !important}
.login-brand-mark i:nth-child(1){height:9px}.login-brand-mark i:nth-child(2){height:15px}.login-brand-mark i:nth-child(3){height:20px}
.login-welcome-copy{padding:20px 0 10px !important;animation:none !important}
.login-kicker,.login-overline{font-size:9px !important;letter-spacing:.16em !important}
.login-welcome-copy h1{margin:15px 0 14px !important;font-size:clamp(29px,3.5vw,37px) !important;line-height:1.04 !important;letter-spacing:-.045em !important}
.login-welcome-copy p{max-width:265px !important;font-size:11.5px !important;line-height:1.58 !important}
.login-trust-row{gap:6px !important;margin-top:20px !important}
.login-trust-row span{padding:6px 8px !important;font-size:8px !important;letter-spacing:.07em !important;background:rgba(255,255,255,.045) !important}
.dashboard-login-welcome .login-brand-line{font-size:9px !important}
.dashboard-login-form{padding:42px 40px 34px !important;background:#fff !important}
.login-form-top{margin-bottom:20px !important;animation:none !important}
.login-protected{font-size:9px !important}
.dashboard-login-form h2{font-size:25px !important;letter-spacing:-.04em !important}
.login-form-subtitle{margin:8px 0 25px !important;font-size:11.5px !important}
.dashboard-login-label{margin-bottom:7px !important;font-size:9px !important}
.dashboard-login-field-wrap{margin-bottom:13px !important}
.dashboard-login-field{height:44px !important;border-radius:10px !important;padding:0 12px !important;font-size:12px !important}
.dashboard-login-eye{top:7px !important;right:8px !important}
.dashboard-login-button{height:45px !important;margin-top:4px !important;border-radius:10px !important;box-shadow:0 8px 16px rgba(58,87,213,.18) !important;animation:none !important}
.dashboard-login-button:before{display:none !important}
.dashboard-login-button:hover{transform:translateY(-1px) !important}
.dashboard-login-note{margin-top:14px !important;font-size:9.5px !important;animation:none !important}
.dashboard-login-form h2,.login-form-subtitle,.dashboard-login-label,.dashboard-login-field-wrap,.dashboard-login-error{animation:none !important}
@media(max-width:900px){
  .dashboard-login-screen{padding:16px !important}
  .dashboard-login-card{width:min(430px,100%) !important;height:auto !important;max-height:none !important;grid-template-columns:1fr !important;border-radius:19px !important}
  .dashboard-login-welcome{min-height:218px !important;padding:24px 25px !important}
  .login-welcome-copy{padding:25px 0 17px !important}
  .login-welcome-copy h1{font-size:31px !important}
  .dashboard-login-form{padding:30px 26px 32px !important}
}
@media(max-width:520px){
  .dashboard-login-screen{padding:10px !important}
  .dashboard-login-welcome{min-height:202px !important;padding:21px 21px !important}
  .login-welcome-copy{padding:22px 0 13px !important}
  .login-welcome-copy h1{font-size:28px !important;margin:12px 0 !important}
  .login-welcome-copy p{font-size:10.5px !important}
  .login-trust-row{margin-top:15px !important}
  .login-trust-row span{padding:5px 7px !important;font-size:7.5px !important}
  .dashboard-login-form{padding:26px 21px 28px !important}
  .dashboard-login-form h2{font-size:23px !important}
}
</style>
<style id="login-editorial-v2">
/* Editorial login direction: warm paper, charcoal panel, and sharper form controls. */
.dashboard-login-screen{
  background:#e9e4da !important;
  padding:28px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  color:#202322;
}
.dashboard-login-screen:before{
  inset:0 !important;
  z-index:-2 !important;
  background:radial-gradient(circle at 8% 12%,rgba(214,255,63,.12),transparent 23%),radial-gradient(circle at 90% 86%,rgba(42,53,48,.10),transparent 28%) !important;
  animation:none !important;
}
.dashboard-login-screen:after{
  display:block !important;
  z-index:-1 !important;
  opacity:.16 !important;
  background-image:linear-gradient(115deg,transparent 0 49.8%,rgba(32,35,34,.14) 50%,transparent 50.2%),linear-gradient(rgba(32,35,34,.07) 1px,transparent 1px) !important;
  background-size:220px 220px,100% 9px !important;
  mask-image:none !important;
}
.dashboard-login-card{
  width:min(980px,100%) !important;
  height:min(560px,calc(100vh - 56px)) !important;
  min-height:0 !important;
  grid-template-columns:minmax(340px,.84fr) minmax(430px,1.16fr) !important;
  border:1px solid rgba(32,35,34,.12) !important;
  border-radius:26px !important;
  background:#f8f5ee !important;
  box-shadow:0 28px 80px rgba(32,35,34,.18) !important;
  animation:loginCardIn .42s ease-out both !important;
}
.dashboard-login-welcome{
  position:relative !important;
  align-items:stretch !important;
  justify-content:space-between !important;
  text-align:left !important;
  padding:38px 40px 32px !important;
  background:#171a19 !important;
  overflow:hidden !important;
}
.dashboard-login-welcome:before{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  width:330px !important;
  height:330px !important;
  right:-175px !important;
  bottom:-135px !important;
  border:1px solid rgba(214,255,63,.33) !important;
  border-radius:50% !important;
  box-shadow:0 0 0 34px rgba(214,255,63,.05),0 0 0 70px rgba(214,255,63,.035) !important;
  animation:none !important;
}
.dashboard-login-welcome:after{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  opacity:.18 !important;
  background:linear-gradient(135deg,transparent 0 66%,#d6ff3f 66.2% 66.6%,transparent 66.8%),linear-gradient(160deg,transparent 0 74%,#d6ff3f 74.2% 74.5%,transparent 74.7%) !important;
  background-size:100% 100% !important;
  animation:none !important;
}
.login-brand{
  position:relative !important;
  z-index:1 !important;
  gap:10px !important;
  color:#f5f2e9 !important;
  font-size:10px !important;
  letter-spacing:.17em !important;
  animation:none !important;
}
.login-brand b{color:#d6ff3f !important;font-weight:500 !important}
.login-brand-mark{width:22px !important;height:21px !important;gap:3px !important}
.login-brand-mark i{width:4px !important;border-radius:0 !important;background:#d6ff3f !important}
.login-brand-mark i:nth-child(1){height:9px !important}.login-brand-mark i:nth-child(2){height:15px !important}.login-brand-mark i:nth-child(3){height:21px !important}
.login-welcome-copy{
  position:relative !important;
  z-index:1 !important;
  margin:auto 0 !important;
  padding:42px 0 28px !important;
  max-width:390px !important;
  animation:none !important;
}
.login-kicker,.login-overline{font-size:9px !important;font-weight:850 !important;letter-spacing:.2em !important}
.login-kicker{color:#d6ff3f !important}
.login-welcome-copy h1{
  margin:17px 0 16px !important;
  font-size:clamp(35px,4.3vw,52px) !important;
  line-height:.98 !important;
  letter-spacing:-.065em !important;
  font-weight:800 !important;
  color:#f8f5ee !important;
}
.login-welcome-copy h1 em{color:#d6ff3f !important}
.login-welcome-copy p{max-width:295px !important;color:#afb5aa !important;font-size:12px !important;line-height:1.7 !important}
.login-trust-row{gap:7px !important;margin-top:25px !important}
.login-trust-row span{
  padding:7px 9px !important;
  border:1px solid rgba(214,255,63,.30) !important;
  border-radius:3px !important;
  color:#d7decf !important;
  font-size:8px !important;
  letter-spacing:.1em !important;
  background:transparent !important;
  animation:none !important;
}
.dashboard-login-welcome .login-brand-line{
  position:relative !important;
  z-index:1 !important;
  margin-top:0 !important;
  color:#7f877e !important;
  font-size:9px !important;
  letter-spacing:.04em !important;
}
.dashboard-login-welcome .login-brand-line span{color:#d6ff3f !important;padding:0 5px !important}
.dashboard-login-form{
  position:relative !important;
  padding:58px 66px 48px !important;
  background:#f8f5ee !important;
  justify-content:center !important;
}
.dashboard-login-form:before{
  content:"";
  position:absolute;
  left:0;
  top:54px;
  bottom:54px;
  width:1px;
  background:#d9d4c9;
}
.login-form-top{margin-bottom:30px !important;animation:none !important}
.login-overline{color:#6d746b !important}
.login-protected{color:#3d6f4b !important;font-size:9px !important}
.login-protected i{width:6px !important;height:6px !important;background:#77a65b !important;box-shadow:none !important}
.dashboard-login-form h2{margin:0 !important;color:#202322 !important;font-size:34px !important;letter-spacing:-.055em !important;line-height:1 !important}
.login-form-subtitle{margin:11px 0 34px !important;color:#777b75 !important;font-size:12px !important;line-height:1.6 !important}
.dashboard-login-label{margin-bottom:6px !important;color:#696e68 !important;font-size:9px !important;letter-spacing:.15em !important}
.dashboard-login-field-wrap{margin-bottom:22px !important}
.dashboard-login-field{
  height:43px !important;
  border:0 !important;
  border-bottom:1px solid #c8c5bc !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:0 34px 0 0 !important;
  color:#202322 !important;
  font-size:13px !important;
  box-shadow:none !important;
  outline:none !important;
}
.dashboard-login-field::placeholder{color:#a5a69e !important}
.dashboard-login-field:focus{border-color:#202322 !important;box-shadow:none !important;background:transparent !important}
.dashboard-login-eye{top:7px !important;right:0 !important;width:28px !important;height:28px !important;color:#6b716b !important;border-radius:3px !important}
.dashboard-login-eye:hover{background:#ece8de !important}
.login-eye-icon{border-color:#6b716b !important}.login-eye-icon:after{background:#6b716b !important}
.dashboard-login-error{min-height:16px !important;margin:0 0 7px !important;font-size:10px !important}
.dashboard-login-button{
  height:48px !important;
  margin-top:7px !important;
  border-radius:8px !important;
  background:#202322 !important;
  color:#f8f5ee !important;
  font-size:11px !important;
  letter-spacing:.08em !important;
  box-shadow:none !important;
  animation:none !important;
}
.dashboard-login-button:before{display:none !important}
.dashboard-login-button:hover{background:#343936 !important;transform:translateY(-1px) !important;box-shadow:0 8px 18px rgba(32,35,34,.14) !important}
.dashboard-login-button b{color:#d6ff3f !important;font-size:18px !important}
.dashboard-login-note{margin-top:19px !important;color:#969991 !important;font-size:9.5px !important;animation:none !important}
.login-lock-dot{color:#7ea75e !important}
@media(max-width:900px){
  .dashboard-login-screen{padding:16px !important}
  .dashboard-login-card{width:min(480px,100%) !important;height:auto !important;grid-template-columns:1fr !important;border-radius:22px !important}
  .dashboard-login-welcome{min-height:292px !important;padding:28px 28px 24px !important}
  .login-welcome-copy{padding:36px 0 24px !important}
  .login-welcome-copy h1{font-size:39px !important}
  .dashboard-login-form{padding:39px 32px 36px !important}
  .dashboard-login-form:before{top:0 !important;left:32px !important;right:32px !important;width:auto !important;height:1px !important;bottom:auto !important}
}
@media(max-width:520px){
  .dashboard-login-screen{padding:10px !important}
  .dashboard-login-welcome{min-height:252px !important;padding:22px 22px 20px !important}
  .login-welcome-copy{padding:24px 0 17px !important}
  .login-welcome-copy h1{font-size:32px !important;margin:13px 0 !important}
  .login-welcome-copy p{font-size:10.5px !important}
  .login-trust-row{margin-top:17px !important;gap:5px !important}
  .login-trust-row span{padding:5px 6px !important;font-size:7px !important}
  .dashboard-login-form{padding:31px 22px 29px !important}
  .dashboard-login-form:before{left:22px !important;right:22px !important}
  .dashboard-login-form h2{font-size:28px !important}
  .login-form-subtitle{margin-bottom:28px !important}
}
</style>
<style id="login-blue-simple">
/* Simple blue-and-white login: clean, familiar, and easy to scan. */
.dashboard-login-screen{
  background:#f7faff !important;
  padding:24px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}
.dashboard-login-screen:before,.dashboard-login-screen:after{display:none !important}
.dashboard-login-card{
  width:min(900px,100%) !important;
  height:min(520px,calc(100vh - 48px)) !important;
  min-height:0 !important;
  grid-template-columns:minmax(320px,.9fr) minmax(390px,1.1fr) !important;
  border:1px solid #dbe5f3 !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 18px 48px rgba(35,83,151,.12) !important;
  animation:loginCardIn .35s ease-out both !important;
}
.dashboard-login-welcome{
  align-items:stretch !important;
  justify-content:space-between !important;
  text-align:left !important;
  padding:34px 36px 30px !important;
  background:#2563c7 !important;
  overflow:hidden !important;
}
.dashboard-login-welcome:before,.dashboard-login-welcome:after{display:none !important}
.login-brand{
  gap:10px !important;
  color:#fff !important;
  font-size:10px !important;
  letter-spacing:.14em !important;
  animation:none !important;
}
.login-brand b{color:#dbeafe !important;font-weight:500 !important}
.login-brand-mark{width:21px !important;height:20px !important;gap:3px !important}
.login-brand-mark i{width:4px !important;border-radius:2px !important;background:#fff !important}
.login-brand-mark i:nth-child(1){height:9px !important}.login-brand-mark i:nth-child(2){height:14px !important}.login-brand-mark i:nth-child(3){height:20px !important}
.login-welcome-copy{
  margin:auto 0 !important;
  padding:36px 0 28px !important;
  max-width:340px !important;
  animation:none !important;
}
.login-kicker,.login-overline{font-size:9px !important;font-weight:800 !important;letter-spacing:.16em !important}
.login-kicker{color:#dbeafe !important}
.login-welcome-copy h1{
  margin:16px 0 16px !important;
  font-size:clamp(34px,4vw,47px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  font-weight:800 !important;
  color:#fff !important;
}
.login-welcome-copy h1 em{color:#dbeafe !important}
.login-welcome-copy p{max-width:290px !important;color:#e4efff !important;font-size:12px !important;line-height:1.65 !important}
.login-trust-row{gap:7px !important;margin-top:23px !important}
.login-trust-row span{
  padding:6px 8px !important;
  border:1px solid rgba(255,255,255,.38) !important;
  border-radius:4px !important;
  color:#fff !important;
  font-size:8px !important;
  letter-spacing:.08em !important;
  background:rgba(255,255,255,.08) !important;
  animation:none !important;
}
.dashboard-login-welcome .login-brand-line{
  margin-top:0 !important;
  color:#c8dcf6 !important;
  font-size:9px !important;
  letter-spacing:.03em !important;
}
.dashboard-login-welcome .login-brand-line span{color:#fff !important;padding:0 5px !important}
.dashboard-login-form{
  position:relative !important;
  padding:52px 58px 42px !important;
  background:#fff !important;
  justify-content:center !important;
}
.dashboard-login-form:before{display:none !important}
.login-form-top{margin-bottom:25px !important;animation:none !important}
.login-overline{color:#2563c7 !important}
.login-protected{color:#22724b !important;font-size:9px !important}
.login-protected i{width:6px !important;height:6px !important;background:#39a56a !important;box-shadow:none !important}
.dashboard-login-form h2{margin:0 !important;color:#172b4d !important;font-size:30px !important;letter-spacing:-.045em !important;line-height:1.05 !important}
.login-form-subtitle{margin:9px 0 29px !important;color:#7c8ca4 !important;font-size:11.5px !important;line-height:1.55 !important}
.dashboard-login-label{margin-bottom:7px !important;color:#445a78 !important;font-size:9px !important;letter-spacing:.11em !important}
.dashboard-login-field-wrap{margin-bottom:16px !important}
.dashboard-login-field{
  height:44px !important;
  border:1px solid #d6e1f0 !important;
  border-radius:8px !important;
  background:#fbfdff !important;
  padding:0 38px 0 12px !important;
  color:#172b4d !important;
  font-size:12px !important;
  box-shadow:none !important;
  outline:none !important;
}
.dashboard-login-field::placeholder{color:#98a8bd !important}
.dashboard-login-field:focus{border-color:#4f86dc !important;box-shadow:0 0 0 3px rgba(37,99,199,.12) !important;background:#fff !important}
.dashboard-login-eye{top:7px !important;right:8px !important;width:28px !important;height:28px !important;color:#7185a0 !important;border-radius:5px !important}
.dashboard-login-eye:hover{background:#edf4ff !important}
.login-eye-icon{border-color:#7185a0 !important}.login-eye-icon:after{background:#7185a0 !important}
.dashboard-login-error{min-height:16px !important;margin:0 0 6px !important;font-size:10px !important}
.dashboard-login-button{
  height:46px !important;
  margin-top:5px !important;
  border-radius:8px !important;
  background:#2563c7 !important;
  color:#fff !important;
  font-size:11px !important;
  letter-spacing:.04em !important;
  box-shadow:0 8px 16px rgba(37,99,199,.18) !important;
  animation:none !important;
}
.dashboard-login-button:before{display:none !important}
.dashboard-login-button:hover{background:#1e55ae !important;transform:translateY(-1px) !important;box-shadow:0 10px 20px rgba(37,99,199,.23) !important}
.dashboard-login-button b{color:#fff !important;font-size:17px !important}
.dashboard-login-note{margin-top:16px !important;color:#9aa9bd !important;font-size:9.5px !important;animation:none !important}
.login-lock-dot{color:#4f86dc !important}
@media(max-width:900px){
  .dashboard-login-screen{padding:16px !important}
  .dashboard-login-card{width:min(460px,100%) !important;height:auto !important;grid-template-columns:1fr !important;border-radius:16px !important}
  .dashboard-login-welcome{min-height:250px !important;padding:27px 28px 24px !important}
  .login-welcome-copy{padding:29px 0 22px !important}
  .login-welcome-copy h1{font-size:38px !important}
  .dashboard-login-form{padding:36px 30px 34px !important}
}
@media(max-width:520px){
  .dashboard-login-screen{padding:10px !important}
  .dashboard-login-welcome{min-height:220px !important;padding:22px 22px 20px !important}
  .login-welcome-copy{padding:22px 0 16px !important}
  .login-welcome-copy h1{font-size:31px !important;margin:12px 0 !important}
  .login-welcome-copy p{font-size:10.5px !important}
  .login-trust-row{margin-top:16px !important;gap:5px !important}
  .login-trust-row span{padding:5px 6px !important;font-size:7px !important}
  .dashboard-login-form{padding:29px 22px 28px !important}
  .dashboard-login-form h2{font-size:27px !important}
  .login-form-subtitle{margin-bottom:25px !important}
}
</style>
<style id="login-blue-compact">
/* Compact proportions for the approved blue-and-white login. */
@media(min-width:901px){
  .dashboard-login-card{
    width:min(780px,100%) !important;
    height:min(450px,calc(100vh - 40px)) !important;
    grid-template-columns:minmax(285px,.9fr) minmax(350px,1.1fr) !important;
  }
  .dashboard-login-welcome{padding:28px 30px 25px !important}
  .login-welcome-copy{padding:24px 0 20px !important}
  .login-welcome-copy h1{font-size:38px !important;margin:13px 0 13px !important}
  .login-welcome-copy p{font-size:11px !important;line-height:1.55 !important}
  .login-trust-row{margin-top:17px !important}
  .dashboard-login-form{padding:38px 43px 32px !important}
  .login-form-top{margin-bottom:19px !important}
  .dashboard-login-form h2{font-size:26px !important}
  .login-form-subtitle{margin:7px 0 22px !important;font-size:11px !important}
  .dashboard-login-field-wrap{margin-bottom:13px !important}
  .dashboard-login-button{height:43px !important}
  .dashboard-login-note{margin-top:12px !important}
}
</style>
<style id="aligned-multi-filter-layout">
/* Accounts and Costing use the same responsive filter grid as Billing. */
.account-filter-panel .account-statement-filters-final,
.account-filter-panel .costing-filter-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:8px !important;
  align-items:center !important;
}
.overview-filterbar.costing-filter-panel{
  display:block !important;
}
.overview-filterbar.costing-filter-panel .costing-filter-grid{
  width:100% !important;
}
.account-statement-filters-final > .multi-filter-control,
.costing-filter-grid > .multi-filter-control{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  flex:none !important;
}
.account-statement-filters-final > .multi-filter-control summary,
.costing-filter-grid > .multi-filter-control summary,
.costing-filter-grid > button,
.account-statement-filters-final > select,
.account-statement-filters-final > input:not(.multi-filter-hidden),
.account-statement-filters-final > button{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:37px !important;
  box-sizing:border-box !important;
}
.account-statement-filters-final > .filter-span-2,
.account-statement-filters-final > #accSearch,
.account-statement-filters-final > input[type="search"]{
  grid-column:span 2;
}
@media(max-width:1180px){
  .account-filter-panel .account-statement-filters-final,
  .account-filter-panel .costing-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media(max-width:850px){
  .account-filter-panel .account-statement-filters-final,
  .account-filter-panel .costing-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:560px){
  .account-filter-panel .account-statement-filters-final,
  .account-filter-panel .costing-filter-grid{grid-template-columns:1fr !important;}
  .account-statement-filters-final > .filter-span-2,
  .account-statement-filters-final > #accSearch,
  .account-statement-filters-final > input[type="search"]{grid-column:auto;}
}
</style>
<style id="account-reconciliation-readable-final">
  #accountMonthlyScreen .account-monthly-screen-head h2{font-size:clamp(22px,1.65vw,30px)!important}
  #accountMonthlyScreen .account-monthly-screen-head p{font-size:clamp(11px,.72vw,13px)!important}
  #accountMonthlyScreen .account-monthly-screen-suggestion-kicker{font-size:clamp(9px,.52vw,11px)!important}
  #accountMonthlyScreen .account-monthly-screen-suggestion strong{font-size:clamp(12px,.7vw,14px)!important}
  #accountMonthlyScreen .account-monthly-screen-suggestion p{font-size:clamp(10px,.58vw,12px)!important}
  #accountMonthlyScreen .account-monthly-screen-suggestion button{font-size:clamp(10px,.55vw,12px)!important}
  #accountMonthlyScreen .account-monthly-screen-body .account-monthly-recon-head p{font-size:clamp(11px,.62vw,13px)!important}
  #accountMonthlyScreen .account-monthly-screen-body .account-monthly-account{font-size:clamp(13px,.78vw,16px)!important}
  #accountMonthlyScreen .account-monthly-screen-body .account-bank-period-count{font-size:clamp(10px,.6vw,13px)!important}
  #accountMonthlyScreen .account-monthly-screen-body .account-bank-summary-item span{font-size:clamp(9px,.5vw,11px)!important}
  #accountMonthlyScreen .account-monthly-screen-body .account-bank-summary-item strong{font-size:clamp(11px,.65vw,14px)!important}
  #accountMonthlyScreen .account-monthly-screen-body .account-bank-month-row{font-size:clamp(10px,.62vw,12px)!important}
  #accountMonthlyScreen .account-monthly-screen-body .account-bank-month-row.head{font-size:clamp(9px,.5vw,11px)!important}
  #accountMonthlyScreen .account-monthly-screen-body .account-bank-month-row strong{font-size:clamp(11px,.68vw,14px)!important}
  #accountMonthlyScreen .account-monthly-screen-body .account-bank-month-row small{font-size:clamp(9px,.5vw,11px)!important}
  #accountMonthlyScreen .account-monthly-screen-body .account-bank-month-actions .btn{font-size:clamp(10px,.55vw,12px)!important}
  #accountMonthlyScreen .account-monthly-screen-body .account-monthly-status{font-size:clamp(9px,.55vw,12px)!important}
  #accountMonthlyScreen .account-monthly-screen-body .account-monthly-usage h4{font-size:clamp(9px,.52vw,11px)!important}
  #accountMonthlyScreen .account-monthly-screen-body .account-monthly-usage-row{font-size:clamp(10px,.58vw,12px)!important}
  #accountMonthlyScreen .account-recon-summary-card span{font-size:clamp(9px,.5vw,11px)!important}
  #accountMonthlyScreen .account-recon-summary-card strong{font-size:clamp(16px,1vw,22px)!important}
  #accountMonthlyScreen .account-recon-summary-card small{font-size:clamp(9px,.5vw,11px)!important}
  #accountMonthlyScreen .account-recon-usage-head h3{font-size:clamp(14px,.78vw,17px)!important}
  #accountMonthlyScreen .account-recon-usage-head p{font-size:clamp(10px,.58vw,12px)!important}
  #accountMonthlyScreen .account-recon-usage-tab{font-size:clamp(10px,.55vw,12px)!important}
  #accountMonthlyScreen .account-recon-usage-row label{font-size:clamp(10px,.62vw,13px)!important}
  #accountMonthlyScreen .account-recon-usage-row small{font-size:clamp(9px,.5vw,11px)!important}
  #accountMonthlyScreen .account-recon-usage-row strong{font-size:clamp(10px,.62vw,13px)!important}
  @media(max-width:700px){
    #accountMonthlyScreen .account-monthly-screen-head h2{font-size:22px!important}
    #accountMonthlyScreen .account-monthly-screen-body .account-bank-month-row{font-size:10px!important}
    #accountMonthlyScreen .account-monthly-screen-body .account-bank-month-row strong{font-size:11px!important}
  }
</style>
<style id="account-reconciliation-horizontal-scroll">
  #accountMonthlyScreen .account-monthly-screen-body .account-bank-months{overflow-x:auto;overflow-y:hidden}
  #accountMonthlyScreen .account-monthly-screen-body .account-bank-month-row{grid-template-columns:92px 100px 44px 118px 96px 96px 96px 96px 166px;min-width:960px;width:100%;gap:7px}
  @media(max-width:700px){
    #accountMonthlyScreen .account-monthly-screen-body .account-bank-month-row{display:grid;grid-template-columns:92px 100px 44px 118px 96px 96px 96px 96px 166px;min-width:960px;width:100%;gap:7px}
    #accountMonthlyScreen .account-monthly-screen-body .account-bank-month-row.head{display:grid}
    #accountMonthlyScreen .account-monthly-screen-body .account-bank-month-row:not(.head)>div:before{display:none!important;content:none!important}
    #accountMonthlyScreen .account-monthly-screen-body .account-bank-month-actions{justify-content:flex-start;flex-wrap:nowrap}
  }
</style>
<style id="account-bank-month-filter">
  .account-bank-card-head-actions{position:relative;display:flex;align-items:center;gap:7px;flex:0 0 auto}
  .account-bank-filter{position:relative}
  .account-bank-filter-toggle{position:relative;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #cbd8ee;border-radius:8px;background:#f7f9ff;color:#3156c7;cursor:pointer}
  .account-bank-filter-toggle:hover,.account-bank-filter-toggle.active{border-color:#315efb;background:#edf2ff}
  .account-bank-filter-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
  .account-bank-filter-toggle i{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#315efb}
  .account-bank-filter-popover{position:absolute;top:34px;right:0;z-index:30;width:230px;padding:12px;border:1px solid #d8e2f0;border-radius:11px;background:#fff;box-shadow:0 16px 32px rgba(28,55,95,.16)}
  .account-bank-filter-popover[hidden]{display:none}
  .account-bank-filter-popover strong{display:block;color:#19365e;font-size:10px}.account-bank-filter-popover small{display:block;margin-top:3px;color:#8794ab;font-size:8px}
  .account-bank-filter-field{display:block;margin-top:10px;color:#667085;font-size:8px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.account-bank-filter-field select{display:block;width:100%;height:30px;margin-top:5px;padding:5px 8px;border:1px solid #d4dff0;border-radius:7px;background:#fff;color:#294364;font-size:10px}
  .account-bank-filter-check{display:flex;align-items:center;gap:7px;margin-top:10px;color:#536680;font-size:9px;font-weight:750;text-transform:none;letter-spacing:0}.account-bank-filter-check input{width:14px;height:14px;accent-color:#315efb}
  .account-bank-filter-reset{width:100%;height:28px;margin-top:10px;border:1px solid #d4dff0;border-radius:7px;background:#f7f9ff;color:#3156c7;font-size:9px;font-weight:850;cursor:pointer}.account-bank-filter-reset:hover{border-color:#9db4ed;background:#edf2ff}
  .account-bank-month-empty{padding:12px 0;color:#8794ab;font-size:9px}
  @media(max-width:700px){.account-bank-filter-popover{right:-4px;width:220px}.account-bank-card-head-actions{gap:5px}}
</style>
<style id="account-bank-usage-chart-table">
  .account-bank-usage{margin-top:12px;padding:12px 14px;border:1px solid #e1e8f3;border-radius:12px;background:linear-gradient(180deg,#fbfdff,#f7faff)}
  .account-bank-usage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
  .account-bank-usage-title{min-width:0}.account-bank-usage-title h4{margin:0;color:#19365e;font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.account-bank-usage-title p{margin:4px 0 0;color:#71819b;font-size:9px}
  .account-bank-usage-total{flex:0 0 auto;text-align:right}.account-bank-usage-total span{display:block;color:#8794ab;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.account-bank-usage-total strong{display:block;margin-top:3px;color:#19365e;font-size:12px;white-space:nowrap}
  .account-bank-usage-controls{display:flex;gap:6px;margin:10px 0 9px}.account-bank-usage-toggle{height:28px;padding:5px 11px;border:1px solid #cbd8ee;border-radius:8px;background:#fff;color:#536680;font-size:9px;font-weight:850;cursor:pointer}.account-bank-usage-toggle:hover{border-color:#9db4ed;color:#3156c7;background:#f3f6ff}.account-bank-usage-toggle.active{border-color:#315efb;background:#315efb;color:#fff;box-shadow:0 4px 10px rgba(49,94,251,.16)}
  .account-bank-usage-chart{display:grid;gap:7px}.account-bank-usage-chart-row{display:grid;grid-template-columns:24px minmax(120px,1.1fr) minmax(100px,1.7fr) auto;align-items:center;gap:8px;min-width:0}.account-bank-usage-rank{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#eaf0ff;color:#3156c7;font-size:9px;font-weight:850}.account-bank-usage-chart-row:nth-child(1) .account-bank-usage-rank{background:#fff1c7;color:#9a6700}.account-bank-usage-chart-row:nth-child(2) .account-bank-usage-rank{background:#edf1f7;color:#536680}.account-bank-usage-chart-row:nth-child(3) .account-bank-usage-rank{background:#f9e8d8;color:#9b5a1c}.account-bank-usage-label{min-width:0;color:#294364;font-size:10px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-bank-usage-bar{height:7px;border-radius:999px;background:#e5edf8;overflow:hidden}.account-bank-usage-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#315efb,#72a3ff)}.account-bank-usage-chart-row>span:last-child{display:flex;align-items:baseline;justify-content:flex-end;gap:6px}.account-bank-usage-chart-row strong{color:#19365e;font-size:10px;text-align:right;white-space:nowrap}.account-bank-usage-share{color:#8794ab;font-size:9px;text-align:right;white-space:nowrap}
  .account-bank-usage-tablewrap{overflow:auto;border:1px solid #e1e8f3;border-radius:9px;background:#fff}.account-bank-usage-table{width:100%;min-width:600px;border-collapse:collapse}.account-bank-usage-table th,.account-bank-usage-table td{padding:8px 9px;border-bottom:1px solid #edf1f6;text-align:left;font-size:9px;white-space:nowrap}.account-bank-usage-table th{color:#7b8ca6;background:#f7faff;font-size:8px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.account-bank-usage-table td{color:#294364}.account-bank-usage-table td:first-child{width:42px;color:#3156c7;font-weight:850}.account-bank-usage-table td:nth-child(n+3),.account-bank-usage-table th:nth-child(n+3){text-align:right}.account-bank-usage-table tbody tr:last-child td{border-bottom:0}.account-bank-usage-empty{padding:12px;color:#8794ab;background:#fff;border:1px dashed #d7e0ee;border-radius:9px;font-size:10px}
  @media(max-width:700px){.account-bank-usage{padding:11px}.account-bank-usage-chart-row{grid-template-columns:24px minmax(90px,1fr) minmax(80px,1.4fr) auto;gap:6px}.account-bank-usage-title h4{font-size:10px}.account-bank-usage-total strong{font-size:11px}.account-bank-usage-chart-row strong{font-size:9px}.account-bank-usage-share{font-size:8px}}
</style>
<style id="audit-final-responsive-fixes">
  /* Keep dense dashboard modules inside the viewport on narrow screens. */
  @media(max-width:700px){
    .dashboard-login-screen{
      align-items:flex-start!important;
      justify-content:flex-start!important;
      min-height:100svh!important;
      box-sizing:border-box!important;
      padding:12px!important;
      padding-bottom:24px!important;
    }
    .dashboard-login-card{
      height:auto!important;
      max-height:none!important;
      margin:0 auto!important;
    }
    .overview-filterbar .filter-controls,
    .overview-filterbar .compact-filter-controls{
      display:grid!important;
      grid-template-columns:1fr!important;
      width:100%!important;
    }
    .overview-filterbar .compact-filter-controls > *{
      width:100%!important;
      min-width:0!important;
    }
    .account-source-diagnostics-head,
    .account-monthly-recon-head,
    .account-recon-breaks-head,
    .account-bank-card-head,
    .account-monthly-card-head,
    #accountMonthlyScreen .account-monthly-screen-head{
      flex-direction:column!important;
      align-items:stretch!important;
    }
    .account-source-diagnostics-head .account-source-actions,
    .account-monthly-head-actions,
    .account-bank-card-head-actions{
      width:100%!important;
      justify-content:flex-start!important;
      flex-wrap:wrap!important;
    }
    .account-monthly-open-btn{width:100%!important}
    .account-monthly-status{align-self:flex-start!important}
    #accountMonthlyScreen .account-monthly-screen-close{align-self:flex-start!important}
    .invoice-register-wrap{position:relative!important}
    .invoice-register th:first-child,
    .invoice-register td:first-child{
      position:sticky!important;
      left:0!important;
      background:#fff!important;
      box-shadow:2px 0 4px rgba(16,24,40,.06)!important;
    }
    .invoice-register thead th:first-child{z-index:6!important;background:#f4f7fb!important}
    .invoice-register tbody tr:nth-child(even) td:first-child{background:#fbfcfe!important}
  }
  @media(max-width:320px){
    html,body{min-width:0!important;width:100%!important}
    body,.app,.main,.sidebar{min-width:0!important;max-width:100%!important}
  }
</style>
<style id="overview-grid-alignment">
@media (min-width:1181px){
  .overview-row{
    grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important;
  }
}
</style>
<style id="account-date-premium-compact">
.account-date-range{
  grid-column:auto;
  justify-self:start!important;
  width:min(100%,260px)!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  cursor:pointer;
  height:37px!important;
  padding:0 9px 0 12px!important;
  box-sizing:border-box!important;
  border:1px solid #cbd6ea!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7f9fe 100%)!important;
  box-shadow:inset 0 1px 2px rgba(31,51,88,.04),0 1px 2px rgba(31,51,88,.04)!important;
}
.account-date-calendar{
  position:relative;
  flex:none;
  width:13px;
  height:12px;
  border:1.4px solid #8492a8;
  border-radius:2px;
  box-sizing:border-box;
}
.account-date-calendar:before{
  content:'';
  position:absolute;
  left:0;right:0;top:3px;
  border-top:1.4px solid #8492a8;
}
.account-date-calendar:after{
  content:'';
  position:absolute;
  left:3px;top:-2.5px;
  width:5px;height:3px;
  border-left:1.4px solid #8492a8;
  border-right:1.4px solid #8492a8;
}
.account-date-range-label{
  flex:none;
  color:#71809b;
  font-size:8px;
  font-weight:850;
  letter-spacing:.11em;
  line-height:1;
  white-space:nowrap;
}
.account-date-range-value{
  flex:1 1 0!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  color:#344054!important;
  font-size:11px!important;
  font-weight:650!important;
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.account-date-range:focus-within{
  border-color:#8ea7ec!important;
  box-shadow:0 0 0 3px rgba(73,109,255,.10),inset 0 1px 2px rgba(31,51,88,.04)!important;
}
.account-date-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  border:0!important;
  padding:0!important;
}
.account-date-range:has(#accountDatePicker:not([hidden])){z-index:120!important}
.account-date-picker{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  z-index:300;
  display:flex;
  width:min(650px,calc(100vw - 28px));
  min-height:332px;
  color:#344054;
  background:#fff;
  border:1px solid #d7dfed;
  border-radius:12px;
  box-shadow:0 20px 45px rgba(20,35,75,.18),0 4px 12px rgba(20,35,75,.08);
  overflow:hidden;
  text-align:left;
  cursor:default;
}
.account-date-picker[hidden]{display:none!important}
.account-report-date-range{position:relative!important;z-index:301!important}
.account-report-date-picker{position:absolute!important;z-index:410!important;max-height:calc(100vh - 24px);overflow:auto}
.account-date-picker button{box-sizing:border-box!important;flex:none!important;min-width:0!important;max-width:none!important}
.account-date-presets{
  flex:0 0 126px;
  padding:16px 8px 12px;
  border-right:1px solid #edf0f5;
  background:#fbfcfe;
}
.account-date-presets-title{
  padding:0 10px 10px;
  color:#98a2b3;
  font-size:8px;
  font-weight:850;
  letter-spacing:.12em;
}
.account-date-presets button{
  display:block;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:30px!important;
  flex:none!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:6px;
  background:transparent!important;
  color:#667085!important;
  font:600 10px/1 inherit!important;
  text-align:left;
  cursor:pointer;
}
.account-date-presets button:hover,
.account-date-presets button.is-active{background:#eef3ff!important;color:#315efb!important}
.account-date-picker-main{flex:1;min-width:0;padding:14px 14px 11px}
.account-date-picker-toolbar{
  display:grid;
  grid-template-columns:28px 1fr 1fr 28px;
  align-items:center;
  gap:8px;
  margin-bottom:9px;
}
.account-date-picker-toolbar>span{
  color:#344054;
  font-size:11px;
  font-weight:800;
  text-align:center;
}
.account-date-picker-toolbar button{
  width:28px!important;height:28px!important;
  min-width:28px!important;max-width:28px!important;
  flex:none!important;
  padding:0!important;
  border:0!important;border-radius:6px;
  background:#f5f7fb!important;color:#667085!important;
  font-size:18px!important;line-height:1;cursor:pointer;
}
.account-date-picker-toolbar button:hover{background:#eaf0ff;color:#315efb}
.account-date-calendars{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.account-date-calendar-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:2px;
}
.account-date-weekday{
  padding:2px 0 6px;
  color:#98a2b3;
  font-size:8px;
  font-weight:800;
  text-align:center;
}
.account-date-picker .account-date-day{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:27px!important;
  flex:none!important;
  padding:0!important;
  border:0!important;
  border-radius:5px;
  background:transparent!important;
  color:#475467!important;
  font-size:10px!important;
  font-weight:400!important;
  text-align:center!important;
  cursor:pointer;
}
.account-date-picker .account-date-day:hover{background:#edf2ff!important;color:#315efb!important}
.account-date-picker .account-date-day.is-muted{color:#c5ccd8!important}
.account-date-picker .account-date-day.is-in-range{background:#f0f5ff!important;color:#315ebc!important;border-radius:0}
.account-date-picker .account-date-day.is-start,
.account-date-picker .account-date-day.is-end{background:#315efb!important;color:#fff!important;font-weight:800!important;border-radius:5px}
.account-date-picker-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid #edf0f5;
}
.account-date-picker-footer>span{
  min-width:0;
  color:#667085;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.account-date-picker-footer button{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:30px!important;
  flex:none!important;
  padding:0 14px!important;
  border-radius:6px;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.account-date-picker-cancel{border:1px solid #d5dbe7!important;background:#fff!important;color:#667085!important}
.account-date-picker-apply{border:1px solid #315efb!important;background:#315efb!important;color:#fff!important;margin-left:7px;box-shadow:0 5px 10px rgba(49,94,251,.18)}
@media(max-width:560px){
  .account-date-range{
    grid-column:auto;
    width:100%!important;
    max-width:none!important;
    justify-self:stretch!important;
  }
  .account-date-picker{left:0;width:min(650px,calc(100vw - 24px));}
  .account-date-presets{flex-basis:104px;padding-left:5px;padding-right:5px}
  .account-date-picker-main{padding-left:8px;padding-right:8px}
  .account-date-calendars{gap:5px}
}
@media(min-width:561px) and (max-width:1180px){
  .account-date-range{
    grid-column:span 2;
    width:min(100%,390px)!important;
  }
}
</style>
<style id="premium-kpi-cards">
.kpis .kpi-card{
  --kpi-accent:#5b74e8;
  --kpi-tint:#eef2ff;
  position:relative!important;
  min-height:154px!important;
  padding:20px 20px 17px!important;
  border:1px solid #edf0f5!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(27,43,79,.055)!important;
  overflow:hidden!important;
  container-type:inline-size;
}
.kpis .kpi-card::before{display:none!important}
.kpis .kpi-card:nth-child(6n+1){--kpi-accent:#5474df;--kpi-tint:#edf1ff}
.kpis .kpi-card:nth-child(6n+2){--kpi-accent:#e29a2d;--kpi-tint:#fff4df}
.kpis .kpi-card:nth-child(6n+3){--kpi-accent:#e87547;--kpi-tint:#fff0e9}
.kpis .kpi-card:nth-child(6n+4){--kpi-accent:#d94d91;--kpi-tint:#ffedf6}
.kpis .kpi-card:nth-child(6n+5){--kpi-accent:#20a979;--kpi-tint:#e9fbf4}
.kpis .kpi-card:nth-child(6n){--kpi-accent:#815bd6;--kpi-tint:#f3edff}
.kpi-card-head{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.kpi-icon{
  position:relative;
  flex:none;
  width:34px;
  height:34px;
  border-radius:11px;
  background:var(--kpi-tint);
  color:var(--kpi-accent);
}
.kpi-icon:before{
  content:'';
  position:absolute;
  left:10px;
  bottom:9px;
  width:3px;
  height:8px;
  border-radius:3px;
  background:currentColor;
  box-shadow:6px -4px 0 currentColor,12px 2px 0 currentColor;
  opacity:.82;
}
.kpis .kpi-card .label{
  min-width:0;
  margin:0!important;
  color:#182230!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:left!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kpi-info{
  display:grid;
  place-items:center;
  flex:none;
  width:15px;
  height:15px;
  margin-left:auto;
  border:1px solid #aeb7c5;
  border-radius:50%;
  color:#98a2b3;
  font-size:9px;
  font-weight:800;
  line-height:1;
}
.kpi-card-body{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  min-height:82px;
  padding-top:14px;
}
.kpi-card-copy{min-width:0}
.kpis .kpi-card .value,
.kpis .kpi-card .value.kpi-fit,
.kpis .kpi-card .value.kpi-fit-small{
  margin:0!important;
  color:#101828!important;
  font-size:clamp(23px,2.15cqw,31px)!important;
  font-weight:780!important;
  letter-spacing:-.045em!important;
  line-height:1.05!important;
  text-align:left!important;
  white-space:nowrap;
}
.kpis .kpi-card .value.kpi-fit{font-size:clamp(18px,1.65cqw,25px)!important}
.kpis .kpi-card .value.kpi-fit-small{font-size:clamp(16px,1.4cqw,21px)!important}
.kpis .kpi-card .meta{
  max-width:190px;
  margin-top:7px!important;
  color:#667085!important;
  font-size:10px!important;
  line-height:1.35!important;
  text-align:left!important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.kpi-spark{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  flex:none;
  width:78px;
  height:46px;
  gap:5px;
  padding-bottom:2px;
  opacity:.72;
}
.kpi-spark i{
  display:block;
  width:7px;
  height:22px;
  border-radius:7px 7px 2px 2px;
  background:linear-gradient(180deg,var(--kpi-accent),var(--kpi-tint));
}
.kpi-spark i:nth-child(1){height:15px}.kpi-spark i:nth-child(2){height:28px}.kpi-spark i:nth-child(3){height:20px}.kpi-spark i:nth-child(4){height:34px}.kpi-spark i:nth-child(5){height:24px}.kpi-spark i:nth-child(6){height:39px}
.kpis .kpi-card.negative-kpi .value{color:#c2413b!important}
.kpis .kpi-card.pending-return-positive-kpi .value{color:#0d8b62!important}
@media(max-width:760px){
  .kpi-spark{width:62px;gap:3px}
  .kpi-spark i{width:6px}
}
@media(max-width:560px){
  .kpis .kpi-card{min-height:142px!important;padding:17px!important}
  .kpi-spark{width:58px}
}
</style>
<style id="kpi-visual-variants">
.kpis .kpi-card .label{text-transform:none!important;letter-spacing:-.01em!important}
.kpis .kpi-card:nth-child(6n+1) .kpi-spark,
.kpis .kpi-card:nth-child(6n+3) .kpi-spark,
.kpis .kpi-card:nth-child(6n+4) .kpi-spark{
  position:relative;
  display:block;
  height:46px;
}
.kpis .kpi-card:nth-child(6n+1) .kpi-spark:after,
.kpis .kpi-card:nth-child(6n+3) .kpi-spark:after{
  content:'';
  position:absolute;
  inset:10px 0 0;
  background:linear-gradient(180deg,var(--kpi-tint),transparent);
  clip-path:polygon(0 60%,16% 27%,32% 44%,48% 37%,64% 53%,80% 20%,100% 34%,100% 100%,0 100%);
  opacity:.9;
}
.kpis .kpi-card:nth-child(6n+1) .kpi-spark:before,
.kpis .kpi-card:nth-child(6n+3) .kpi-spark:before,
.kpis .kpi-card:nth-child(6n+4) .kpi-spark:before{
  content:'';
  position:absolute;
  inset:9px 0 0;
  background:var(--kpi-accent);
  clip-path:polygon(0 58%,16% 25%,32% 42%,48% 35%,64% 51%,80% 18%,100% 32%,100% 36%,80% 23%,64% 55%,48% 39%,32% 48%,16% 31%,0 64%);
  opacity:.85;
}
.kpis .kpi-card:nth-child(6n+1) .kpi-spark i,
.kpis .kpi-card:nth-child(6n+3) .kpi-spark i,
.kpis .kpi-card:nth-child(6n+4) .kpi-spark i{
  position:absolute;
  z-index:2;
  width:6px;
  height:6px;
  border:2px solid #fff;
  border-radius:50%;
  background:var(--kpi-accent);
  box-shadow:0 0 0 1px var(--kpi-accent);
}
.kpis .kpi-card:nth-child(6n+1) .kpi-spark i:nth-child(1),
.kpis .kpi-card:nth-child(6n+3) .kpi-spark i:nth-child(1),
.kpis .kpi-card:nth-child(6n+4) .kpi-spark i:nth-child(1){left:0;bottom:18px}
.kpis .kpi-card:nth-child(6n+1) .kpi-spark i:nth-child(2),
.kpis .kpi-card:nth-child(6n+3) .kpi-spark i:nth-child(2),
.kpis .kpi-card:nth-child(6n+4) .kpi-spark i:nth-child(2){left:19%;bottom:32px}
.kpis .kpi-card:nth-child(6n+1) .kpi-spark i:nth-child(3),
.kpis .kpi-card:nth-child(6n+3) .kpi-spark i:nth-child(3),
.kpis .kpi-card:nth-child(6n+4) .kpi-spark i:nth-child(3){left:39%;bottom:24px}
.kpis .kpi-card:nth-child(6n+1) .kpi-spark i:nth-child(4),
.kpis .kpi-card:nth-child(6n+3) .kpi-spark i:nth-child(4),
.kpis .kpi-card:nth-child(6n+4) .kpi-spark i:nth-child(4){left:58%;bottom:29px}
.kpis .kpi-card:nth-child(6n+1) .kpi-spark i:nth-child(5),
.kpis .kpi-card:nth-child(6n+3) .kpi-spark i:nth-child(5),
.kpis .kpi-card:nth-child(6n+4) .kpi-spark i:nth-child(5){left:78%;bottom:37px}
.kpis .kpi-card:nth-child(6n+1) .kpi-spark i:nth-child(6),
.kpis .kpi-card:nth-child(6n+3) .kpi-spark i:nth-child(6),
.kpis .kpi-card:nth-child(6n+4) .kpi-spark i:nth-child(6){right:0;bottom:31px}
.kpis .kpi-card:nth-child(6n+4) .kpi-spark:after{display:none}
.kpis .kpi-card:nth-child(6n+2) .kpi-spark i:nth-child(1){height:12px}
.kpis .kpi-card:nth-child(6n+2) .kpi-spark i:nth-child(2){height:24px}
.kpis .kpi-card:nth-child(6n+2) .kpi-spark i:nth-child(3){height:34px}
.kpis .kpi-card:nth-child(6n+2) .kpi-spark i:nth-child(4){height:19px}
.kpis .kpi-card:nth-child(6n+2) .kpi-spark i:nth-child(5){height:29px}
.kpis .kpi-card:nth-child(6n+2) .kpi-spark i:nth-child(6){height:40px}
.kpis .kpi-card:nth-child(6n+5) .kpi-spark i{width:5px;border-radius:50% 50% 2px 2px;opacity:.65}
.kpis .kpi-card:nth-child(6n+5) .kpi-spark i:nth-child(1){height:9px}
.kpis .kpi-card:nth-child(6n+5) .kpi-spark i:nth-child(2){height:22px}
.kpis .kpi-card:nth-child(6n+5) .kpi-spark i:nth-child(3){height:15px}
.kpis .kpi-card:nth-child(6n+5) .kpi-spark i:nth-child(4){height:31px}
.kpis .kpi-card:nth-child(6n+5) .kpi-spark i:nth-child(5){height:19px}
.kpis .kpi-card:nth-child(6n+5) .kpi-spark i:nth-child(6){height:35px}
</style>
<style id="kpi-chart-quality">
.kpis .kpi-card{min-height:162px!important}
.kpis .kpi-card .value,
.kpis .kpi-card .value.kpi-fit,
.kpis .kpi-card .value.kpi-fit-small{
  font-size:clamp(26px,2.35cqw,32px)!important;
}
.kpis .kpi-card .value.kpi-fit{font-size:clamp(21px,1.9cqw,27px)!important}
.kpis .kpi-card .value.kpi-fit-small{font-size:clamp(20px,1.75cqw,24px)!important}
.kpis .kpi-card .meta{font-size:10.5px!important;line-height:1.38!important}
.kpi-card-body{gap:6px!important}
.kpi-spark{width:64px!important;height:52px!important;opacity:.78}
.kpi-spark-line{display:none;width:100%;height:100%;overflow:visible;color:var(--kpi-accent)}
.kpi-spark-line .spark-fill{fill:currentColor;opacity:.14}
.kpi-spark-line .spark-stroke{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kpi-spark-line circle{fill:currentColor;stroke:#fff;stroke-width:2}
.kpi-bars{display:flex;align-items:flex-end;justify-content:flex-end;gap:5px;width:100%;height:100%}
.kpi-bars i{position:static!important;width:7px!important;height:22px!important;min-width:0!important;max-width:none!important;border:0!important;border-radius:7px 7px 2px 2px!important;background:linear-gradient(180deg,var(--kpi-accent),var(--kpi-tint))!important;box-shadow:none!important;opacity:.78!important}
.kpi-bars i:nth-child(1){height:15px!important}.kpi-bars i:nth-child(2){height:28px!important}.kpi-bars i:nth-child(3){height:20px!important}.kpi-bars i:nth-child(4){height:34px!important}.kpi-bars i:nth-child(5){height:24px!important}.kpi-bars i:nth-child(6){height:39px!important}
.kpis .kpi-card:nth-child(6n+1) .kpi-spark,
.kpis .kpi-card:nth-child(6n+3) .kpi-spark,
.kpis .kpi-card:nth-child(6n+4) .kpi-spark{display:block!important;position:relative}
.kpis .kpi-card:nth-child(6n+1) .kpi-spark-line,
.kpis .kpi-card:nth-child(6n+3) .kpi-spark-line,
.kpis .kpi-card:nth-child(6n+4) .kpi-spark-line{display:block}
.kpis .kpi-card:nth-child(6n+1) .kpi-bars,
.kpis .kpi-card:nth-child(6n+3) .kpi-bars,
.kpis .kpi-card:nth-child(6n+4) .kpi-bars{display:none}
.kpis .kpi-card:nth-child(6n+1) .kpi-spark:before,
.kpis .kpi-card:nth-child(6n+1) .kpi-spark:after,
.kpis .kpi-card:nth-child(6n+3) .kpi-spark:before,
.kpis .kpi-card:nth-child(6n+3) .kpi-spark:after,
.kpis .kpi-card:nth-child(6n+4) .kpi-spark:before,
.kpis .kpi-card:nth-child(6n+4) .kpi-spark:after{display:none!important;content:none!important}
@media(max-width:760px){
  .kpi-spark{width:72px!important}
  .kpi-bars{gap:3px}
  .kpi-bars i{width:6px!important}
}
@media(max-width:560px){
  .kpis .kpi-card{min-height:148px!important}
  .kpi-spark{width:64px!important}
}
@media(min-width:1200px){
  .kpis{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .kpis.costing-seema-kpis,
  .kpis.settlement-kpis,
  .kpis.account-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(min-width:2400px){
  .kpis{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
</style>
<style id="billing-overview-kpi-responsive">
/* Billing Overview adapts by available screen width without changing KPI content. */
.billing-overview-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media (min-width:901px) and (max-width:1399px){
  .billing-overview-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:900px){
  .billing-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
</style>
<style id="dashboard-kpi-responsive-final">
/* Keep every KPI family balanced at medium widths; section calculations are unchanged. */
@media (min-width:901px){
  #costingPageBody > .kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (min-width:901px) and (max-width:1199px){
  #costingPageBody > .kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:480px){
  #costingPageBody > .kpis{grid-template-columns:1fr!important}
}
@media (min-width:901px) and (max-width:1399px){
  .kpis:not(.billing-overview-kpis):not(.settlement-kpis):not(.account-kpis):not(.costing-seema-kpis):not(.billing-fixed-kpis):not(.report-overview-kpis):not(.report-summary-kpis){
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .settlement-kpis,
  #financeArea .billing-fixed-kpis,
  #content .account-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .report-overview-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .report-summary-kpis:not(.report-two-kpis){grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .report-two-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
</style>
<style id="kpi-layout-consistency-final">
/* Match Overview's readable card width across the other dashboard sections. */
@media (min-width:901px){
  #content .account-kpis > .card{grid-column:auto!important}
  #content .account-kpis .kpi-card .value{text-align:left!important}
}
@media (min-width:901px) and (max-width:1599px){
  .kpis:not(.report-two-kpis),
  #costingPageBody > .kpis,
  #financeArea .billing-fixed-kpis,
  #content .account-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #financeArea .billing-fixed-kpis,
  #content .account-kpis,
  .settlement-kpis,
  .report-summary-kpis:not(.report-two-kpis){grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #financeArea .billing-fixed-kpis > .card:last-child:nth-child(3n+1),
  #financeArea .billing-fixed-kpis > .card:nth-last-child(2):nth-child(3n+1),
  #content .account-kpis > .card:last-child:nth-child(3n+1),
  #content .account-kpis > .card:nth-last-child(2):nth-child(3n+1){grid-column:auto!important}
  .kpis > .card:last-child:nth-child(3n+1),
  .kpis > .card:nth-last-child(2):nth-child(3n+1){grid-column:2}
  #costingPageBody > .kpis > .card:last-child:nth-child(3n+1),
  #costingPageBody > .kpis > .card:nth-last-child(2):nth-child(3n+1){grid-column:auto!important}
  .report-two-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
</style>
<style id="accounts-data-visibility-final">
/* Preserve a usable Statement Data viewport when desktop height is short. */
@media (max-height:720px) and (min-width:901px){
  #content .account-statement-fixed-shell{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  #content .account-statement-fixed-shell .account-filter-panel{
    padding:6px 10px!important;
    margin-bottom:6px!important;
  }
  #content .account-statement-fixed-shell .filter-title{margin-bottom:3px!important}
  #content .account-statement-fixed-shell .account-statement-filters-final{gap:4px!important}
  #content .account-statement-fixed-shell .account-statement-filters-final input,
  #content .account-statement-fixed-shell .account-statement-filters-final select,
  #content .account-statement-fixed-shell .account-statement-filters-final button{height:30px!important;font-size:9px!important}
  #content .account-source-compact{min-height:32px!important;padding:6px 10px!important;margin-top:8px!important}
  #content .account-source-compact .source-main{font-size:9px!important}
  #content .account-statement-fixed-shell .account-statement-filters-final .multi-filter-control summary,
  #content .account-statement-fixed-shell .account-date-range{height:28px!important;min-height:28px!important}
  #content .account-statement-fixed-shell .account-kpis{gap:8px!important}
  #content .account-statement-fixed-shell .account-kpis .kpi-card{min-height:112px!important;padding:10px!important}
  #content .account-statement-fixed-shell .account-kpis .kpi-card-body{min-height:58px!important;padding-top:8px!important}
  #content .account-statement-fixed-shell .account-kpis .kpi-card .value{font-size:18px!important}
  #content .account-statement-fixed-shell .account-monthly-entry{margin:1px 0 3px!important;padding:3px 6px!important}
  #content .account-statement-fixed-shell .account-monthly-entry-btn{height:32px!important;min-width:180px!important}
  #content .account-statement-fixed-shell .statement-section-head{margin-top:2px!important;padding-top:3px!important;padding-bottom:3px!important}
  #content .account-statement-fixed-shell .account-statement-tablewrap{
    flex:0 0 auto!important;
    max-height:calc(100vh - 300px)!important;
    min-height:260px!important;
    height:auto!important;
  }
}
</style>
<style id="billing-data-visibility-final">
/* Preserve Invoice Register visibility when desktop height is short. */
@media (max-height:720px) and (min-width:901px){
  #financeArea .billing-fixed-shell{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  #financeArea .billing-fixed-shell .billing-dashboard-filterbar{
    padding:8px 10px!important;
    margin-bottom:8px!important;
  }
  #financeArea .billing-dashboard-filterbar .billing-filter-title{margin-bottom:5px!important}
  #financeArea .billing-dashboard-filterbar .billing-filter-grid{gap:4px!important}
  #financeArea .billing-dashboard-filterbar .multi-filter-control summary,
  #financeArea .billing-dashboard-filterbar input,
  #financeArea .billing-dashboard-filterbar select,
  #financeArea .billing-dashboard-filterbar button{height:30px!important;min-height:30px!important;font-size:9px!important}
  #financeArea .billing-dashboard-filterbar .billing-filter-meta{margin-top:5px!important;font-size:9px!important}
  #financeArea .billing-fixed-shell .billing-fixed-kpis{gap:8px!important}
  #financeArea .billing-fixed-shell .billing-fixed-kpis .kpi-card{min-height:112px!important;padding:10px!important}
  #financeArea .billing-fixed-shell .billing-fixed-kpis .kpi-card-body{min-height:58px!important;padding-top:8px!important}
  #financeArea .billing-fixed-shell .billing-fixed-kpis .kpi-card .value{font-size:18px!important}
  #financeArea .billing-fixed-shell .billing-invoice-section-head{padding:4px 0 5px!important}
  #financeArea .billing-fixed-shell .invoice-register-wrap{
    flex:0 0 auto!important;
    max-height:calc(100vh - 300px)!important;
    min-height:260px!important;
    height:auto!important;
  }
}
</style>
<style id="login-reference-polish">
.dashboard-login-screen{
  background:linear-gradient(135deg,#eef4ff 0%,#f9fbff 56%,#edf9f7 100%)!important;
}
.dashboard-login-screen:before{
  background:radial-gradient(circle at 14% 20%,rgba(83,119,255,.16),transparent 30%),radial-gradient(circle at 88% 76%,rgba(36,190,165,.13),transparent 28%)!important;
  opacity:1!important;
}
.dashboard-login-screen:after{opacity:.04!important;mask-image:none!important}
.dashboard-login-card{
  width:min(1080px,100%)!important;
  min-height:590px!important;
  border:1px solid #e0e7f2!important;
  border-radius:26px!important;
  box-shadow:0 28px 80px rgba(37,62,117,.18)!important;
}
.dashboard-login-welcome{
  padding:44px 52px!important;
  background:linear-gradient(155deg,#315dcc 0%,#203e96 54%,#10235a 100%)!important;
}
.dashboard-login-welcome:before{
  right:-205px!important;
  top:-160px!important;
  opacity:.7;
}
.dashboard-login-welcome:after{
  display:block!important;
  z-index:3!important;
  inset:-24px -24px -24px auto!important;
  width:48px!important;
  opacity:1!important;
  background:radial-gradient(circle at 24px 24px,#fff 0 23px,transparent 23.7px) 0 0/48px 48px repeat-y!important;
  animation:none!important;
}
.dashboard-login-welcome .login-welcome-copy{padding:66px 0 48px!important}
.dashboard-login-welcome .login-welcome-copy h1{font-size:46px!important;line-height:1.02!important}
.dashboard-login-welcome .login-welcome-copy p{max-width:360px!important;color:rgba(240,245,255,.78)!important}
.dashboard-login-form{
  padding:64px 76px 52px!important;
  background:#fff!important;
}
.dashboard-login-form h2{font-size:32px!important;color:#1b2b4a!important}
.login-form-subtitle{margin-bottom:34px!important;color:#7d8aa1!important}
.dashboard-login-field-wrap{margin-bottom:22px!important}
.dashboard-login-field{
  height:43px!important;
  padding:0 42px 0 12px!important;
  border:0!important;
  border-bottom:1px solid #cbd3df!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#1d2a42!important;
}
.dashboard-login-field:focus{
  border-color:#5276ee!important;
  box-shadow:0 1px 0 #5276ee!important;
  background:transparent!important;
}
.dashboard-login-eye{right:0!important;top:6px!important}
.dashboard-login-button{
  align-self:flex-start!important;
  width:138px!important;
  height:42px!important;
  margin-top:8px!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#5276ee,#3155cf)!important;
  box-shadow:0 9px 18px rgba(54,84,205,.20)!important;
}
.dashboard-login-button span{
  display:block!important;
  max-width:72px!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.05!important;
}
.dashboard-login-note{justify-content:flex-start!important;margin-top:23px!important}
@media(max-width:720px){
  .dashboard-login-card{width:min(470px,100%)!important;min-height:0!important}
  .dashboard-login-welcome{padding:30px 28px!important}
  .dashboard-login-welcome:after{display:none!important}
  .dashboard-login-welcome .login-welcome-copy{padding:38px 0 30px!important}
  .dashboard-login-welcome .login-welcome-copy h1{font-size:34px!important}
  .dashboard-login-form{padding:42px 28px 34px!important}
}
</style>
<style id="account-reconciliation-clean-refresh">
/* Calm premium treatment for reconciliation without changing its data or actions. */
.account-monthly-entry,
.account-monthly-recon{
  border:1px solid #e5ebf3!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(27,45,78,.05)!important;
}
.account-monthly-entry{margin:10px 0 12px!important;padding:12px 14px!important;border-radius:12px!important;box-shadow:none!important;background:#fbfcff!important}
.account-monthly-entry-head{gap:16px!important}
.account-monthly-entry-kicker{color:#6c82b1!important;font-size:9px!important;letter-spacing:.12em!important}
.account-monthly-entry-title{margin-top:4px!important;color:#1c3155!important;font-size:13px!important;letter-spacing:-.01em!important}
.account-monthly-entry-sub{max-width:760px!important;margin-top:4px!important;color:#7b8aa1!important;font-size:9px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.account-monthly-entry-btn{min-width:184px!important;height:42px!important;border:1px solid #d7e2f5!important;border-radius:10px!important;background:#f4f7ff!important;color:#3156a8!important;box-shadow:none!important}
.account-monthly-entry-btn-copy{gap:0!important}
.account-monthly-entry-btn-copy small{display:none!important}
.account-monthly-entry-btn-copy strong{color:#284b91!important;font-size:10px!important}
.account-monthly-entry-btn-arrow{width:24px!important;height:24px!important;border-color:#cbd9f0!important;background:#eaf0ff!important;color:#3156a8!important;font-size:14px!important}
.account-monthly-entry-btn:hover{border-color:#b9c9e7!important;background:#edf3ff!important;box-shadow:0 7px 16px rgba(49,86,168,.10)!important}
.account-monthly-recon{margin:14px 0 16px!important;padding:18px 18px 20px!important}
.account-monthly-recon-head{padding-bottom:14px!important;border-bottom:1px solid #eef2f7!important;margin-bottom:14px!important}
.account-monthly-recon-head h3{color:#1c3155!important;font-size:16px!important;letter-spacing:-.02em!important}
.account-monthly-recon-head p{max-width:760px!important;color:#7b8aa1!important;line-height:1.5!important}
.account-monthly-open-btn{border-color:#d7e2f5!important;background:#f4f7ff!important;color:#3156a8!important}
.account-monthly-open-btn:hover{border-color:#b9c9e7!important;background:#edf3ff!important}
.account-monthly-recon .badge{border:1px solid #d7e2f5!important;background:#f4f7ff!important;color:#5572ad!important}
.account-monthly-recon-grid{gap:14px!important}
.account-monthly-card{padding:15px!important;border-color:#e6ebf2!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 14px rgba(27,45,78,.04)!important}
.account-monthly-account{color:#1f385f!important;font-size:12px!important}
.account-monthly-month{color:#8492a8!important}
.account-monthly-status{min-height:21px!important;padding:3px 8px!important}
.account-monthly-coverage{margin-top:12px!important;padding-top:10px!important;border-top:1px solid #f0f3f7!important;color:#71819a!important}
.account-monthly-metrics{gap:7px!important;margin-top:11px!important}
.account-monthly-metric{padding:9px!important;border-color:#edf1f6!important;border-radius:9px!important;background:#f9fbfd!important}
.account-monthly-metric span{color:#8290a5!important}
.account-monthly-metric strong{color:#1f385f!important}
.account-monthly-variance{margin-top:10px!important;color:#71819a!important}
.account-monthly-card details{border-top-color:#edf1f6!important}
.account-monthly-card details summary{color:#4d6eb4!important}
#accountMonthlyScreen.account-monthly-screen{padding:18px!important;background:rgba(18,32,56,.38)!important;backdrop-filter:blur(10px)!important}
#accountMonthlyScreen .account-monthly-screen-card{width:min(1640px,calc(100vw - 36px))!important;border-color:#e0e7f0!important;border-radius:20px!important;background:#f8fafc!important;box-shadow:0 26px 72px rgba(15,31,59,.22)!important}
#accountMonthlyScreen .account-monthly-screen-head{padding:24px 28px!important;border-bottom:1px solid #e9eef5!important;background:#fff!important}
#accountMonthlyScreen .account-monthly-screen-head:after{display:none!important}
#accountMonthlyScreen .account-monthly-screen-kicker{color:#5c76ae!important;letter-spacing:.12em!important}
#accountMonthlyScreen .account-monthly-screen-head h2{color:#1b3155!important;font-size:25px!important}
#accountMonthlyScreen .account-monthly-screen-head p{color:#7b8aa1!important}
#accountMonthlyScreen .account-monthly-screen-close{border-color:#d8e1ee!important;background:#f7f9fc!important;color:#4b607f!important;backdrop-filter:none!important}
#accountMonthlyScreen .account-monthly-screen-close:hover{border-color:#b8c8e3!important;background:#edf3ff!important;color:#3156a8!important}
#accountMonthlyScreen .account-monthly-screen-suggestions{padding:16px 28px 0!important;background:#f8fafc!important}
#accountMonthlyScreen .account-monthly-screen-suggestion{border-color:#e4eaf2!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 16px rgba(27,45,78,.04)!important}
#accountMonthlyScreen .account-monthly-screen-suggestion-kicker{color:#6c82b1!important}
#accountMonthlyScreen .account-monthly-screen-suggestion strong{color:#1f385f!important}
#accountMonthlyScreen .account-monthly-screen-suggestion p{color:#7b8aa1!important}
#accountMonthlyScreen .account-monthly-screen-suggestion button{border-color:#d3dff2!important;background:#f4f7ff!important;color:#3156a8!important}
#accountMonthlyScreen .account-recon-summary-grid{padding:16px 28px 0!important}
#accountMonthlyScreen .account-recon-summary-card{border-color:#e4eaf2!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 16px rgba(27,45,78,.04)!important}
#accountMonthlyScreen .account-recon-summary-card span{color:#7b8aa1!important}
#accountMonthlyScreen .account-recon-summary-card strong{color:#1f385f!important}
#accountMonthlyScreen .account-monthly-screen-body{padding:18px 28px 30px!important;background:#f8fafc!important}
#accountMonthlyScreen .account-monthly-screen-suggestions{display:flex!important;align-items:stretch!important;gap:10px!important;padding:12px 28px!important;border-bottom:1px solid #e9eef5!important}
#accountMonthlyScreen .account-monthly-screen-suggestion{flex:1 1 0!important;display:grid!important;grid-template-columns:max-content minmax(0,1fr) auto!important;grid-template-areas:"kicker title action" "kicker copy action";column-gap:10px!important;row-gap:2px!important;align-items:center!important;min-width:0!important;padding:9px 12px!important;border-radius:11px!important;box-shadow:none!important}
#accountMonthlyScreen .account-monthly-screen-suggestion-kicker{grid-area:kicker!important;align-self:start!important;padding-top:2px!important;white-space:nowrap!important}
#accountMonthlyScreen .account-monthly-screen-suggestion strong{grid-area:title!important;margin:0!important;font-size:11px!important}
#accountMonthlyScreen .account-monthly-screen-suggestion p{grid-area:copy!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#accountMonthlyScreen .account-monthly-screen-suggestion button{grid-area:action!important;height:28px!important;margin-left:4px!important;white-space:nowrap!important}
#accountMonthlyScreen .account-monthly-screen-body .account-monthly-recon-head{display:none!important}
#accountMonthlyScreen .account-monthly-screen-body .account-monthly-recon-grid{gap:12px!important}
#accountMonthlyScreen .account-monthly-screen-body .account-monthly-recon-grid{grid-template-columns:minmax(0,1fr)!important;max-width:1320px!important;margin:0 auto!important}
#accountMonthlyScreen .account-monthly-screen-body .account-bank-card{padding:14px!important;border-color:#e2e9f2!important;border-radius:15px!important;background:#fff!important;box-shadow:0 8px 20px rgba(27,45,78,.05)!important}
#accountMonthlyScreen .account-monthly-screen-body .account-bank-month-row{grid-template-columns:minmax(105px,1.05fr) minmax(145px,1.25fr) minmax(55px,.6fr) repeat(4,minmax(100px,1fr)) minmax(100px,1fr) minmax(180px,1.35fr)!important;min-width:0!important;width:100%!important}
#accountMonthlyScreen .account-monthly-screen-body .account-bank-card:before{display:none!important}
#accountMonthlyScreen .account-monthly-screen-body .account-bank-summary-item{border-color:#edf1f6!important;background:#f9fbfd!important}
#accountMonthlyScreen .account-monthly-screen-body .account-bank-month-row:not(.head):hover{background:#f7faff!important}
#accountMonthlyScreen .account-bank-usage{border-color:#e7edf4!important;background:#fbfcfe!important;box-shadow:none!important}
.account-bank-usage-toggle-row{display:flex!important;justify-content:flex-end!important;margin-top:10px!important;padding-top:10px!important;border-top:1px solid #edf1f6!important}
.account-bank-usage-open{height:30px!important;padding:6px 11px!important;border:1px solid #d3dff2!important;border-radius:8px!important;background:#f4f7ff!important;color:#3156a8!important;font-size:9px!important;font-weight:850!important;cursor:pointer!important}
.account-bank-usage-open:hover{border-color:#aebfe3!important;background:#edf3ff!important}
.account-bank-usage[hidden]{display:none!important}
.account-report-filter{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:9px 10px;border:1px solid #e1e8f3;border-radius:9px;background:#fff;color:#536680;font-size:10px;font-weight:800}
.account-report-filter label{display:flex;align-items:center;gap:6px;white-space:nowrap}
.account-report-filter select,.account-report-filter input{min-width:145px;height:28px;padding:4px 8px;border:1px solid #cbd8ee;border-radius:7px;background:#fff;color:#294364;font-size:10px;font-weight:700}
.account-report-filter input{min-width:132px}
.account-report-clear-date{height:28px;padding:4px 9px;border:1px solid #d3dff2;border-radius:7px;background:#f4f7ff;color:#3156a8;font-size:9px;font-weight:800;cursor:pointer}
.account-report-month-section{margin-top:12px;padding-top:12px;border-top:1px solid #e4eaf2}
.account-report-month-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:#294364;font-size:11px}
.account-report-month-head span{color:#8794ab;font-size:9px;font-weight:700}
.account-report-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px;color:#8794ab;font-size:9px;font-weight:700}
.account-report-pagination button{height:26px;padding:4px 9px;border:1px solid #d3dff2;border-radius:7px;background:#f4f7ff;color:#3156a8;font-size:9px;font-weight:800;cursor:pointer}
.account-report-pagination button:disabled{opacity:.45;cursor:default}
.account-bank-report-table th,.account-bank-report-table td{vertical-align:top;white-space:normal}
.account-bank-report-table td:nth-child(4){min-width:180px}
@media(max-width:700px){
  .account-monthly-entry{padding:12px!important}
  .account-monthly-entry-sub{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
  .account-monthly-entry-btn{min-width:0!important;width:100%!important}
  .account-monthly-recon{padding:15px!important}
  #accountMonthlyScreen.account-monthly-screen{padding:0!important}
  #accountMonthlyScreen .account-monthly-screen-card{width:100%!important;border-radius:0!important}
  #accountMonthlyScreen .account-monthly-screen-head{padding:18px!important}
  #accountMonthlyScreen .account-monthly-screen-suggestions{padding:12px 14px 0!important}
  #accountMonthlyScreen .account-monthly-screen-suggestions{display:grid!important;gap:8px!important;border-bottom:0!important}
  #accountMonthlyScreen .account-monthly-screen-suggestion{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"kicker action" "title action" "copy action"}
  #accountMonthlyScreen .account-monthly-screen-suggestion p{white-space:normal!important}
  #accountMonthlyScreen .account-monthly-screen-body .account-bank-month-row{grid-template-columns:92px 100px 44px 118px 96px 96px 96px 96px 166px!important;min-width:960px!important;width:100%!important}
  #accountMonthlyScreen .account-recon-summary-grid{padding:12px 14px 0!important}
  #accountMonthlyScreen .account-monthly-screen-body{padding:14px!important}
  .account-bank-usage-toggle-row{margin-top:8px!important;padding-top:8px!important}
}
</style>
<style id="account-source-check-compact">
.account-source-diagnostics{margin-bottom:10px!important;padding:9px 12px!important;border-radius:11px!important;box-shadow:none!important}
.account-source-diagnostics-head{align-items:center!important;gap:8px!important;margin-bottom:0!important}
.account-source-diagnostics-head h3{font-size:12px!important;line-height:1.2!important}
.account-source-diagnostics-head p{margin:2px 0 0!important;font-size:9px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.account-source-diagnostics-head .account-source-actions{gap:6px!important}
.account-source-diagnostics .uploaded-summary-toggle{min-height:27px!important;padding:4px 8px!important;border-radius:8px!important;font-size:9px!important}
.account-source-body{margin-top:8px!important}
@media(max-width:650px){
  .account-source-diagnostics{padding:9px 10px!important}
  .account-source-diagnostics-head p{white-space:normal!important}
}
</style>
<style id="login-true-responsive">
/* Final responsive pass: fit the login card to width and available height. */
.dashboard-login-screen{padding:clamp(12px,3vw,32px)!important;overflow:auto!important}
.dashboard-login-card{width:min(920px,calc(100vw - 2 * clamp(12px,3vw,32px)))!important;height:auto!important;min-height:0!important;max-height:calc(100vh - 2 * clamp(12px,3vw,32px))!important}
.dashboard-login-welcome,.dashboard-login-form{min-width:0!important}
@media(min-width:901px){
  .dashboard-login-welcome{padding:34px 38px!important}
  .dashboard-login-welcome .login-welcome-copy{padding:38px 0 26px!important}
  .dashboard-login-welcome .login-welcome-copy h1{font-size:38px!important}
  .dashboard-login-welcome .login-welcome-copy p{max-width:310px!important;font-size:11px!important}
  .dashboard-login-form{padding:42px 48px 34px!important}
  .dashboard-login-form h2{font-size:28px!important}
  .login-form-subtitle{margin-bottom:24px!important;font-size:11px!important}
}
@media(max-width:1200px) and (min-width:901px){
  .dashboard-login-screen{padding:20px!important}
  .dashboard-login-card{width:min(760px,calc(100vw - 40px))!important;grid-template-columns:1fr!important;overflow:auto!important}
  .dashboard-login-welcome{min-height:0!important;padding:30px 34px!important}
  .dashboard-login-form{padding:36px 34px!important}
}
@media(max-width:900px){
  .dashboard-login-screen{padding:clamp(12px,4vw,24px)!important}
  .dashboard-login-card{width:100%!important;height:auto!important;max-height:calc(100vh - 24px)!important;grid-template-columns:1fr!important;overflow:auto!important}
  .dashboard-login-welcome{min-height:0!important;padding:clamp(22px,5vw,32px)!important}
  .dashboard-login-welcome:before{display:none!important}
  .login-welcome-copy{padding:clamp(24px,6vh,42px) 0 clamp(18px,4vh,28px)!important}
  .dashboard-login-form{padding:clamp(28px,5vw,42px) clamp(22px,5vw,34px) clamp(26px,5vw,36px)!important}
}
@media(max-width:560px){
  .dashboard-login-screen{padding:10px!important}
  .dashboard-login-card{max-height:calc(100vh - 20px)!important;border-radius:16px!important}
  .dashboard-login-welcome{padding:18px 18px 14px!important}
  .login-brand{font-size:8px!important;gap:8px!important}
  .login-brand-mark{width:17px!important;height:17px!important}
  .login-welcome-copy{padding:20px 0 12px!important}
  .login-kicker,.login-overline{font-size:8px!important}
  .login-welcome-copy h1{font-size:clamp(24px,8vw,31px)!important;margin:11px 0 10px!important}
  .login-welcome-copy p{font-size:10px!important;line-height:1.45!important}
  .login-trust-row{margin-top:12px!important;gap:4px!important}
  .login-trust-row span{font-size:7px!important;padding:5px 6px!important}
  .dashboard-login-welcome .login-brand-line{font-size:8px!important}
  .dashboard-login-form{padding:22px 18px 22px!important}
  .login-form-top{margin-bottom:16px!important}
  .dashboard-login-form h2{font-size:23px!important}
  .login-form-subtitle{margin:7px 0 20px!important;font-size:10.5px!important}
  .dashboard-login-label{font-size:9px!important}
  .dashboard-login-field-wrap{margin-bottom:15px!important}
  .dashboard-login-field{height:42px!important}
  .dashboard-login-button{height:42px!important}
  .dashboard-login-note{margin-top:13px!important}
}
@media(max-height:620px){
  .dashboard-login-card{overflow:auto!important}
  .dashboard-login-welcome{padding-top:16px!important;padding-bottom:12px!important}
  .login-welcome-copy{padding-top:14px!important;padding-bottom:10px!important}
  .login-welcome-copy h1{font-size:clamp(24px,4vw,34px)!important}
  .dashboard-login-form{padding-top:22px!important;padding-bottom:22px!important}
}
</style>
<style id="compact-kpi-final">
/* Restore the compact KPI rhythm after the premium/chart variants. */
.kpis .kpi-card{
  min-height:86px!important;
  padding:11px 12px!important;
  border-radius:14px!important;
}
.kpis .kpi-card .kpi-card-head{gap:7px!important}
.kpis .kpi-card .kpi-icon{
  width:24px!important;
  height:24px!important;
  border-radius:8px!important;
}
.kpis .kpi-card .kpi-icon:before{
  left:7px!important;
  bottom:6px!important;
  width:2px!important;
  height:6px!important;
  box-shadow:4px -3px 0 currentColor,8px 1px 0 currentColor!important;
}
.kpis .kpi-card .kpi-info{width:13px!important;height:13px!important;font-size:8px!important}
.kpis .kpi-card .label{font-size:10px!important;line-height:1.15!important}
.kpis .kpi-card .kpi-card-body{
  min-height:42px!important;
  padding-top:6px!important;
  gap:6px!important;
}
.kpis .kpi-card .value,
.kpis .kpi-card .value.kpi-fit{font-size:16px!important;line-height:1.15!important}
.kpis .kpi-card .value.kpi-fit-small{font-size:14px!important;line-height:1.15!important}
.kpis .kpi-card .meta{margin-top:3px!important;font-size:9px!important;line-height:1.2!important}
.kpis .kpi-card .kpi-spark{width:44px!important;height:28px!important;gap:3px!important;padding-bottom:0!important}
.kpis .kpi-card .kpi-spark i{width:4px!important;border-radius:4px 4px 2px 2px!important}
@media(max-width:560px){
  .kpis .kpi-card{min-height:78px!important;padding:9px 10px!important}
  .kpis .kpi-card .kpi-card-body{min-height:36px!important;padding-top:4px!important}
  .kpis .kpi-card .kpi-spark{width:36px!important;height:24px!important}
}
@media(min-width:1600px){
  .kpis .kpi-card{min-height:88px!important;padding:12px 14px!important}
}
</style>
<style id="billing-kpi-reference-final">
/* Billing Overview KPI reference design: compact, centered, and chart-free. */
.billing-overview-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
.billing-overview-kpis .kpi-card{
  position:relative!important;
  min-height:84px!important;
  padding:11px 12px 10px!important;
  border:1px solid #e5eaf2!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important;
  box-shadow:0 7px 18px rgba(31,48,87,.08)!important;
  overflow:hidden!important;
  text-align:center!important;
}
.billing-overview-kpis .kpi-card::before{
  display:block!important;
  content:''!important;
  position:absolute!important;
  inset:0 0 auto!important;
  height:4px!important;
  border-radius:14px 14px 0 0!important;
  background:#4f6df5!important;
}
.billing-overview-kpis .kpi-card:nth-child(2)::before{background:#20a9df!important}
.billing-overview-kpis .kpi-card:nth-child(3)::before{background:#ff7a00!important}
.billing-overview-kpis .kpi-card:nth-child(4)::before{background:#7c3aed!important}
.billing-overview-kpis .kpi-card:nth-child(5)::before{background:#20c66b!important}
.billing-overview-kpis .kpi-card:nth-child(6)::before{background:#d946ef!important}
.billing-overview-kpis .kpi-card:nth-child(7)::before{background:#4f6df5!important}
.billing-overview-kpis .kpi-card:nth-child(8)::before{background:#6d45ef!important}
.billing-overview-kpis .kpi-card .kpi-icon,
.billing-overview-kpis .kpi-card .kpi-info,
.billing-overview-kpis .kpi-card .kpi-spark{display:none!important}
.billing-overview-kpis .kpi-card .kpi-card-head{
  display:block!important;
  min-height:0!important;
  padding:0!important;
}
.billing-overview-kpis .kpi-card .label{
  margin:0 0 7px!important;
  color:#405475!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.055em!important;
  line-height:1.15!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
.billing-overview-kpis .kpi-card .kpi-card-body{
  display:block!important;
  min-height:0!important;
  padding:0!important;
}
.billing-overview-kpis .kpi-card .kpi-card-copy{min-width:0!important}
.billing-overview-kpis .kpi-card .value,
.billing-overview-kpis .kpi-card .value.kpi-fit,
.billing-overview-kpis .kpi-card .value.kpi-fit-small{
  margin:0!important;
  color:#101828!important;
  font-size:18px!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.billing-overview-kpis .kpi-card .value.kpi-fit{font-size:17px!important}
.billing-overview-kpis .kpi-card .value.kpi-fit-small{font-size:15px!important}
.billing-overview-kpis .kpi-card .meta{
  max-width:none!important;
  margin:6px 0 0!important;
  color:#667085!important;
  font-size:10px!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:900px){
  .billing-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
}
@media(max-width:480px){
  .billing-overview-kpis{grid-template-columns:1fr!important}
}
#content .billing-overview-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
#content .billing-overview-kpis .kpi-card:nth-child(n) .kpi-spark{display:none!important}
@media(max-width:900px){
  #content .billing-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
}
@media(max-width:480px){
  #content .billing-overview-kpis{grid-template-columns:1fr!important}
}
</style>
<style id="all-kpi-reference-final">
/* Apply the Billing Overview reference treatment to every KPI section. */
#content .kpis > .card{
  position:relative!important;
  min-height:84px!important;
  padding:11px 12px 10px!important;
  border:1px solid #e5eaf2!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important;
  box-shadow:0 7px 18px rgba(31,48,87,.08)!important;
  overflow:hidden!important;
  text-align:center!important;
}
#content .kpis > .card::before{
  display:block!important;
  content:''!important;
  position:absolute!important;
  inset:0 0 auto!important;
  height:4px!important;
  border-radius:14px 14px 0 0!important;
  background:#4f6df5!important;
}
#content .kpis > .card:nth-child(2)::before{background:#20a9df!important}
#content .kpis > .card:nth-child(3)::before{background:#ff7a00!important}
#content .kpis > .card:nth-child(4)::before{background:#7c3aed!important}
#content .kpis > .card:nth-child(5)::before{background:#20c66b!important}
#content .kpis > .card:nth-child(6)::before{background:#d946ef!important}
#content .kpis > .card:nth-child(7)::before{background:#4f6df5!important}
#content .kpis > .card:nth-child(8)::before{background:#6d45ef!important}
#content .kpis > .card .kpi-icon,
#content .kpis > .card .kpi-info,
#content .kpis > .card:nth-child(n) .kpi-spark{display:none!important}
#content .kpis > .kpi-card .kpi-card-head{
  display:block!important;
  min-height:0!important;
  padding:0!important;
}
#content .kpis > .kpi-card .kpi-card-body{
  display:block!important;
  min-height:0!important;
  padding:0!important;
}
#content .kpis > .card .label{
  display:block!important;
  margin:0 0 7px!important;
  color:#405475!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.055em!important;
  line-height:1.15!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
#content .kpis > .card .value{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#101828!important;
  font-size:18px!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#content .kpis > .card .value.kpi-fit{font-size:17px!important}
#content .kpis > .card .value.kpi-fit-small{font-size:15px!important}
#content .kpis > .card .meta{
  display:block!important;
  max-width:none!important;
  margin:6px 0 0!important;
  color:#667085!important;
  font-size:10px!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#content .kpis > .card .amount-unit{font-size:.78em!important;font-weight:700!important}
#content .kpis > .card.negative-kpi .value{color:#b42318!important}
#content .kpis > .card.pending-return-positive-kpi .value{color:#0d8b62!important}
#content .billing-overview-kpis > .card{grid-column:auto!important}
@media(min-width:901px){
  #content .kpis:not(.report-two-kpis){grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
  #content .kpis.report-two-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
}
@media(max-width:900px){
  #content .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
}
@media(max-width:480px){
  #content .kpis{grid-template-columns:1fr!important}
}
</style>
<style id="final-overview-kpi-flow">
#content .kpis,
#content .kpis:not(.report-two-kpis),
#content .kpis.report-two-kpis{
  container-type:inline-size!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))!important;
  align-items:stretch!important;
  gap:14px!important;
}
#content .kpis>.card,
#content .kpis>.kpi-card{
  width:auto!important;
  min-width:0!important;
  min-height:108px!important;
  height:auto!important;
}
#content .kpis>.card .value,
#content .kpis>.card .value.kpi-fit,
#content .kpis>.card .value.kpi-fit-small{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:clamp(13px,11cqw,23px)!important;
}
#content .kpis>.card .value.kpi-fit{font-size:clamp(12px,9.5cqw,19px)!important}
#content .kpis>.card .value.kpi-fit-small{font-size:clamp(11px,8.2cqw,17px)!important}
</style>
</head>
<body class="dashboard-auth-locked">

<div id="dashboardLoginScreen" class="dashboard-login-screen" aria-label="Dashboard Login">
  <div class="dashboard-login-card">
    <section class="dashboard-login-welcome">
      <div class="login-brand"><span class="login-brand-mark"><i></i><i></i><i></i></span><span>DSMG <b>/</b> CONTROL ROOM</span></div>
      <div class="login-welcome-copy">
        <div class="login-kicker">PRIVATE OPERATIONS SUITE</div>
        <h1>Control every rupee.<br><em>Move with clarity.</em></h1>
        <p>One calm view for billing, costing, receivables and the decisions behind them.</p>
        <div class="login-trust-row"><span>LIVE MIS</span><span>SECURE ACCESS</span><span>REAL-TIME VIEW</span></div>
      </div>
      <div class="login-brand-line">Debt Service Management Group <span>•</span> Management Dashboard</div>
    </section>
    <section class="dashboard-login-form">
      <div class="login-form-top"><span class="login-overline">SECURE SIGN IN</span><span class="login-protected"><i></i> Protected</span></div>
      <h2>Welcome back.</h2>
      <p class="login-form-subtitle">Sign in to continue to your management dashboard.</p>
      <label class="dashboard-login-label" for="dashboardLoginId">Login ID</label>
      <div class="dashboard-login-field-wrap">
        <input id="dashboardLoginId" class="dashboard-login-field" type="text" autocomplete="username" placeholder="Enter login ID">
      </div>
      <label class="dashboard-login-label" for="dashboardLoginPassword">Password</label>
      <div class="dashboard-login-field-wrap">
        <input id="dashboardLoginPassword" class="dashboard-login-field" type="password" autocomplete="current-password" placeholder="Enter password">
         <button type="button" class="dashboard-login-eye" id="dashboardLoginEye" aria-label="Show password"><span class="login-eye-icon" aria-hidden="true"></span></button>
      </div>
      <div id="dashboardLoginError" class="dashboard-login-error"></div>
       <button type="button" class="dashboard-login-button" id="dashboardLoginButton"><span>Login</span><b>→</b></button>
      <div class="dashboard-login-note"><span class="login-lock-dot" aria-hidden="true"></span> Authorized access only</div>
    </section>
  </div>
</div>

<div id="adminLoginBackdrop" class="admin-login-backdrop" aria-hidden="true">
  <div class="admin-login-modal" role="dialog" aria-modal="true" aria-labelledby="adminLoginTitle">
    <div class="admin-login-head">
      <div class="admin-login-icon">🔒</div>
      <h3 id="adminLoginTitle">Administrator Access</h3>
      <p>This area contains dashboard configuration and data-source controls. Enter the administrator password to continue.</p>
    </div>
    <div class="admin-login-body">
       <label for="adminPasswordInput" style="display:block;font-size:11px;font-weight:800;color:#344054">Password</label>
      <div class="admin-password-wrap">
        <input id="adminPasswordInput" type="password" autocomplete="current-password" placeholder="Enter admin password">
        <button type="button" class="admin-eye-btn" id="adminEyeBtn" aria-label="Show password" onclick="toggleAdminPassword()">◉</button>
      </div>
      <div id="adminLoginError" class="admin-login-error"></div>
      <div class="admin-login-actions">
        <button type="button" class="admin-cancel-btn" onclick="closeAdminLogin()">Cancel</button>
        <button type="button" class="admin-login-btn" onclick="submitAdminLogin()">Unlock Admin</button>
      </div>
    </div>
  </div>
</div>
<div id="browserGuardToast" class="browser-guard-toast">This action is disabled on the dashboard.</div>
<div id="permissionNotice" class="permission-notice" role="status" aria-live="polite" aria-hidden="true">
  <div class="permission-notice-card">
    <button type="button" class="permission-notice-close" onclick="dismissPermissionNotice()" aria-label="Close access notice">×</button>
    <div class="permission-notice-icon"><span></span></div>
    <div class="permission-notice-copy"><span class="permission-notice-kicker">ACCESS PROFILE</span><strong id="permissionNoticeTitle">Module access restricted</strong><p id="permissionNoticeMessage">This module is not assigned to your user.</p></div>
    <div class="permission-notice-detail"><span class="permission-detail-dot"></span><span>Ask an administrator to update your access.</span></div>
    <button type="button" class="permission-notice-action" onclick="dismissPermissionNotice()">Continue</button>
    <div class="permission-notice-progress"></div>
  </div>
</div>
<div id="adminUserLoginCheckModal" class="user-test-modal" aria-hidden="true"></div>
<div id="adminUserPreviewOverlay" class="user-preview-overlay" aria-hidden="true"></div>
<div id="bankImportDeleteModal" class="bank-delete-modal" aria-hidden="true"></div>
<div id="dashboardActionToast" class="dashboard-action-toast" role="status" aria-live="polite" aria-hidden="true"></div>

<div class="app" id="dashboardApp">
<aside class="sidebar">
  <div class="brand"><h1>Debt Service<br>Management Group</h1><p>Management Dashboard</p></div>
  <div class="dashboard-nav">
    <button class="nav-btn active" id="n1" onclick="active('n1');resetOverviewFilters()">Overview</button>
    <button class="nav-btn" id="n2" onclick="guardedDashboardNavigation('companies:view','n2',companiesPage)">Companies</button>
    <button class="nav-btn" id="n3" onclick="guardedDashboardNavigation('billing:view','n3',financePage)">Billing</button>
    <button class="nav-btn" id="n7" onclick="guardedDashboardNavigation('costing:view','n7',costingPage)">Costing</button>
    <button class="nav-btn" id="n6" onclick="guardedDashboardNavigation('accounts:view','n6',accountsPage)">Accounts</button>
    <button class="nav-btn" id="n4" onclick="guardedDashboardNavigation('reports:view','n4',reportsPage)">Reports</button>
    <button class="nav-btn" id="n5" onclick="guardedAdminPage()">Admin</button>
    <button class="nav-btn dashboard-logout-btn" id="dashboardLogoutBtn" onclick="logoutDashboard()">Logout</button>
  </div>
</aside>

<main class="main">
  <div class="topbar">
    <h2 id="title">Overview</h2>
    <div class="crumb" id="crumb">Debt Service Management Group</div>
    <div id="dashboardSyncStatus" class="dashboard-sync-status" role="status" aria-live="polite">Local dashboard data</div>
  </div>
  <div class="content" id="content"></div>
</main>
</div>

<script>

// ===== DASHBOARD LOGIN GATE =====
const DASHBOARD_LOGIN_ID = 'admin';
// Temporary access password requested by the owner: 123.
const DASHBOARD_PASSWORD_SHA256 = 'a665a45920422f9d417e4867efdc4fb8a04a1f3fff1fa07e998e86f7f7a27ae3';
function dashboardPasswordHash(){
  try{return localStorage.getItem('dashboardAdminPasswordHash')||DASHBOARD_PASSWORD_SHA256;}catch(_){return DASHBOARD_PASSWORD_SHA256;}
}
let dashboardLoginAttempts=0;
let dashboardLoginLockedUntil=0;
let currentPublicIpPromise=null;
const DASHBOARD_LOGIN_LOCKOUT_MS=30000;

function ipv4ToNumber(ip){
  const parts=String(ip||'').split('.').map(Number);
  if(parts.length!==4||parts.some(x=>!Number.isInteger(x)||x<0||x>255))return null;
  return parts.reduce((value,part)=>(value*256)+part,0)>>>0;
}
function ipMatchesRule(ip,rule){
  const value=String(rule||'').trim();
  if(!value)return false;
  if(value===ip)return true;
  const match=value.match(/^([^/]+)\/(\d{1,2})$/);
  if(!match)return false;
  const ipNumber=ipv4ToNumber(ip),baseNumber=ipv4ToNumber(match[1]),prefix=Number(match[2]);
  if(ipNumber==null||baseNumber==null||prefix<0||prefix>32)return false;
  const mask=prefix===0?0:(0xffffffff<<(32-prefix))>>>0;
  return (ipNumber&mask)===(baseNumber&mask);
}
async function getCurrentPublicIp(){
  if(!currentPublicIpPromise)currentPublicIpPromise=fetch('https://api.ipify.org?format=json',{cache:'no-store'}).then(r=>{if(!r.ok)throw new Error('Unable to verify network');return r.json()}).then(data=>String(data.ip||'').trim()).finally(()=>{currentPublicIpPromise=null});
  return currentPublicIpPromise;
}
async function checkUserNetworkAccess(user){
  const policy=user?.networkPolicy||'any';
  if(policy==='any')return {allowed:true};
  const rules=Array.isArray(user?.allowedIps)?user.allowedIps.map(x=>String(x).trim()).filter(Boolean):[];
  if(!rules.length)return {allowed:false,message:'This Login ID has no approved network configured.'};
  try{
    const currentIp=await getCurrentPublicIp();
    if(rules.some(rule=>ipMatchesRule(currentIp,rule)))return {allowed:true};
     return {allowed:false,message:`This Login ID is restricted to an approved office or network. Current public IP: ${currentIp}.`};
  }catch(_){
    return {allowed:false,message:'Network verification failed. Please try again from the approved network.'};
  }
 }
 async function detectCurrentPublicIp(){
   const input=document.getElementById('newUserAllowedIps');
   const status=document.getElementById('currentPublicIpStatus');
   const policy=document.getElementById('newUserNetworkPolicy');
   if(status)status.textContent='Detecting public IP…';
   try{
     const ip=await getCurrentPublicIp();
     if(policy)policy.value='allowlist';
     if(input){input.disabled=false;input.value=ip;}
     if(status)status.textContent=`Detected public IP: ${ip}`;
   }catch(_){
     if(status)status.textContent='Could not detect public IP. Check the internet connection.';
   }
 }

function unlockDashboard(user){
  sessionStorage.setItem('dashboardLoggedIn','1');
  sessionStorage.setItem('dashboardUserId',user?.loginId||sessionStorage.getItem('dashboardUserId')||DASHBOARD_LOGIN_ID);
  sessionStorage.setItem('dashboardUserRole',user?.role||sessionStorage.getItem('dashboardUserRole')||'Super Admin');
  document.body.classList.remove('dashboard-auth-locked');
  const screen=document.getElementById('dashboardLoginScreen');
  if(screen) screen.style.display='none';
}

function logoutDashboard(){
  sessionStorage.removeItem('dashboardLoggedIn');
  sessionStorage.removeItem('dashboardUserId');
  sessionStorage.removeItem('dashboardUserRole');
  sessionStorage.removeItem('adminUnlocked');
  document.documentElement.classList.remove('dashboard-session-ok');
  const adminBackdrop=document.getElementById('adminLoginBackdrop');
  if(adminBackdrop) adminBackdrop.classList.remove('show');
  document.body.classList.add('dashboard-auth-locked');
  const screen=document.getElementById('dashboardLoginScreen');
  if(screen){
    screen.style.display='flex';
    const id=document.getElementById('dashboardLoginId');
    const pass=document.getElementById('dashboardLoginPassword');
    const err=document.getElementById('dashboardLoginError');
    if(id) id.value='';
    if(pass) pass.value='';
    if(err) err.textContent='';
  }
}

async function submitDashboardLogin(){
  reloadAdminUsersFromStorage();
  const id=(document.getElementById('dashboardLoginId')?.value||'').trim();
  const pass=document.getElementById('dashboardLoginPassword')?.value||'';
  const err=document.getElementById('dashboardLoginError');
  if(Date.now()<dashboardLoginLockedUntil){
    const seconds=Math.ceil((dashboardLoginLockedUntil-Date.now())/1000);
    if(err)err.textContent=`Too many attempts. Try again in ${seconds}s.`;
    return;
  }
  const failed=()=>{
    dashboardLoginAttempts++;
    if(dashboardLoginAttempts>=5){dashboardLoginLockedUntil=Date.now()+DASHBOARD_LOGIN_LOCKOUT_MS;dashboardLoginAttempts=0;}
  };
  const hash=await sha256Hex(pass);
  const loginId=id.toLowerCase();
  const builtInUser=loginId===DASHBOARD_LOGIN_ID && hash===dashboardPasswordHash();
  const localUser=Array.isArray(adminUsers)?adminUsers.find(u=>String(u.loginId||'').toLowerCase()===loginId&&u.passwordHash===hash&&u.status!=='Disabled'):null;
  if(!builtInUser&&!localUser){
    failed();
    if(err) err.textContent='Invalid Login ID or password.';
    const input=document.getElementById('dashboardLoginPassword');
    if(input){input.value='';input.focus();}
    return;
  }
  if(localUser){
    const network=await checkUserNetworkAccess(localUser);
    if(!network.allowed){
      failed();
      if(err)err.textContent=network.message;
      return;
    }
  }
  dashboardLoginAttempts=0;
  dashboardLoginLockedUntil=0;
  if(err) err.textContent='';
  unlockDashboard(localUser||{loginId:DASHBOARD_LOGIN_ID,role:'Super Admin'});
}

function setupDashboardLogin(){
  const screen=document.getElementById('dashboardLoginScreen');
  if(!screen) return;
  if(sessionStorage.getItem('dashboardLoggedIn')==='1'){
    unlockDashboard();
    return;
  }
  const btn=document.getElementById('dashboardLoginButton');
  const pass=document.getElementById('dashboardLoginPassword');
  const id=document.getElementById('dashboardLoginId');
  const eye=document.getElementById('dashboardLoginEye');
  btn?.addEventListener('click',submitDashboardLogin);
  id?.addEventListener('keydown',e=>{if(e.key==='Enter')submitDashboardLogin();});
  pass?.addEventListener('keydown',e=>{if(e.key==='Enter')submitDashboardLogin();});
  eye?.addEventListener('click',()=>{
    if(!pass)return;
    pass.type=pass.type==='password'?'text':'password';
  });
}

document.addEventListener('DOMContentLoaded',setupDashboardLogin);

// ===== CENTRAL DATA SOURCE CONFIG =====
const CURRENT_GOOGLE_SHEET_ID = '1zvXPQdx04LCRaUFcNQYhihQwuOqiLUPxtm3cJTfws4M';
const DEFAULT_GOOGLE_SHEET_URL = 'https://docs.google.com/spreadsheets/d/1zvXPQdx04LCRaUFcNQYhihQwuOqiLUPxtm3cJTfws4M/edit?usp=sharing';
const DEFAULT_ACCOUNT_WEBAPP_URL = 'https://script.google.com/macros/s/AKfycbzu7TrTKUM5EeirorYRGYD-k4wp1-TL8bM2LUYTBRAa1a4hYUY4gihaARUGTfR36H0/exec';

const ADMIN_PASSWORD_SHA256 = 'a665a45920422f9d417e4867efdc4fb8a04a1f3fff1fa07e998e86f7f7a27ae3';


let adminLoginResolver = null;

async function sha256Hex(text){
  const data = new TextEncoder().encode(text);
  const digest = await crypto.subtle.digest('SHA-256', data);
  return Array.from(new Uint8Array(digest)).map(b=>b.toString(16).padStart(2,'0')).join('');
}

function openAdminLogin(){
  const backdrop=document.getElementById('adminLoginBackdrop');
  const input=document.getElementById('adminPasswordInput');
  const err=document.getElementById('adminLoginError');
  if(err)err.textContent='';
  if(input){input.value='';input.type='password';}
  if(backdrop){backdrop.classList.add('show');backdrop.setAttribute('aria-hidden','false');}
  setTimeout(()=>input&&input.focus(),50);
}

function closeAdminLogin(){
  const backdrop=document.getElementById('adminLoginBackdrop');
  if(backdrop){backdrop.classList.remove('show');backdrop.setAttribute('aria-hidden','true');}
  if(adminLoginResolver){adminLoginResolver(false);adminLoginResolver=null;}
}

function toggleAdminPassword(){
  const input=document.getElementById('adminPasswordInput');
  if(!input)return;
  input.type=input.type==='password'?'text':'password';
}

async function submitAdminLogin(){
  const input=document.getElementById('adminPasswordInput');
  const err=document.getElementById('adminLoginError');
  const entered=(input?.value||'');
  const hash=await sha256Hex(entered);
  if(hash===ADMIN_PASSWORD_SHA256){
    sessionStorage.setItem('adminUnlocked','1');
    const backdrop=document.getElementById('adminLoginBackdrop');
    if(backdrop){backdrop.classList.remove('show');backdrop.setAttribute('aria-hidden','true');}
    if(err)err.textContent='';
    if(adminLoginResolver){adminLoginResolver(true);adminLoginResolver=null;}
    return;
  }
  if(err)err.textContent='Incorrect password. Please try again.';
  if(input){input.value='';input.focus();}
}

function currentDashboardUser(){
  if(adminUserPreviewUser&&adminUserPreviewSession)return adminUserPreviewUser;
  const loginId=(sessionStorage.getItem('dashboardUserId')||DASHBOARD_LOGIN_ID).toLowerCase();
  if(loginId===DASHBOARD_LOGIN_ID)return {loginId:DASHBOARD_LOGIN_ID,role:'Super Admin',permissions:['*']};
  return Array.isArray(adminUsers)?(adminUsers.find(u=>String(u.loginId||'').toLowerCase()===loginId)||{loginId,role:'Viewer',permissions:[]}):{loginId,role:'Viewer',permissions:[]};
}
function userHasPermission(permission){
  const user=currentDashboardUser();
  if(user.role==='Super Admin')return true;
  const permissions=Array.isArray(user.permissions)?user.permissions:[];
  if(permissions.includes('*')||permissions.includes(permission))return true;
  const moduleKey=String(permission||'').split(':')[0];
  // A detailed permission opens its parent module; view permissions remain backward-compatible.
  if(permission.endsWith(':view'))return permissions.some(p=>String(p).startsWith(moduleKey+':'));
  return permissions.includes(moduleKey+':view')||permissions.includes(moduleKey+':*');
}
function permissionModuleLabel(permission){
  const labels={overview:'Overview',companies:'Companies',billing:'Billing',costing:'Costing',accounts:'Accounts',reports:'Reports',admin:'Admin'};
  return labels[String(permission||'').split(':')[0]]||'This module';
}
function dismissPermissionNotice(){
  const notice=document.getElementById('permissionNotice');
  if(!notice)return;
  notice.classList.remove('show');
  notice.setAttribute('aria-hidden','true');
}
function showPermissionNotice(title,message){
  const notice=document.getElementById('permissionNotice');
  if(!notice)return;
  clearTimeout(window.__permissionNoticeTimer);
  document.getElementById('permissionNoticeTitle').textContent=title||'Access restricted';
  document.getElementById('permissionNoticeMessage').textContent=message||'This module is not assigned to your user.';
  notice.classList.remove('show');
  void notice.offsetWidth;
  notice.classList.add('show');
  notice.setAttribute('aria-hidden','false');
  window.__permissionNoticeTimer=setTimeout(dismissPermissionNotice,4600);
}
function guardedDashboardNavigation(permission,id,renderFn){
  if(!userHasPermission(permission)){showPermissionNotice(`${permissionModuleLabel(permission)} access unavailable`,'Your current access profile does not include this module. Contact an administrator to continue.');return;}
  navigateDashboard(id,renderFn);
}
function ensureAdminAccess(){
  if(!userHasPermission('admin:access')){showPermissionNotice('Admin access unavailable','Your current access profile does not include Admin controls. Contact an administrator to continue.');return Promise.resolve(false);}
  if(sessionStorage.getItem('adminUnlocked') === '1') return Promise.resolve(true);
  return new Promise(resolve=>{
    adminLoginResolver=resolve;
    openAdminLogin();
  });
}

async function guardedAdminPage(){
  if(!(await ensureAdminAccess())) return;
  active('n5');
  adminPage();
}

function lockAdmin(){
  sessionStorage.removeItem('adminUnlocked');
  active('n1');
  resetOverviewFilters();
  showPermissionNotice('Admin locked','Admin controls are locked for this session.');
}


function ensureCentralDataSourceConfig(){
  const storedGoogle=localStorage.getItem('googleSheetUrl')||'';
  const storedId=parseSheetIdFromUrl(storedGoogle);
  const legacyIds=new Set(['1TD8LO5zUZsASvaNqfffl_oLAT9kEb0D2kNKEy60zHS4','1_wAdDtPzCnxEAoaD5GeklZhv7c98TijFNUAaAvtE_qA','1wR9b6vlyrNQbKT1gUHtL8Sivft-KeJ3P4mmZKOIALdM']);

  // Locked live source: automatically migrate old/stale dashboard storage to the current Google Sheet.
  if(!storedGoogle || legacyIds.has(storedId)){
    localStorage.setItem('googleSheetUrl', DEFAULT_GOOGLE_SHEET_URL);
  }

  // Uploads must use the same current deployment as live Sheet reads. An
  // arbitrary old URL in localStorage can return stale Apps Script errors.
  const storedWebApp=localStorage.getItem('accountAppsScriptUrl')||'';
  if(storedWebApp!==DEFAULT_ACCOUNT_WEBAPP_URL){
    localStorage.setItem('accountAppsScriptUrl', DEFAULT_ACCOUNT_WEBAPP_URL);
  }
}
ensureCentralDataSourceConfig();

let companies=[];
let supervisorMap={};
let bills=[];
let receiptRegister=[];
let expenseRows=[];
let salaryRows=[];
let seemaSalarySheetName='';
let costingMasterRows=[];
let locationSupervisorRows=[];
let portfolioMasterRows=[];
let locationMasterRows=[];
let supervisorMasterRows=[];
let monthlyAssignmentRows=[];
let accountMaster=[];
let accountStatementRows=[];
let accountImportHistoryRows=[];
let accountSourceDiagnostics=[];
let accountImportHistoryOrphans=[];
let accountImportOrphanCleanupBusy=false;
let accountImportOrphanCleanupKey='';
const MULTI_FILTER_SEPARATOR='\u001f';
const multiFilterCallbacks={};
const multiFilterFormatters={};
let multiFilterReopenId='';
const multiFilterCloseTimers={};
let billingHeadCache=new WeakMap();
let billingSupervisorCache=new WeakMap();
let billingAssignmentIndex=new Map();
let billingCompanyMonthIndex=new Map();
let debtStatementRowsCacheSource=null;
let debtStatementRowsCacheValue=null;
let activeCreditNotesCacheSource=null;
let activeCreditNotesCacheValue=[];
let activeSupervisorTdsCacheSource=null;
let activeSupervisorTdsCacheValue=[];
let activeReturnAmountsCacheSource=null;
let activeReturnAmountsCacheValue=[];
let overviewExportState=null;
const CALCULATION_RULE_STORAGE_KEY='dashboardCalculationRules_v1';
const MAY_RENT_SPLIT_RULE_ID='default_may_26_rent_tds_delhi_contecter_split';
const VIJENDRA_ROBIN_TRANSFER_RULE_IDS={june:'default_jun_26_vijendra_kolada_to_robin_soc_transfer',july:'default_jul_26_vijendra_kolada_to_robin_soc_transfer'};
const HEAD_CLOSING_SEEDS=[{head:'Abhishek Singh UK',month:'May-26',closing:412127.20}];
let calculationRules=[];
let adminRuleEditingId='';
let conditionListFilters={month:'',company:'',head:'',supervisor:'',portfolio:'',state:'',location:'',segment:''};
function loadCalculationRules(){
  try{
    const saved=JSON.parse(localStorage.getItem(CALCULATION_RULE_STORAGE_KEY)||'[]');
    calculationRules=Array.isArray(saved)?saved:[];
     const existingIndex=calculationRules.findIndex(rule=>rule.type==='adjustment'&&normText(rule.adjustmentName).includes('RENT TDS DELHI & CONT')&&monthKey(rule.month)===monthKey('May-26'));
    const oneTimeRule={
      id:MAY_RENT_SPLIT_RULE_ID,
       name:'May-26 Rent Tds Delhi & Contector Rs 17,500 split',
      type:'adjustment',priority:1000,module:'shared',month:'May-26',company:'',head:'',supervisor:'',portfolio:'',state:'',location:'',segment:'',condition:'always',value:'split matched row amount',formula:'',rateTarget:'all',page:'all',kpiAction:'hide',kpi:'',kpiMeta:'',conditionKey:'delhi_shared_allocation',conditionAction:'disable',
       adjustmentAction:'split',adjustmentColumn:'debit',adjustmentAmount:'',adjustmentAmountMin:317155,adjustmentAmountMax:317155,adjustmentName:'Rent Tds Delhi & Contector',adjustmentRemark:'',adjustmentType:'',adjustmentDescription:'',adjustmentReference:'',adjustmentBank:'',adjustmentAccountId:'',adjustmentLocation:'',splitShares:'Nikhil Purohit:2.758903375321, Delhi Team:2.758903375321, Keep original allocation:94.482193249358',targetCompany:'',targetHead:'',targetSupervisor:'',targetMonth:'',targetPortfolio:'',active:true,notes:'One-time May-26 allocation: Rs 17,500 is split equally between Nikhil Purohit and Delhi Team; remaining Rs 299,655 stays with the original allocation.',updatedAt:new Date().toISOString()
    };
     if(existingIndex>=0)calculationRules[existingIndex]={...calculationRules[existingIndex],...oneTimeRule,id:calculationRules[existingIndex].id||MAY_RENT_SPLIT_RULE_ID};
     else calculationRules.push(oneTimeRule);
     const transferRules=[
       {id:VIJENDRA_ROBIN_TRANSFER_RULE_IDS.june,name:'Jun-26 SOC Vijendra Kolada to Robin Rs 10,689 transfer',month:'Jun-26',amount:10689},
       {id:VIJENDRA_ROBIN_TRANSFER_RULE_IDS.july,name:'Jul-26 SOC Vijendra Kolada to Robin Rs 14,767 transfer',month:'Jul-26',amount:14767}
      ].map(item=>({
       id:item.id,name:item.name,type:'adjustment',priority:1100,module:'shared',month:item.month,company:'',head:'',supervisor:'Vijendra Kolada',portfolio:'RBL Bank',state:'',location:'',segment:'',condition:'always',value:'transfer fixed SOC amount',formula:'',rateTarget:'all',page:'all',kpiAction:'hide',kpi:'',kpiMeta:'',conditionKey:'',conditionAction:'disable',
       adjustmentAction:'transfer',adjustmentColumn:'debit',adjustmentAmount:String(item.amount),adjustmentAmountMin:'',adjustmentAmountMax:'',adjustmentName:'',adjustmentRemark:'',adjustmentType:'',adjustmentDescription:'',adjustmentReference:'',adjustmentBank:'',adjustmentAccountId:'',adjustmentLocation:'',splitShares:'',targetCompany:'',targetHead:'',targetSupervisor:'Robin',targetMonth:'',targetPortfolio:'',active:true,notes:`Transfer Rs ${item.amount.toLocaleString('en-IN')} from Vijendra Kolada to Robin within the same SOC Month.`,updatedAt:new Date().toISOString()
     }));
     transferRules.forEach(rule=>{
       const index=calculationRules.findIndex(item=>item.id===rule.id);
       if(index>=0)calculationRules[index]={...calculationRules[index],...rule};
       else calculationRules.push(rule);
     });
     localStorage.setItem(CALCULATION_RULE_STORAGE_KEY,JSON.stringify(calculationRules));
  }catch(_){calculationRules=[];}
}
function persistCalculationRules(){
  try{localStorage.setItem(CALCULATION_RULE_STORAGE_KEY,JSON.stringify(calculationRules));}catch(_){ }
  invalidateCostingAggregateCache();
}
function calculationRuleValueMatches(ruleValue,current,field){
  if(!ruleValue||ruleValue==='*')return true;
  if(field==='month')return monthKey(ruleValue)===monthKey(current);
  if(field==='portfolio')return normText(canonicalPortfolio(ruleValue))===normText(canonicalPortfolio(current));
  if(field==='supervisor')return normText(canonicalSupervisor(ruleValue))===normText(canonicalSupervisor(current));
  return normText(ruleValue)===normText(current);
}
function calculationRuleConditionMatches(rule,context={}){
  const condition=String(rule.condition||'always');
  if(condition==='always')return true;
  if(condition==='billing_exists')return context.billingExists!==false;
  if(condition==='statement_exists')return context.statementExists!==false;
  if(condition==='rate_configured')return context.rateConfigured!==false;
  if(condition==='credit_note_exists')return context.creditNoteExists!==false;
  if(condition==='supervisor_tds_exists')return context.supervisorTdsExists!==false;
  return true;
}
function calculationRuleMatches(rule,context={}){
  if(!rule||rule.active===false)return false;
  for(const field of ['company','head','supervisor','portfolio','month','state','location','segment']){
    if(!calculationRuleValueMatches(rule[field],context[field],field))return false;
  }
  if(rule.page&&rule.page!=='all'&&!calculationRuleValueMatches(rule.page,context.page,'page'))return false;
  if(rule.kpi&&rule.kpi!=='*'&&!calculationRuleValueMatches(rule.kpi,context.kpi,'kpi'))return false;
  return calculationRuleConditionMatches(rule,context);
}
function builtInConditionEnabled(key,defaultValue,context={}){
  const rule=calculationRules.filter(item=>item.type==='condition'&&item.conditionKey===key&&item.active!==false&&calculationRuleMatches(item,{...context,page:'shared'})&&(!item.head||accountAdjustmentHeadMatches(context.row,item.head))).sort((a,b)=>{
    const priority=Number(b.priority||0)-Number(a.priority||0);
    return priority||String(b.updatedAt||'').localeCompare(String(a.updatedAt||''));
  })[0];
  if(!rule)return defaultValue;
  return (rule.conditionAction||'disable')!=='disable';
}
function accountAdjustmentTextMatches(expected,current){
  const want=String(expected||'').trim();
  if(!want||want==='*')return true;
  const actual=normText(current);
  return want.split(/[\n,;|]+/).map(v=>normText(v)).filter(Boolean).some(v=>actual.includes(v));
}
function accountAdjustmentHeadMatches(row,head){
  if(!head)return true;
  if(accountAdjustmentTextMatches(head,row?.allocationHead||row?.head))return true;
  const supervisor=assignmentSupervisorKey(row?.supervisor);
  const company=row?.sourceCompany||row?.company||'';
  const portfolio=canonicalPortfolio(row?.portfolio);
  const month=monthKey(row?.socMonth);
  return (monthlyAssignmentRows||[]).some(a=>a.active!==false&&
    (!company||a.company===company)&&
    (!supervisor||assignmentSupervisorKey(a.supervisor)===supervisor)&&
    (!portfolio||normText(canonicalPortfolio(a.portfolio))===normText(portfolio))&&
    (!month||assignmentAppliesToMonth(a,month))&&
    accountAdjustmentTextMatches(head,a.head));
}
function accountAdjustmentRuleMatches(rule,row){
  if(!rule||rule.type!=='adjustment'||rule.active===false||!row)return false;
  if(row.__adjustmentRuleIds?.includes(rule.id))return false;
  if(!calculationRuleConditionMatches(rule,{statementExists:true,billingExists:true,rateConfigured:true}))return false;
  if(rule.company&&!accountAdjustmentTextMatches(rule.company,row.sourceCompany||row.company))return false;
  if(rule.head&&!accountAdjustmentHeadMatches(row,rule.head))return false;
  if(rule.supervisor&&!accountAdjustmentTextMatches(rule.supervisor,row.supervisor))return false;
  if(rule.portfolio&&!accountAdjustmentTextMatches(rule.portfolio,row.portfolio))return false;
  if(rule.month&&monthKey(rule.month)!==monthKey(row.socMonth))return false;
  if(rule.state&&!accountAdjustmentTextMatches(rule.state,row.state||statementSettlementState(row)))return false;
  if(rule.location&&!accountAdjustmentTextMatches(rule.location,row.location))return false;
  if(rule.segment&&!accountAdjustmentTextMatches(rule.segment,row.segment))return false;
  if(rule.adjustmentAccountId&&!accountAdjustmentTextMatches(rule.adjustmentAccountId,row.accountId))return false;
  if(rule.adjustmentBank&&!accountAdjustmentTextMatches(rule.adjustmentBank,row.bank))return false;
  if(rule.adjustmentName&&!accountAdjustmentTextMatches(rule.adjustmentName,row.name))return false;
  if(rule.adjustmentDescription&&!accountAdjustmentTextMatches(rule.adjustmentDescription,row.description))return false;
  if(rule.adjustmentReference&&!accountAdjustmentTextMatches(rule.adjustmentReference,row.reference))return false;
  if(rule.adjustmentRemark&&!accountAdjustmentTextMatches(rule.adjustmentRemark,row.remark))return false;
  if(rule.adjustmentType&&!accountAdjustmentTextMatches(rule.adjustmentType,row.type))return false;
  if(rule.adjustmentLocation&&!accountAdjustmentTextMatches(rule.adjustmentLocation,row.location))return false;
  const column=rule.adjustmentColumn==='credit'?'credit':'debit';
  const amount=Number(row[column]||0);
  if(rule.adjustmentAmountMin!==''&&rule.adjustmentAmountMin!=null&&Number.isFinite(Number(rule.adjustmentAmountMin))&&amount<Number(rule.adjustmentAmountMin))return false;
  if(rule.adjustmentAmountMax!==''&&rule.adjustmentAmountMax!=null&&Number.isFinite(Number(rule.adjustmentAmountMax))&&amount>Number(rule.adjustmentAmountMax))return false;
  return true;
}
function accountAdjustmentShares(rule,row){
  const raw=String(rule?.splitShares||'').trim();
  const target=String(rule?.targetSupervisor||'').trim();
  const mode=rule?.splitMode==='amount'?'amount':'percentage';
  const parsed=raw.split(/[\n,;|]+/).map(item=>{
    const match=item.trim().match(/^(.+?)(?:\s*[:=]\s*)([\d.]+)\s*%?$/);
    if(!match)return null;
    const supervisor=normText(match[1])==='KEEP ORIGINAL ALLOCATION'?'__KEEP_ORIGINAL__':match[1].trim();
    return {supervisor,share:Number(match[2]),mode};
  }).filter(item=>item&&item.supervisor&&Number.isFinite(item.share)&&item.share>0);
  if(parsed.length)return parsed;
  return target?[{supervisor:target,share:100}]:[];
}
function accountAdjustmentAmount(rule,row){
  const raw=rule?.adjustmentAmount;
  const fixed=Number(raw);
  if(raw!==''&&raw!=null&&Number.isFinite(fixed)&&fixed>=0)return fixed;
  const column=rule?.adjustmentColumn==='credit'?'credit':'debit';
  return Number(row?.[column]||0);
}
function accountAdjustmentTarget(row,rule,supervisor){
  const next={...row};
  if(rule.targetCompany)next.sourceCompany=rule.targetCompany;
  if((rule.targetSupervisor||supervisor)&&supervisor!=='__KEEP_ORIGINAL__')next.supervisor=supervisor||rule.targetSupervisor;
  if(rule.targetHead)next.allocationHead=rule.targetHead;
  if(rule.targetPortfolio)next.portfolio=canonicalPortfolio(rule.targetPortfolio);
  if(rule.targetMonth)next.socMonth=rule.targetMonth;
  return next;
}
function accountAdjustmentTrace(row,rule,amount,target){
  return [...(row.adjustmentTrace||[]),{
    ruleId:rule.id,ruleName:rule.name||'Unnamed adjustment',action:rule.adjustmentAction||'add',
    amount:Number(amount||0),targetSupervisor:target?.supervisor||target?.allocationSupervisor||target?.supervisor||'',
    targetHead:target?.allocationHead||rule.targetHead||'',targetMonth:target?.socMonth||rule.targetMonth||'',
    targetPortfolio:target?.portfolio||rule.targetPortfolio||''
  }];
}
function applyAccountAdjustmentRule(rows,rule){
  const action=rule.adjustmentAction||'add';
  const column=rule.adjustmentColumn==='credit'?'credit':'debit';
  if(action==='transfer'){
    const matches=(rows||[]).filter(row=>accountAdjustmentRuleMatches(rule,row));
    if(!matches.length)return rows;
    const sourceTotal=matches.reduce((sum,row)=>sum+Math.max(0,Number(row[column]||0)),0);
    const requested=Math.max(0,accountAdjustmentAmount(rule,{[column]:sourceTotal}));
    const sourceTotalCents=Math.round(sourceTotal*100);
    const transferCents=Math.min(Math.round(requested*100),sourceTotalCents);
    if(!transferCents||!sourceTotalCents)return rows;
    let remainingCents=transferCents;
    return rows.flatMap(row=>{
      if(!matches.includes(row))return [row];
      const rowAmountCents=Math.max(0,Math.round(Number(row[column]||0)*100));
      const isLast=row===matches[matches.length-1];
      const movedCents=isLast?Math.min(rowAmountCents,remainingCents):Math.min(rowAmountCents,Math.round(transferCents*(rowAmountCents/sourceTotalCents)));
      remainingCents=Math.max(0,remainingCents-movedCents);
      const moved=movedCents/100;
      const rowAmount=rowAmountCents/100;
      if(!movedCents)return [row];
      const otherColumn=column==='debit'?'credit':'debit';
      const source={...row};
      source[column]=Math.max(0,rowAmount-moved);
      source.isRuleAdjustment=true;
      source.__adjustmentRuleIds=[...(row.__adjustmentRuleIds||[]),rule.id];
      source.adjustmentTrace=accountAdjustmentTrace(row,rule,-moved,source);
      source.adjustmentSourceAmount=moved;
      const target=accountAdjustmentTarget(row,rule,rule.targetSupervisor);
      target[column]=moved;
      target[otherColumn]=0;
      target.isRuleAdjustment=true;
      target.allocationSource='SOC supervisor transfer';
      target.__adjustmentRuleIds=[...(row.__adjustmentRuleIds||[]),rule.id];
      target.adjustmentTrace=accountAdjustmentTrace(row,rule,moved,target);
      target.adjustmentSourceAmount=moved;
      return [source,target];
    });
  }
  if(action==='split'){
    const shares=accountAdjustmentShares(rule,{});
    if(!shares.length)return rows;
    return rows.flatMap(row=>{
      if(!accountAdjustmentRuleMatches(rule,row))return [row];
      const total=accountAdjustmentAmount(rule,row);
      if(!total)return [row];
      const otherColumn=column==='debit'?'credit':'debit';
       const shareTotal=shares.reduce((sum,item)=>sum+item.share,0);
       const fixedShares=shares.some(item=>item.mode==='amount');
       return shares.map((item,index)=>{
         const allocated=fixedShares?item.share:total*(item.share/shareTotal);
        const next=accountAdjustmentTarget(row,rule,item.supervisor);
        next[column]=allocated;
        next[otherColumn]=index===0?Number(row[otherColumn]||0):0;
        next.isRuleAdjustment=true;
        next.__adjustmentRuleIds=[...(row.__adjustmentRuleIds||[]),rule.id];
        next.adjustmentTrace=accountAdjustmentTrace(row,rule,allocated,next);
        next.adjustmentSourceAmount=total;
        return next;
      });
    });
  }
  return rows.map(row=>{
    if(!accountAdjustmentRuleMatches(rule,row))return row;
    const amount=accountAdjustmentAmount(rule,row);
    if(!amount)return row;
    const signed=action==='subtract'?-amount:amount;
    const next=accountAdjustmentTarget(row,rule,rule.targetSupervisor||row.supervisor);
    next[column]=Math.max(0,Number(row[column]||0)+signed);
    next.isRuleAdjustment=true;
    next.__adjustmentRuleIds=[...(row.__adjustmentRuleIds||[]),rule.id];
    next.adjustmentTrace=accountAdjustmentTrace(row,rule,signed,next);
    next.adjustmentSourceAmount=amount;
    return next;
  });
}
function applyAccountAdjustmentRules(rows){
  const rules=calculationRules.filter(rule=>rule.type==='adjustment'&&rule.active!==false).sort((a,b)=>{
    const priority=Number(b.priority||0)-Number(a.priority||0);
    return priority||String(a.updatedAt||'').localeCompare(String(b.updatedAt||''));
  });
  return rules.reduce((current,rule)=>applyAccountAdjustmentRule(current,rule),rows||[]);
}
function getCalculationRule(type,context={}){
  return calculationRules.filter(rule=>rule.type===type&&calculationRuleMatches(rule,context)).sort((a,b)=>{
    const priority=Number(b.priority||0)-Number(a.priority||0);
    if(priority)return priority;
    const specificity=['company','head','supervisor','portfolio','month','page','kpi'].reduce((sum,field)=>sum+(b[field]&&b[field]!=='*'&&b[field]!=='all'?1:0)-(a[field]&&a[field]!=='*'&&a[field]!=='all'?1:0),0);
    return specificity||String(b.updatedAt||'').localeCompare(String(a.updatedAt||''));
  })[0]||null;
}
function calculationRateRule(rates,context={}){
  const rule=getCalculationRule('rate',context);
  const value=Number(rule?.value);
  if(!rule||!Number.isFinite(value))return rates;
  const base=rates||{};
  const target=rule.rateTarget||'all';
  const result={headRate:base.headRate??null,supervisorRate:base.supervisorRate??null,totalRate:base.totalRate??null};
  if(target==='head'||target==='all')result.headRate=value;
  if(target==='supervisor'||target==='all')result.supervisorRate=value;
  result.totalRate=target==='head'?result.headRate:(target==='supervisor'?result.supervisorRate:(result.supervisorRate??result.headRate??value));
  return result;
}
function calculationFormulaValue(formula,vars){
  const aliases={
    previous:'previous',previousbalance:'previous',final:'final',finalcosting:'final',
    displayed:'displayedNetDebit',displayednetdebit:'displayedNetDebit',base:'baseNetDebit',basedebit:'baseNetDebit',
    basenetdebit:'baseNetDebit',return:'returnAmount',returnamount:'returnAmount',
    bill:'bill',basicbill:'bill',igst:'igst',tds:'tds',netbilling:'netBilling',received:'received',
    outstanding:'outstanding',creditnote:'creditNote',supervisortds:'supervisorTds',debit:'displayedNetDebit',
    closing:'closing'
  };
  let expression=String(formula||'').toLowerCase().replace(/\b(previous balance|previous_balance|previousbalance)\b/g,'previous').replace(/\b(final costing|final_costing|finalcosting)\b/g,'final').replace(/\b(displayed net debit|displayed_net_debit|displayednetdebit)\b/g,'displayednetdebit').replace(/\b(base net debit|base_net_debit|basenetdebit|base debit)\b/g,'basenetdebit').replace(/\b(return amount|return_amount|returnamount)\b/g,'returnamount');
  Object.keys(aliases).forEach(key=>{expression=expression.replace(new RegExp('\\b'+key+'\\b','g'),String(vars[aliases[key]]??0));});
  if(!/^[0-9+\-*/().\s]+$/.test(expression))return null;
  try{
    const value=Function(`"use strict";return (${expression})`)();
    return Number.isFinite(Number(value))?Number(value):null;
  }catch(_){return null;}
}
function calculationRuleClosing(row,displayedNetDebit,context={}){
  const rule=getCalculationRule('closing',context);
  if(!rule)return null;
  const vars={previous:Number(row?.opening||0),final:Number(row?.entitlement??row?.finalCostingAmount??row?.amount??0),displayedNetDebit:Number(displayedNetDebit??0),baseNetDebit:Number(row?.netDebit??row?.netDebt??0),returnAmount:Number(row?.returnAmount||0)};
  const formula=rule.formula||rule.value;
  return calculationFormulaValue(formula,vars);
}
loadCalculationRules();
function multiFilterValues(value){
  if(Array.isArray(value))return value.map(v=>String(v??'').trim()).filter(Boolean);
  return String(value??'').split(MULTI_FILTER_SEPARATOR).map(v=>v.trim()).filter(Boolean);
}
function multiFilterEncode(values){
  return [...new Set(multiFilterValues(values))].join(MULTI_FILTER_SEPARATOR);
}
function multiFilterMatches(candidate,selected,normalizer=v=>normText(v)){
  const values=multiFilterValues(selected);
  if(!values.length)return true;
  const actual=normalizer(candidate);
  return values.some(value=>actual===normalizer(value));
}
function multiFilterKeepAvailable(selected,options,normalizer=v=>normText(v)){
  const values=multiFilterValues(selected);
  if(!values.length)return '';
  return multiFilterEncode(values.filter(value=>options.some(option=>normalizer(option)===normalizer(value))));
}
function multiFilterDisplayText(selected,options,allLabel,formatter){
  const values=multiFilterValues(selected);
  if(!values.length)return allLabel;
  if(values.length===1){
    const found=options.find(option=>String(option)===values[0]);
    return formatter?formatter(found??values[0]):(found??values[0]);
  }
  return `${values.length} selected`;
}
function multiFilterOptionsMarkup(id,options,selected,allLabel,formatter){
  const values=multiFilterValues(selected);
  return `<label class="multi-filter-option"><input type="checkbox" data-multi-filter-id="${htmlEscape(id)}" value="" ${values.length?'':'checked'} onchange="handleMultiFilterChange(this)"><span>${htmlEscape(allLabel)}</span></label>${options.map(option=>{const raw=String(option??'');return `<label class="multi-filter-option"><input type="checkbox" data-multi-filter-id="${htmlEscape(id)}" value="${htmlEscape(raw)}" ${values.includes(raw)?'checked':''} onchange="handleMultiFilterChange(this)"><span>${htmlEscape(formatter?formatter(option):raw)}</span></label>`;}).join('')}`;
}
function handleMultiFilterToggle(details){
  if(!details?.open)return;
  document.querySelectorAll('.multi-filter-control[open]').forEach(other=>{
    if(other!==details)other.removeAttribute('open');
  });
}
function handleMultiFilterMouseEnter(details){
  const id=details?.id||'';
  if(id&&multiFilterCloseTimers[id]){
    clearTimeout(multiFilterCloseTimers[id]);
    delete multiFilterCloseTimers[id];
  }
}
function handleMultiFilterMouseLeave(details){
  const id=details?.id||'';
  if(!id)return;
  if(multiFilterCloseTimers[id])clearTimeout(multiFilterCloseTimers[id]);
  multiFilterCloseTimers[id]=setTimeout(()=>{
    delete multiFilterCloseTimers[id];
    if(details.matches(':hover'))return;
    details.removeAttribute('open');
  },50);
}
function closeMultiFiltersOutside(event){
  if(event.target.closest?.('.multi-filter-control'))return;
  document.querySelectorAll('.multi-filter-control[open]').forEach(details=>details.removeAttribute('open'));
}
document.addEventListener('click',closeMultiFiltersOutside);
document.addEventListener('keydown',event=>{
  if(event.key==='Escape')document.querySelectorAll('.multi-filter-control[open]').forEach(details=>details.removeAttribute('open'));
});
function multiFilterControl(id,selected,options,allLabel,callback,formatter){
  const available=(options||[]).map(v=>String(v??'')).filter(Boolean);
  const valid=multiFilterKeepAvailable(selected,available,v=>String(v));
  multiFilterCallbacks[id]=callback;
  multiFilterFormatters[id]=formatter;
  const reopened=multiFilterReopenId===id;
  const reopen=reopened?' open':'';
  const reopenClass=reopened?' multi-filter-reopened':'';
  return `<details class="multi-filter-control${reopenClass}" id="${htmlEscape(id)}Multi"${reopen} ontoggle="handleMultiFilterToggle(this)" onmouseenter="handleMultiFilterMouseEnter(this)" onmouseleave="handleMultiFilterMouseLeave(this)"><summary id="${htmlEscape(id)}Label" data-all-label="${htmlEscape(allLabel)}">${htmlEscape(multiFilterDisplayText(valid,available,allLabel,formatter))}</summary><div class="multi-filter-menu">${multiFilterOptionsMarkup(id,available,valid,allLabel,formatter)}</div></details><input class="multi-filter-hidden" type="hidden" id="${htmlEscape(id)}" value="${htmlEscape(valid)}">`;
}
function updateMultiFilterControl(id,options,allLabel,formatter){
  const hidden=document.getElementById(id);
  const menu=document.querySelector(`#${id}Multi .multi-filter-menu`);
  if(!hidden||!menu)return;
  const available=(options||[]).map(v=>String(v??'')).filter(Boolean);
  multiFilterFormatters[id]=formatter;
  const valid=multiFilterKeepAvailable(hidden.value,available,v=>String(v));
  hidden.value=valid;
  menu.innerHTML=multiFilterOptionsMarkup(id,available,valid,allLabel,formatter);
  const label=document.getElementById(`${id}Label`);
  if(label)label.firstChild.textContent=multiFilterDisplayText(valid,available,allLabel,formatter);
}
function handleMultiFilterChange(input){
  const id=input?.dataset?.multiFilterId;
  if(!id)return;
  const boxes=[...document.querySelectorAll(`input[data-multi-filter-id="${CSS.escape(id)}"]`)];
  if(input.value==='')boxes.forEach(box=>{box.checked=box===input;});
  else{
    const all=boxes.find(box=>box.value==='');
    if(all)all.checked=false;
    if(!boxes.some(box=>box.checked&&box.value!=='' )&&all)all.checked=true;
  }
  const values=boxes.filter(box=>box.checked&&box.value!=='').map(box=>box.value);
  const hidden=document.getElementById(id);
  if(hidden)hidden.value=multiFilterEncode(values);
  const label=document.getElementById(`${id}Label`);
  if(label){const options=boxes.filter(box=>box.value!=='').map(box=>box.value);label.firstChild.textContent=multiFilterDisplayText(hidden?.value||'',options,label.dataset.allLabel||'All',multiFilterFormatters[id]);}
  const callback=multiFilterCallbacks[id];
  if(typeof callback==='function'){
    multiFilterReopenId=id;
    callback(values);
    requestAnimationFrame(()=>{if(multiFilterReopenId===id)multiFilterReopenId='';});
  }
}
let creditNoteRows=[];
let supervisorTdsRows=[];
let returnAmountRows=[];
let returnAmountSheetStatus='Not loaded';
let march2026ClosingRows=[];
// Must exactly match SCRIPT_BUILD_VERSION in the Apps Script (.gs) file. Used to
// detect when the live web app is still serving an old/undeployed version.
const APPS_SCRIPT_EXPECTED_BUILD='march2026-billing-18col-v1';
let costingSettlementRows=[];
let lastLiveSheets=null;
let lastSeedMeta=null;
let socStatementRows=[];
let importedWorkbookName='';
let importWarnings=[];

const socDeductionTypes=['ADVANCE','SALARY','OFFICE','INCENTIVE','CONVEYANCE','DRA'];
function normalizeStatementPortfolio(p){
 const x=String(p||'').trim().toUpperCase();
 if(x==='RBL')return 'RBL Bank';
 if(x==='FIC')return 'Hero';
 return String(p||'').trim();
}
function monthKey(v){
 if(v==null||v==='')return '';
 if(v instanceof Date && !isNaN(v)){
   return `${v.getFullYear()}-${String(v.getMonth()+1).padStart(2,'0')}`;
 }
 if(typeof v==='number' && v>20000 && typeof XLSX!=='undefined'){
   const d=XLSX.SSF.parse_date_code(v);
   if(d)return `${d.y}-${String(d.m).padStart(2,'0')}`;
 }
 const s=String(v||'').trim();
 const dateFn=s.match(/^Date\((\d{4}),\s*(\d{1,2}),\s*(\d{1,2})\)$/i);
 if(dateFn){
   return `${dateFn[1]}-${String(Number(dateFn[2])+1).padStart(2,'0')}`;
 }
 const months={JAN:1,FEB:2,MAR:3,APR:4,MAY:5,JUN:6,JUL:7,AUG:8,SEP:9,OCT:10,NOV:11,DEC:12};
 let m=s.toUpperCase().match(/^([A-Z]{3,9})[\s\-\/]+(\d{2}|\d{4})$/);
 if(m){
   const mon=months[m[1].slice(0,3)];
   if(mon){
     let year=Number(m[2]);
     if(year<100)year+=2000;
     return `${year}-${String(mon).padStart(2,'0')}`;
   }
 }
 m=s.match(/^(\d{4})-(\d{2})$/);
 if(m){
   const mon=Number(m[2]);
   if(mon>=1&&mon<=12)return `${m[1]}-${m[2]}`;
 }
 m=s.match(/^(\d{1,2})[\-\/](\d{2}|\d{4})$/);
 if(m){
   let year=Number(m[2]);
   if(year<100)year+=2000;
   const mon=Number(m[1]);
   if(mon>=1&&mon<=12)return `${year}-${String(mon).padStart(2,'0')}`;
 }
 const d=new Date(s);
 if(!isNaN(d))return `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}`;
 return s.toUpperCase();
}
function normalizeSocMonth(v){
  const k=monthKey(v);
  const m=k.match(/^(\d{4})-(\d{2})$/);
  if(!m)return String(v||'').trim();
  const names=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
  return `${names[Number(m[2])-1]}-${m[1]}`;
}
function isDashboardVisibleMonth(v){
  const k=monthKey(v);
  return /^\d{4}-\d{2}$/.test(k) && monthOrdinal(k)>monthOrdinal('2026-03');
}

 function costingRatesForSupervisor(supervisor,month,company='',portfolio='',head=''){
   const s=normText(canonicalSupervisor(supervisor));
   const m=monthKey(month);
   if(!s||!m)return null;
   const cacheKey=[s,m,String(company||''),normText(canonicalPortfolio(portfolio)),normText(head)].join('|');
   if(costingRatesCache.has(cacheKey))return costingRatesCache.get(cacheKey);
    const candidates=costingMasterRows.filter(r=>
     normText(canonicalSupervisor(r.supervisor))===s &&
     monthKey(r.month)===m &&
     (!r.company||!multiFilterValues(company).length||multiFilterMatches(r.company,company,v=>String(v))) &&
      (!r.portfolio||!multiFilterValues(portfolio).length||multiFilterMatches(r.portfolio,portfolio,v=>normText(canonicalPortfolio(v)))) &&
      (!head||!r.head||multiFilterMatches(r.head,head,normText))
   );
    if(!candidates.length&&head){
      // Some Costing_Master versions store Head and Supervisor rates on
      // separate rows. Prefer an exact pair row above, then combine the
      // matching Head-month and Supervisor-month rows as a safe fallback.
      const scopeMatches=r=>monthKey(r.month)===m &&
        (!r.company||!multiFilterValues(company).length||multiFilterMatches(r.company,company,v=>String(v))) &&
        (!r.portfolio||!multiFilterValues(portfolio).length||multiFilterMatches(r.portfolio,portfolio,v=>normText(canonicalPortfolio(v))));
      const headRows=costingMasterRows.filter(r=>scopeMatches(r)&&r.head&&multiFilterMatches(r.head,head,normText));
      const supervisorRows=costingMasterRows.filter(r=>scopeMatches(r)&&normText(canonicalSupervisor(r.supervisor))===s);
      const pickRate=(rows,key,kind)=>{
        const ranked=rows.map(row=>({row,score:
          (row.company&&company&&row.company===company?2:0)+
          (row.portfolio&&portfolio&&normText(canonicalPortfolio(row.portfolio))===normText(canonicalPortfolio(portfolio))?1:0)+
          (kind==='head'&&row.head&&normText(row.head)===normText(head)?3:0)+
          (kind==='supervisor'&&row.supervisor&&normText(canonicalSupervisor(row.supervisor))===s?3:0)
        })).sort((a,b)=>b.score-a.score);
        if(!ranked.length)return null;
        const bestScore=ranked[0].score;
        const values=[...new Set(ranked.filter(x=>x.score===bestScore).map(x=>x.row[key]).filter(v=>v!=null&&v!=='').map(Number).filter(Number.isFinite))];
        return values.length===1?values[0]:null;
      };
      const headRate=pickRate(headRows,'headCosting','head');
      const supervisorRate=pickRate(supervisorRows,'supervisorCosting','supervisor');
      const legacyValues=[...new Set([...headRows,...supervisorRows].map(r=>r.rate).filter(v=>v!=null&&v!=='').map(Number).filter(Number.isFinite))];
      const legacyRate=legacyValues.length===1?legacyValues[0]:null;
      if(headRate!=null||supervisorRate!=null||legacyRate!=null){
         const result=calculationRateRule({headRate,supervisorRate:supervisorRate!=null?supervisorRate:(headRate==null?legacyRate:null),totalRate:supervisorRate!=null?supervisorRate:(headRate!=null?headRate:legacyRate)},{...({company,portfolio,head,supervisor}),month:m});
         costingRatesCache.set(cacheKey,result);
         return result;
      }
    }
     if(!candidates.length){
       const override=calculationRateRule(null,{...({company,portfolio,head,supervisor}),month:m});
       costingRatesCache.set(cacheKey,override);
       return override;
     }
 const ranked=candidates.map(r=>({
   row:r,
   score:(r.company&&company&&r.company===company?2:0)+
      (r.portfolio&&portfolio&&normText(canonicalPortfolio(r.portfolio))===normText(canonicalPortfolio(portfolio))?1:0)+
      (r.head&&head&&normText(r.head)===normText(head)?3:0)
 })).sort((a,b)=>b.score-a.score);
  const bestScore=ranked[0].score;
  const best=ranked.filter(x=>x.score===bestScore);
  const uniqueNumbers=key=>[...new Set(best.map(x=>x.row[key]).filter(v=>v!=null&&v!=='').map(Number).filter(Number.isFinite))];
  const headRates=uniqueNumbers('headCosting');
  const supervisorRates=uniqueNumbers('supervisorCosting');
  const legacyRates=uniqueNumbers('rate');
   if(headRates.length>1||supervisorRates.length>1||(!headRates.length&&!supervisorRates.length&&legacyRates.length>1)){
     costingRatesCache.set(cacheKey,null);
     return null;
   }
  const headRate=headRates.length?headRates[0]:null;
   const supervisorRate=supervisorRates.length?supervisorRates[0]:(headRate==null&&legacyRates.length?legacyRates[0]:null);
    if(headRate==null&&supervisorRate==null){costingRatesCache.set(cacheKey,null);return null;}
    // Head Costing and Supervisor Costing are alternative rates, not additive.
     const result=calculationRateRule({headRate,supervisorRate,totalRate:supervisorRate!=null?supervisorRate:headRate},{...({company,portfolio,head,supervisor}),month:m});
     costingRatesCache.set(cacheKey,result);
    return result;
  }
  function costingRateForSupervisor(supervisor,month,company='',portfolio='',head=''){
   const rates=costingRatesForSupervisor(supervisor,month,company,portfolio,head);
   return rates?rates.totalRate:null;
  }
   function costingApplicableRate(rates,filters={}){
    if(!rates)return null;
    const hasHead=multiFilterValues(filters.head).length>0;
    const hasSupervisor=filters.__costingSupervisorExplicit!==false&&multiFilterValues(filters.supervisor).length>0;
    if(hasHead&&!hasSupervisor)return rates.headRate!=null?rates.headRate:rates.supervisorRate;
    return rates.supervisorRate!=null?rates.supervisorRate:rates.headRate;
   }
   function costingRateForBill(b,filters={},assignmentCost=false){
    const supervisor=assignmentCost?assignmentSupervisorForBill(b):billSupervisor(b);
    if(!supervisor)return null;
    const rates=costingRatesForSupervisor(supervisor,b.month,b.c,b.p,billHead(b));
    return costingApplicableRate(rates,filters);
   }

function activeCreditNotes(){
  if(creditNoteRows===activeCreditNotesCacheSource)return activeCreditNotesCacheValue;
  activeCreditNotesCacheSource=creditNoteRows;
  activeCreditNotesCacheValue=(creditNoteRows||[]).filter(r=>Number(r.amount||0)!==0 && r.company && r.month && r.supervisor);
  return activeCreditNotesCacheValue;
}
function activeSupervisorTds(){
  if(activeSupervisorTdsCacheSource===supervisorTdsRows)return activeSupervisorTdsCacheValue;
  activeSupervisorTdsCacheSource=supervisorTdsRows;
  activeSupervisorTdsCacheValue=(supervisorTdsRows||[]).filter(r=>Number(r.amount||0)!==0 && r.month && r.supervisor);
  return activeSupervisorTdsCacheValue;
}
function supervisorTdsMatchesFilters(r,filters={},month=''){
  if(month&&!multiFilterMatches(r.month,month,v=>monthKey(v)))return false;
  if(filters.supervisor&&!multiFilterMatches(r.supervisor,filters.supervisor,v=>normText(canonicalSupervisor(v))))return false;
  if(filters.head&&r.head&&!multiFilterMatches(r.head,filters.head,normText))return false;
  return true;
}
function supervisorTdsTotal(filters={},month=''){
  if(getCalculationRule('tds',{...filters,month:month||filters.month})){
    const rule=getCalculationRule('tds',{...filters,month:month||filters.month});
    if(String(rule.value||'include').toLowerCase()==='exclude')return 0;
  }
  return activeSupervisorTds().filter(r=>supervisorTdsMatchesFilters(r,filters,month)).reduce((a,r)=>a+Number(r.amount||0),0);
}
function supervisorTdsKpiValue(filters,amount,aggregate=false){
  if(!filters.supervisor&&!aggregate)return 'Select Supervisor';
  if(filters.supervisor&&!filters.month)return 'Select Month';
  return money(amount);
}
function supervisorTdsTotalForRows(rows,assignmentCost=false){
  let total=0;
  activeSupervisorTds().forEach(t=>{
    const match=(rows||[]).find(b=>{
      const supervisor=assignmentCost?assignmentSupervisorForBill(b):billSupervisor(b);
      const head=billHead(b);
      return monthKey(t.month)===monthKey(b.month) &&
        normText(canonicalSupervisor(t.supervisor))===normText(canonicalSupervisor(supervisor)) &&
        (!t.head||!head||normText(t.head)===normText(head));
    });
     if(!match)return;
     const matchedSupervisor=assignmentCost?assignmentSupervisorForBill(match):billSupervisor(match);
     const rule=getCalculationRule('tds',{company:match.c,head:billHead(match),supervisor:matchedSupervisor,portfolio:match.p,month:match.month});
     if(rule&&String(rule.value||'include').toLowerCase()==='exclude')return;
     total+=Number(t.amount||0);
  });
  return total;
}
function activeReturnAmounts(){
  if(returnAmountRows===activeReturnAmountsCacheSource)return activeReturnAmountsCacheValue;
  activeReturnAmountsCacheSource=returnAmountRows;
  activeReturnAmountsCacheValue=(returnAmountRows||[]).filter(r=>r.supervisor&&r.month&&Number(r.amount||0)!==0);
  return activeReturnAmountsCacheValue;
}
function returnAmountMatchesFilters(r,filters={},month=''){
  if(month&&!multiFilterMatches(r.month,month,v=>monthKey(v)))return false;
  if(filters.supervisor&&!multiFilterMatches(r.supervisor,filters.supervisor,v=>normText(canonicalSupervisor(v))))return false;
  // Return Amount is allocated by Head + Supervisor + Month when Head is present.
  // Keep blank-Head rows as supervisor-level fallback rows for legacy data.
  if(filters.head&&r.head&&!multiFilterMatches(r.head,filters.head,normText))return false;
  return true;
}
function returnAmountTotal(filters={},month=''){
  return activeReturnAmounts()
    .filter(r=>returnAmountMatchesFilters(r,filters,month))
    .reduce((a,r)=>a+Number(r.amount||0),0);
}
function returnAmountKpiMeta(){
  if(returnAmountRows.length)return 'Head + Supervisor + Month from Return Amount';
  if(returnAmountSheetStatus==='Schema mismatch')return 'Return Amount headers not found in Google Sheet';
  return 'Head + Supervisor + Month from Return Amount';
}
function hasReturnAmountHeaders(rows){
  if(!Array.isArray(rows)||!rows.length)return false;
  const headers=Array.isArray(rows[0])?rows[0]:Object.keys(rows[0]||{});
  const keys=headers.map(normHeader);
  return ['Date','Name','Portfolio','Location','Amount','Head','Supervisor Name','Month','Customer Name']
    .every(header=>keys.includes(normHeader(header)));
}
function creditNoteCompanyIdByName(name){
 const key=normText(name);
 if(!key)return '';
 const exact=(companies||[]).filter(c=>normText(c.name)===key);
 if(exact.length===1)return exact[0].id;
 const byCode=(companies||[]).filter(c=>companyCodeAliases(c.code||'').some(a=>normText(a)===key));
 return byCode.length===1?byCode[0].id:'';
}
function creditNoteMatchesFilters(r,filters={},month=''){
  if(month && !multiFilterMatches(r.month,month,v=>monthKey(v)))return false;
  if(filters.company && !multiFilterMatches(r.company,filters.company,v=>String(v)))return false;
   if(filters.supervisor && !multiFilterMatches(r.supervisor,filters.supervisor,v=>normText(canonicalSupervisor(v))))return false;
   if(filters.head && !multiFilterMatches(r.head,filters.head,normText))return false;
  if(filters.portfolio && !multiFilterMatches(r.bank,filters.portfolio,v=>normText(canonicalPortfolio(v))))return false;
  if(filters.state && !multiFilterMatches(r.state,filters.state,stateKey))return false;
 // Credit Note file is state-level only. Do not allocate a full state credit note to an individual city/location.
 if(filters.location)return false;
 return true;
}
function creditNoteTotal(filters={},month=''){
  const rule=getCalculationRule('credit',{...filters,month:month||filters.month});
  if(rule&&String(rule.value||'include').toLowerCase()==='exclude')return 0;
  return activeCreditNotes().filter(r=>creditNoteMatchesFilters(r,filters,month)).reduce((a,r)=>a+Number(r.amount||0),0);
}
function creditNoteMatchesBillSubset(r,rows,assignmentCost=false){
 return (rows||[]).some(b=>{
   const sup=assignmentCost?assignmentSupervisorForBill(b):billSupervisor(b);
   if(r.company && r.company!==b.c)return false;
   if(r.month && monthKey(r.month)!==monthKey(b.month))return false;
    if(r.supervisor && normText(canonicalSupervisor(r.supervisor))!==normText(canonicalSupervisor(sup)))return false;
    const bh=billHead(b);
    if(r.head && bh && normText(r.head)!==normText(bh))return false;
   if(r.bank && normText(canonicalPortfolio(r.bank))!==normText(canonicalPortfolio(b.p)))return false;
   if(r.state && stateKey(r.state)!==stateKey(b.state))return false;
   return true;
 });
}
function creditNoteTotalForRows(rows,assignmentCost=false){
  return activeCreditNotes().filter(r=>{
    if(!creditNoteMatchesBillSubset(r,rows,assignmentCost))return false;
    const match=(rows||[]).find(b=>creditNoteMatchesBillSubset(r,[b],assignmentCost));
    const rule=getCalculationRule('credit',{company:match?.c||r.company,head:match?billHead(match):r.head,supervisor:match?(assignmentCost?assignmentSupervisorForBill(match):billSupervisor(match)):r.supervisor,portfolio:match?.p||r.bank,month:r.month});
    return !(rule&&String(rule.value||'include').toLowerCase()==='exclude');
  }).reduce((a,r)=>a+Number(r.amount||0),0);
}

function monthlyCostingForBills(rows,supervisor){
 const byMonth={};
 rows.forEach(b=>{
    const rate=costingRateForSupervisor(supervisor,b.month,b.c,b.p,billHead(b));
   const key=monthKey(b.month);
   if(!byMonth[key])byMonth[key]={month:formatMonthValue(b.month),net:0,rate};
   byMonth[key].net+=billingNetAmount(b);
 });
 return Object.values(byMonth).map(x=>({
   month:x.month,net:x.net,rate:x.rate,
   amount:x.rate==null?0:(x.net*x.rate/100)
 }));
}

function normText(v){return String(v||'').trim().replace(/\s+/g,' ').toUpperCase();}

function canonicalPortfolio(v){
 const raw=String(v||'').trim();
 const k=normText(raw);
 const aliases={
   'RBL':'RBL Bank',
   'RBL BANK':'RBL Bank',
   'ICICI':'ICICI Bank',
   'ICICI BANK':'ICICI Bank',
   'HERO':'Hero',
   'FIC':'Hero',
   'HERO FINCORP':'Hero',
   'HERO FINCORP LIMITED':'Hero',
   'SBI':'SBI',
   'GROWW':'Groww',
   'SMFG':'SMFG',
   'CHOLAMANDALAM':'Cholamandalam'
 };
 return aliases[k]||raw;
}
function canonicalSupervisor(v){
 // Prefer exact Google Sheet spellings (Costing_Master / Monthly_Assignment).
 // Old short names map UP to current full names so live updates show correctly.
 const raw=String(v||'').trim();
 const k=normText(raw);
 const aliases={
    'PARVINDAR':'Parvindar Singh',
    'PARVINDER':'Parvindar Singh',
    'PARVINDAR SINGH':'Parvindar Singh',
   'PARVINDER SINGH':'Parvindar Singh',
   'PERVINDRA':'Parvindar Singh',
   'PERVINDER':'Parvindar Singh',
   'PERVINDER SINGH':'Parvindar Singh',
   'PARVINDAR SIR':'Parvindar Singh',
   'PARVINDER SIR':'Parvindar Singh',
   'PERVINDER SIR':'Parvindar Singh',
   'VIJENDRA KOLADA':'Vijendra Kolada',
   'VIJENDER KOLADA':'Vijendra Kolada',
   'VIJENDRA':'Vijendra Kolada',
   'VIJENDER':'Vijendra Kolada',
   'VIJENDRA SIR':'Vijendra Kolada',
   'VIJENDER SIR':'Vijendra Kolada',
   'VIJENDAR SIR':'Vijendra Kolada',
   'RAJ MAZUMDER':'Raj Mazumder',
   'RAJ':'Raj Mazumder',
   'ABHISHEK SINGH':'Abhishek Singh',
   'ABHISHEK':'Abhishek Singh',
   'DELHI TEAM':'Delhi Team',
   'BOSS':'Boss',
   'NIKHIL PUROHIT':'Nikhil Purohit',
   'NIKHIL':'Nikhil Purohit',
   'NIKHIL SIR':'Nikhil Purohit',
   'SUBAL':'Subalbhai Manebhai Mahato',
   'SUBALBHAI MANEBHAI MAHATO':'Subalbhai Manebhai Mahato',
   'KIRSHAN LAL SHARMA':'Kishan Lal Sharma',
   'KISHAN LAL SHARMA':'Kishan Lal Sharma',
   'HARIRAM':'Hari Ram',
   'HARI RAM':'Hari Ram',
   'RAJU SINGH':'Raju Singh',
   'SAUNU SINGH':'Saunu Singh',
   'SEEMA SHARMA':'Seema Sharma',
   'SHAHZAD KHAN':'Shahzad Khan',
   'TOP SINGH':'Top Singh',
   'VIJAY SINGH':'Vijay Singh',
   'VIKRAM GURJAR':'Vikram Gurjar',
   'VIRENDRA SINGH RAJPUT':'Virendra Singh Rajput'
 };
 return aliases[k]||raw;
}
function canonicalCity(v){
 const raw=String(v||'').trim();
 const k=normText(raw);
 const aliases={
   'LUK':'Lucknow',
   'KAN':'Kanpur',
   'AZH':'Azamgarh',
   'MBD':'Moradabad',
   'BRL':'Bareilly',
   'ITW':'Itawa',
   'VNS':'Varanasi',
   'GKP':'Gorakhpur',
   'ALD':'Allahabad',
   'JPR':'Jaipur',
   'UDR':'Udaipur',
   'BKN':'Bikaner',
   'ALW':'Alwar'
 };
 return aliases[k]||raw;
}
function stateKey(v){
 return normText(v)
   .replace(/\b1\b|\b2\b/g,'')
   .replace(/\s+/g,' ')
   .trim()
   .replace(/^UP$/,'UTTAR PRADESH')
   .replace(/^HARAYANA$/,'HARYANA');
}

function isActiveMasterValue(v){
 const x=normText(v);
 return !x || !['NO','N','FALSE','0','INACTIVE'].includes(x);
}
function assignmentAppliesToMonth(r,month){
 // Carry-forward rule: an assignment is effective from its Month onward.
 // Legacy "*" rows remain valid as an all-time fallback.
 const configured=monthKey(r&&r.month);
 const target=monthKey(month);
 if(!configured || configured==='*')return true;
 if(!target)return false;
 const c=monthOrdinal(configured),t=monthOrdinal(target);
 return Number.isFinite(c) && Number.isFinite(t) && c<=t;
}
function latestEffectiveRows(rows,billingMonth){
 const target=monthKey(billingMonth);
 const applicable=(rows||[]).filter(r=>r.active!==false && assignmentAppliesToMonth(r,target));
 if(!applicable.length)return [];
 const dated=applicable.filter(r=>{
   const k=monthKey(r.month);
   return k && k!=='*' && Number.isFinite(monthOrdinal(k));
 });
 if(!dated.length)return applicable.filter(r=>!monthKey(r.month)||monthKey(r.month)==='*');
 const latest=Math.max(...dated.map(r=>monthOrdinal(r.month)));
 return dated.filter(r=>monthOrdinal(r.month)===latest);
}
function assignmentSupervisorDisplay(v){
 return String(v??'').trim();
}
function assignmentSupervisorKey(v){
 return normText(canonicalSupervisor(v));
}
function uniqueSupervisorFromLatest(rows,billingMonth){
 const latest=latestEffectiveRows(rows,billingMonth);
 const names=[...new Set(latest.map(r=>assignmentSupervisorDisplay(r.supervisor)).filter(Boolean))];
 return names.length===1?names[0]:'';
}
function ensureLogicMasterRows(){
 billingHeadCache=new WeakMap();
 billingSupervisorCache=new WeakMap();
 monthlyAssignmentRows=(monthlyAssignmentRows||[]).map(r=>({
   ...r,
   supervisor:assignmentSupervisorDisplay(r.supervisor),
   supervisorKey:assignmentSupervisorKey(r.supervisor),
   portfolio:canonicalPortfolio(r.portfolio),
   city:canonicalCity(r.city),
   active:r.active!==false
  })).filter(r=>r.company&&r.supervisor&&r.portfolio&&(r.state||r.city));
  billingAssignmentIndex=new Map();
  monthlyAssignmentRows.forEach(r=>{
    const key=[r.company,normText(canonicalPortfolio(r.portfolio))].join('|');
    const list=billingAssignmentIndex.get(key);
    if(list)list.push(r);else billingAssignmentIndex.set(key,[r]);
  });

 // Compatibility aliases are derived from Monthly_Assignment only.
 supervisorMasterRows=[...new Set(monthlyAssignmentRows.filter(r=>r.active!==false).map(r=>canonicalSupervisor(r.supervisor)).filter(Boolean))]
   .map(supervisor=>({supervisor,active:true}));
 portfolioMasterRows=[];
 locationMasterRows=[];
 const pSeen=new Set(), lSeen=new Set();
 monthlyAssignmentRows.filter(r=>r.active!==false).forEach(r=>{
   const pk=[r.company,normText(canonicalPortfolio(r.portfolio))].join('|');
   if(!pSeen.has(pk)){
     pSeen.add(pk);
     portfolioMasterRows.push({company:r.company,companyCode:r.companyCode||'',companyName:C(r.company).name,portfolio:canonicalPortfolio(r.portfolio)});
   }
   const lk=[r.company,normText(canonicalPortfolio(r.portfolio)),stateKey(r.state),normText(canonicalCity(r.city))].join('|');
   if(!lSeen.has(lk)){
     lSeen.add(lk);
     locationMasterRows.push({
       locationCode:canonicalCity(r.city)||r.city||'',company:r.company,companyCode:r.companyCode||'',companyName:C(r.company).name,
       portfolio:canonicalPortfolio(r.portfolio),state:r.state,city:canonicalCity(r.city),legacySupervisor:''
     });
   }
 });
 locationSupervisorRows=monthlyAssignmentRows;
}

function billSupervisor(b){
  if(b&&typeof b==='object'&&billingSupervisorCache.has(b))return billingSupervisorCache.get(b);
  // Billing Google Sheet supervisor value must show as-is (no alias rename).
  const explicit=String(b&&b.supervisor||'').trim();
  if(explicit){if(b&&typeof b==='object')billingSupervisorCache.set(b,explicit);return explicit;}
 const bp=canonicalPortfolio(b.p);
 const bc=canonicalCity(b.city);
 const bs=stateKey(b.state);
  const bm=monthKey(b.month);
  const assignmentKey=[b.c,normText(canonicalPortfolio(b.p))].join('|');
  const base=(billingAssignmentIndex.get(assignmentKey)||[]).filter(r=>
   r.active!==false &&
   r.company===b.c &&
   normText(canonicalPortfolio(r.portfolio))===normText(bp) &&
   assignmentAppliesToMonth(r,bm)
 );

 // 1) Exact/canonical city wins. Pick the latest effective assignment <= Billing Month.
  const cityRows=base.filter(r=>
    normText(canonicalCity(r.city))===normText(bc) && r.supervisor
  );
  const citySupervisor=uniqueSupervisorFromLatest(cityRows,bm);
  if(citySupervisor){if(b&&typeof b==='object')billingSupervisorCache.set(b,citySupervisor);return citySupervisor;}

 // 2) State fallback is allowed only when every effective location in the state
 // resolves to one common Supervisor. This prevents guessing across multiple cities.
 const stateRows=base.filter(r=>stateKey(r.state)===bs && r.supervisor);
 if(!stateRows.length)return '';
 const groups={};
 stateRows.forEach(r=>{
   const key=normText(canonicalCity(r.city))||'__STATE__';
   (groups[key]||(groups[key]=[])).push(r);
 });
  const stateNames=[...new Set(Object.values(groups)
    .map(rows=>uniqueSupervisorFromLatest(rows,bm))
    .filter(Boolean))];
  const result=stateNames.length===1?stateNames[0]:'';
  if(b&&typeof b==='object')billingSupervisorCache.set(b,result);
  return result;
}

// Company Comparison costing authority: Monthly_Assignment only.
// Billing Supervisor remains available for display/filtering elsewhere, but must not
// override the effective assignment when Company Comparison calculates Cost/Profit/Margin.
function assignmentSupervisorForBill(b){
 const bp=canonicalPortfolio(b.p);
 const bc=canonicalCity(b.city);
 const bs=stateKey(b.state);
  const bm=monthKey(b.month);
  const assignmentKey=[b.c,normText(canonicalPortfolio(b.p))].join('|');
  const base=(billingAssignmentIndex.get(assignmentKey)||[]).filter(r=>
   r.active!==false &&
   r.company===b.c &&
   normText(canonicalPortfolio(r.portfolio))===normText(bp) &&
   assignmentAppliesToMonth(r,bm)
 );

 const cityRows=base.filter(r=>
   normText(canonicalCity(r.city))===normText(bc) && r.supervisor
 );
 const citySupervisor=uniqueSupervisorFromLatest(cityRows,bm);
 if(citySupervisor)return citySupervisor;

 const stateRows=base.filter(r=>stateKey(r.state)===bs && r.supervisor);
 if(!stateRows.length)return '';
 const groups={};
 stateRows.forEach(r=>{
   const key=normText(canonicalCity(r.city))||'__STATE__';
   (groups[key]||(groups[key]=[])).push(r);
 });
 const stateNames=[...new Set(Object.values(groups)
   .map(rows=>uniqueSupervisorFromLatest(rows,bm))
   .filter(Boolean))];
  return stateNames.length===1?stateNames[0]:'';
}

function billHead(b){
   if(b&&typeof b==='object'&&billingHeadCache.has(b))return billingHeadCache.get(b);
   const explicit=String(b&&b.head||'').trim();
   if(explicit){if(b&&typeof b==='object')billingHeadCache.set(b,explicit);return explicit;}
  const bp=canonicalPortfolio(b&&b.p);
  const bc=canonicalCity(b&&b.city);
  const bs=stateKey(b&&b.state);
   const bm=monthKey(b&&b.month);
   const assignmentKey=[b.c,normText(canonicalPortfolio(b.p))].join('|');
   const base=(billingAssignmentIndex.get(assignmentKey)||[]).filter(r=>
    r.active!==false && r.company===b.c &&
    normText(canonicalPortfolio(r.portfolio))===normText(bp) &&
    assignmentAppliesToMonth(r,bm)
  );
   const cityRows=base.filter(r=>normText(canonicalCity(r.city))===normText(bc));
   const latestCity=latestEffectiveRows(cityRows,bm);
   const cityHeads=[...new Set(latestCity.map(r=>String(r.head||'').trim()).filter(Boolean))];
   let result='';
   if(cityHeads.length===1)result=cityHeads[0];
   else{
     const stateRows=base.filter(r=>stateKey(r.state)===bs);
     const latest=latestEffectiveRows(stateRows,bm);
     const heads=[...new Set(latest.map(r=>String(r.head||'').trim()).filter(Boolean))];
     result=heads.length===1?heads[0]:'';
   }
   if(b&&typeof b==='object')billingHeadCache.set(b,result);
   return result;
}
function warmBillingDimensionCaches(){
  billingCompanyMonthIndex=new Map();
  (bills||[]).forEach(b=>{
    billHead(b);billSupervisor(b);
    const key=[b.c,monthKey(b.month)].join('|');
    const list=billingCompanyMonthIndex.get(key);
    if(list)list.push(b);else billingCompanyMonthIndex.set(key,[b]);
  });
}

function monthOrdinal(v){
 const k=monthKey(v);
 const m=k.match(/^(\d{4})-(\d{2})$/);
 if(!m)return Number.MAX_SAFE_INTEGER;
 return Number(m[1])*12+(Number(m[2])-1);
}
function monthLabelFromKey(v){
 const k=monthKey(v);
 const m=k.match(/^(\d{4})-(\d{2})$/);
 if(!m)return formatBillingMonth(v);
 const names=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
 return `${names[Number(m[2])-1]}-${String(m[1]).slice(-2)}`;
}
function shiftMonth(v,delta){
 const k=monthKey(v);
 const m=k.match(/^(\d{4})-(\d{2})$/);
 if(!m)return '';
 const d=new Date(Number(m[1]),Number(m[2])-1+delta,1);
 const names=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
  return `${names[d.getMonth()]}-${String(d.getFullYear()).slice(-2)}`;
}
function configuredHeadClosingSeed(head,month){
  const key=normText(head),mk=monthKey(month);
  const row=HEAD_CLOSING_SEEDS.find(item=>normText(item.head)===key&&monthKey(item.month)===mk);
  return row&&Number.isFinite(Number(row.closing))?Number(row.closing):null;
}
function settlementBaseBills(filters){
   const cacheKey=settlementCalculationCacheKey(filters);
   if(settlementBaseBillsCache.has(cacheKey))return settlementBaseBillsCache.get(cacheKey);
   const {company,portfolio,supervisor,state,location,head,segment,month}=filters;
 let rows=[...bills];
  if(company)rows=rows.filter(b=>multiFilterMatches(b.c,company,v=>String(v)));
  if(portfolio)rows=rows.filter(b=>multiFilterMatches(b.p,portfolio,v=>normText(canonicalPortfolio(v))));
  if(state)rows=rows.filter(b=>multiFilterMatches(b.state,state,stateKey));
  if(location)rows=rows.filter(b=>multiFilterMatches(b.city,location,v=>normText(canonicalCity(v))));
   if(supervisor)rows=rows.filter(b=>multiFilterMatches(billSupervisor(b),supervisor,v=>normText(canonicalSupervisor(v))));
   if(head)rows=rows.filter(b=>multiFilterMatches(billHead(b),head,normText));
  if(segment)rows=rows.filter(b=>multiFilterMatches(b.segment,segment,normText));
  if(month)rows=rows.filter(b=>multiFilterMatches(b.month,month,v=>monthKey(v)));
   settlementBaseBillsCache.set(cacheKey,rows);
   return rows;
}
function sharedDelhiRentNameKey(v){
  return normText(v).replace(/[^A-Z0-9]+/g,' ').trim();
}
function isDelhiTeamSharedDebitRow(r){
  if(!r||Number(r.debit||0)<=0)return false;
  if(!builtInConditionEnabled('delhi_shared_allocation',true,{row:r,company:r.sourceCompany||r.company,supervisor:r.supervisor,portfolio:r.portfolio,month:r.socMonth,state:r.state||statementSettlementState(r),location:r.location||r.city,segment:r.segment||r.businessSegment}))return false;
  if(normText(canonicalSupervisor(r.supervisor))!=='DELHI TEAM')return false;
  const name=sharedDelhiRentNameKey(r.name);
  return name==='RENT TDS' || name==='GENNEXT INFRA DEVELOPERS PVT LTD';
}
function statementRowsForDebt(rows){
  if(rows===debtStatementRowsCacheSource&&debtStatementRowsCacheValue)return debtStatementRowsCacheValue;
  const output=[];
  const groups=new Map();
  (rows||[]).forEach(r=>{
    if(!isDelhiTeamSharedDebitRow(r)){
      output.push(r);
      return;
    }
    const month=monthKey(r.socMonth);
    if(!month){
      output.push(r);
      return;
    }
    const sourceCompany=r.sourceCompany||r.company||'';
    const key=[String(sourceCompany),month].join('|');
    const group=groups.get(key)||{sourceCompany,month,socMonth:r.socMonth,total:0,sourceRows:[]};
    group.total+=Number(r.debit||0);
    group.sourceRows.push(r);
    groups.set(key,group);
  });
  groups.forEach(group=>{
    const half=Number(group.total||0)/2;
    ['Delhi Team','Nikhil Purohit'].forEach(supervisor=>{
      const source=group.sourceRows[0]||{};
       output.push({
         ...source,
         name:'RENT TDS + GENNEXT INFRA DEVELOPERS PVT LTD',
         supervisor,
         portfolio:'RBL Bank',
         location:'Delhi',
         state:'Delhi',
         allocationState:'Delhi',
         debit:half,
         credit:0,
        type:'Allocated Debt',
        remark:'Delhi Team shared debit allocation',
        isDebtAllocation:true,
        allocationSource:'Delhi Team'
      });
    });
  });
   debtStatementRowsCacheSource=rows;
   debtStatementRowsCacheValue=output;
   return output;
 }
 function debtAllocationDimensionMatches(r,selected,dimension){
   if(!selected||!r?.isDebtAllocation)return true;
   const candidates=dimension==='portfolio'
     ? ['RBL Bank']
     : dimension==='state'
       ? ['Delhi']
       : ['Delhi','All Delhi'];
   const normalize=dimension==='portfolio'
     ? v=>normText(canonicalPortfolio(v))
     : dimension==='state'
       ? stateKey
       : v=>normText(canonicalCity(v));
   return multiFilterValues(selected).some(value=>candidates.some(candidate=>normalize(candidate)===normalize(value)));
 }
function statementSettlementState(r){
  if(r?.isDebtAllocation&&r.allocationState)return r.allocationState;
  const company=r&&r.sourceCompany||'';
 const supervisor=canonicalSupervisor(r&&r.supervisor);
 const portfolio=canonicalPortfolio(normalizeStatementPortfolio(r&&r.portfolio));
 const city=canonicalCity(r&&r.location);
 const mk=monthKey(r&&r.socMonth);
  // Prefer an explicit statement state over assignment fallback. A city-only
  // assignment must not relabel a statement row whose location is a state.
  const directState=(monthlyAssignmentRows||[]).find(a=>
    a.active!==false && stateKey(a.state)===stateKey(r&&r.location)
  );
  if(directState&&directState.state)return directState.state;
  let rows=monthlyAssignmentRows.filter(a=>
   a.active!==false &&
   (!company||a.company===company) &&
   (!supervisor||normText(canonicalSupervisor(a.supervisor))===normText(supervisor)) &&
   (!portfolio||normText(canonicalPortfolio(a.portfolio))===normText(portfolio)) &&
   (!mk||assignmentAppliesToMonth(a,mk))
 );
 if(city){
   const exact=latestEffectiveRows(rows.filter(a=>normText(canonicalCity(a.city))===normText(city)),mk);
   const exactStates=[...new Set(exact.map(a=>String(a.state||'').trim()).filter(Boolean))];
   if(exactStates.length===1)return exactStates[0];
 }
 const latest=latestEffectiveRows(rows,mk);
 const states=[...new Set(latest.map(a=>String(a.state||'').trim()).filter(Boolean))];
 return states.length===1?states[0]:'';
}
function settlementBaseStatements(filters){
      const cacheKey=settlementCalculationCacheKey(filters);
      if(settlementBaseStatementsCache.has(cacheKey))return settlementBaseStatementsCache.get(cacheKey);
    const {company,portfolio,supervisor,state,location,head,segment,month}=filters;
     let st=applyAccountAdjustmentRules(statementRowsForDebt(socStatementRows));
    const headSupervisorKeys=head
      ? new Set((monthlyAssignmentRows||[]).filter(a=>
          a.active!==false &&
          multiFilterMatches(a.head,head,normText) &&
          (!company||a.company===company) &&
          (!portfolio||multiFilterMatches(a.portfolio,portfolio,v=>normText(canonicalPortfolio(v)))) &&
          (!state||multiFilterMatches(a.state,state,stateKey)) &&
          (!location||multiFilterMatches(a.city,location,v=>normText(canonicalCity(v))))
        ).map(a=>assignmentSupervisorKey(a.supervisor)).filter(Boolean))
      : null;
    const assignmentFallbackCache=new Map();
   const assignmentFallbackRows=(statementRow,statementMonth)=>{
     const key=[statementMonth,String(statementRow?.supervisor||'')].join('|');
     if(assignmentFallbackCache.has(key))return assignmentFallbackCache.get(key);
     const rows=(monthlyAssignmentRows||[]).filter(a=>
       a.active!==false &&
       assignmentAppliesToMonth(a,statementMonth) &&
       (!company||a.company===company) &&
       multiFilterMatches(a.supervisor,statementRow.supervisor,assignmentSupervisorKey) &&
       multiFilterMatches(a.head,head,normText) &&
       (!portfolio||multiFilterMatches(a.portfolio,portfolio,v=>normText(canonicalPortfolio(v)))) &&
       (!state||multiFilterMatches(a.state,state,stateKey)) &&
       (!location||multiFilterMatches(a.city,location,v=>normText(canonicalCity(v))))
     );
     assignmentFallbackCache.set(key,rows);
     return rows;
   };
   if(company)st=st.filter(r=>multiFilterMatches(r.sourceCompany,company,v=>String(v)));
   if(supervisor)st=st.filter(r=>multiFilterMatches(r.supervisor,supervisor,v=>normText(canonicalSupervisor(v))));
     if(portfolio)st=st.filter(r=>r.isDebtAllocation?debtAllocationDimensionMatches(r,portfolio,'portfolio'):multiFilterMatches(normalizeStatementPortfolio(r.portfolio),portfolio,v=>normText(canonicalPortfolio(v))));
     if(state)st=st.filter(r=>r.isDebtAllocation?debtAllocationDimensionMatches(r,state,'state'):multiFilterMatches(statementSettlementState(r),state,stateKey));
      if(location)st=st.filter(r=>r.isDebtAllocation?debtAllocationDimensionMatches(r,location,'location'):multiFilterMatches(r.location,location,v=>normText(canonicalCity(v))));
     if(head||segment){
       const billingMatchKeys=new Set();
       billingCompanyMonthIndex.forEach((candidates,key)=>{
         if(candidates.some(b=>{
           if(supervisor&&!multiFilterMatches(billSupervisor(b),supervisor,v=>normText(canonicalSupervisor(v))))return false;
           if(portfolio&&!multiFilterMatches(b.p,portfolio,v=>normText(canonicalPortfolio(v))))return false;
           if(state&&!multiFilterMatches(b.state,state,stateKey))return false;
           if(location&&!multiFilterMatches(b.city,location,v=>normText(canonicalCity(v))))return false;
           if(head&&!multiFilterMatches(billHead(b),head,normText))return false;
           if(segment&&!multiFilterMatches(b.segment,segment,normText))return false;
           return true;
         }))billingMatchKeys.add(key);
        });
        const fallbackKeys=new Set();
        const fallbackAnyKeys=new Set();
        const fallbackMonths=[...new Set(st.map(r=>monthKey(r.socMonth)).filter(Boolean))];
        const fallbackSupervisorKeys=new Set(st.map(r=>assignmentSupervisorKey(r.supervisor)).filter(Boolean));
        const hasBlankStatementSupervisor=st.some(r=>!assignmentSupervisorKey(r.supervisor));
        (monthlyAssignmentRows||[]).forEach(a=>{
          if(a.active===false||(company&&a.company!==company))return;
          if(!multiFilterMatches(a.head,head,normText))return;
          if(portfolio&&!multiFilterMatches(a.portfolio,portfolio,v=>normText(canonicalPortfolio(v))))return;
          if(state&&!multiFilterMatches(a.state,state,stateKey))return;
          if(location&&!multiFilterMatches(a.city,location,v=>normText(canonicalCity(v))))return;
          const supervisorKey=assignmentSupervisorKey(a.supervisor);
          if(!hasBlankStatementSupervisor&&!fallbackSupervisorKeys.has(supervisorKey))return;
          fallbackMonths.forEach(statementMonth=>{
            if(!assignmentAppliesToMonth(a,statementMonth))return;
            if(hasBlankStatementSupervisor)fallbackAnyKeys.add(statementMonth);
            if(fallbackSupervisorKeys.has(supervisorKey))fallbackKeys.add([statementMonth,supervisorKey].join('|'));
          });
        });
         st=st.filter(r=>{
           if(r.isRuleAdjustment&&r.allocationHead)return multiFilterMatches(r.allocationHead,head,normText);
           if(r.isDebtAllocation)return !head||headSupervisorKeys?.has(assignmentSupervisorKey(r.supervisor));
         const statementMonth=monthKey(r.socMonth);
          const billingMatch=billingMatchKeys.has([r.sourceCompany,statementMonth].join('|')) &&
            (!head||headSupervisorKeys?.has(assignmentSupervisorKey(r.supervisor)));
        if(billingMatch)return true;
        // Statement companies can differ from the billing company while the
        // supervisor still belongs to the selected Head in Monthly_Assignment.
         if(!head||segment||!statementMonth)return false;
           const supervisorKey=assignmentSupervisorKey(r.supervisor);
           if(head&&supervisorKey&&!headSupervisorKeys?.has(supervisorKey))return false;
           return fallbackKeys.has([statementMonth,supervisorKey].join('|')) || (!supervisorKey&&fallbackAnyKeys.has(statementMonth));
      });
    }
   if(month)st=st.filter(r=>multiFilterMatches(r.socMonth,month,v=>monthKey(v)));
   // Seema salary is sourced only from the dedicated salary tab. A bank row
   // mentioning Seema's salary must not be counted again in Costing.
   st=st.filter(r=>!isSeemaSalaryAccountRow(r));
    settlementBaseStatementsCache.set(cacheKey,st);
    return st;
 }
function monthKeyShift(v,delta){
 const k=monthKey(v);
 const m=k.match(/^(\d{4})-(\d{2})$/);
 if(!m)return '';
 const d=new Date(Number(m[1]),Number(m[2])-1+Number(delta||0),1);
 return d.getFullYear()+'-'+String(d.getMonth()+1).padStart(2,'0');
}

function loadMarchSeedFromLocal(){
  // Google Sheets is authoritative. Never restore an old browser cache here.
  // A stale cache can show a Previous Balance after March_2026_Closing was cleared.
  return;
}

function saveMarchSeedToLocal(){
 try{ localStorage.setItem('costingMarch2026Seed', JSON.stringify(march2026ClosingRows||[])); }catch(_){}
}
function getMarch2026SeedClosing(supervisor){
 loadMarchSeedFromLocal();
 const raw=String(supervisor||'').trim();
 if(!raw)return null;
 const key=normText(canonicalSupervisor(raw));
 const keyLoose=normText(raw);
 const first=keyLoose.split(/\s+/)[0];
 const rows=march2026ClosingRows||[];
 const score=r=>{
   const s=normText(canonicalSupervisor(r.supervisor));
   const sl=normText(String(r.supervisor||''));
   if(s===key||sl===keyLoose)return 3;
   if(s.includes(key)||key.includes(s)||sl.includes(keyLoose)||keyLoose.includes(sl))return 2;
   if(first&&(s.split(/\s+/)[0]===first||sl.split(/\s+/)[0]===first))return 1;
   return 0;
 };
 let best=null,bestScore=0;
 rows.forEach(r=>{
   const sc=score(r);
   if(sc>bestScore){bestScore=sc;best=r;}
 });
 if(!best)return null;
 const n=Number(best.closing);
 return Number.isFinite(n)?n:null;
}

function matchSettlementSupervisor(rowSupervisor, supervisor){
 const key=normText(canonicalSupervisor(supervisor));
 const keyLoose=normText(String(supervisor||''));
 const first=keyLoose.split(/\s+/)[0];
 const s=normText(canonicalSupervisor(rowSupervisor));
 const sl=normText(String(rowSupervisor||''));
 if(s===key||sl===keyLoose)return true;
 if(s.includes(key)||key.includes(s)||sl.includes(keyLoose)||keyLoose.includes(sl))return true;
 if(first&&(s.split(/\s+/)[0]===first||sl.split(/\s+/)[0]===first))return true;
 return false;
}

function findCostingSettlementRow(supervisor, monthKeyStr){
 const want=monthKey(monthKeyStr);
 return (costingSettlementRows||[]).find(r=>{
   if(!matchSettlementSupervisor(r.supervisor, supervisor))return false;
   const mk=monthKey(r.month);
   if(mk&&want&&mk===want)return true;
   const raw=String(r.month||'').toUpperCase();
   if(want==='2026-03'&&raw.includes('MAR')&&(raw.includes('26')||raw.includes('2026')))return true;
   if(want==='2026-04'&&raw.includes('APR')&&(raw.includes('26')||raw.includes('2026')))return true;
   return false;
 })||null;
}

/**
 * Opening / Previous Balance:
 * Apr-2026 starts with a zero Previous Balance; March is not carried forward.
 * AFTER THAT: previous month Closing from Costing_Settlement (auto chain)
 */
function getSeedClosingForPreviousMonth(supervisor, currentMonthKey){
  if(!supervisor||!currentMonthKey)return null;

  const cur=monthKey(currentMonthKey);
  const prev=monthKeyShift(cur,-1);

  // APR-2026 RULE: never show or carry forward March's Previous Balance.
  if(cur==='2026-04')return 0;

  // A saved current-month settlement can carry the opening balance directly.
  const currentRow=findCostingSettlementRow(supervisor,cur);
  if(currentRow&&currentRow.previousBalance!=null&&currentRow.previousBalance!==''){
    const n=Number(currentRow.previousBalance);
    if(Number.isFinite(n))return n;
  }

 // MAY onward:
 // Previous month's Closing Balance from Costing_Settlement becomes current Previous Balance.
  const prevRow=findCostingSettlementRow(supervisor, prev);
    if(prevRow && prevRow.closingBalance!=null && prevRow.closingBalance!==''){
      if(Number(prevRow.costingPercent)===100)return 0;
    const n=Number(prevRow.closingBalance);
   if(Number.isFinite(n))return n;
 }

  return null;
}

function supervisorSettlementTimeline(filters){
   const supervisor=filters.supervisor||'';
   if(!supervisor)return [];
   const timelineCacheKey=settlementCalculationCacheKey(filters);
   if(supervisorSettlementTimelineCache.has(timelineCacheKey))return supervisorSettlementTimelineCache.get(timelineCacheKey);

  // Build the full supervisor history even when the UI has one month selected.
  // The selected month is applied later by socSettlement; keeping it here would
  // hide the previous month's closing balance before carry-forward is computed.
  const timelineFilters={...filters,month:''};
  const allBills=settlementBaseBills(timelineFilters);
  const allStatements=settlementBaseStatements(timelineFilters);

  const monthSet=new Set([
    ...allBills.map(b=>monthKey(b.month)).filter(Boolean),
      ...allStatements.map(r=>monthKey(r.socMonth)).filter(Boolean),
       ...(isSeemaSupervisor(supervisor)?seemaSalaryMonths():[]),
       ...activeCreditNotes().filter(r=>creditNoteMatchesFilters(r,timelineFilters)).map(r=>monthKey(r.month)).filter(Boolean),
      ...activeSupervisorTds().filter(r=>supervisorTdsMatchesFilters(r,timelineFilters)).map(r=>monthKey(r.month)).filter(Boolean),
      ...activeReturnAmounts().filter(r=>returnAmountMatchesFilters(r,timelineFilters)).map(r=>monthKey(r.month)).filter(Boolean)
 ]);
 const months=[...monthSet].sort((a,b)=>monthOrdinal(a)-monthOrdinal(b));

 let previousClosing=0;
 let previousKnown=true;

   const timeline=months.map((mk,idx)=>{
    const br=allBills.filter(b=>monthKey(b.month)===mk);
    const sr=allStatements.filter(r=>monthKey(r.socMonth)===mk);
    const seemaMode=isSeemaSupervisor(supervisor);

   const billing=br.reduce((a,b)=>a+Number(b.amount||0),0);
   const tds=br.reduce((a,b)=>a+Number(b.tds||0),0);
    const netBilling=br.reduce((a,b)=>a+billingNetAmount(b),0);
        const costingRates=costingRatesForSupervisor(supervisor,mk,timelineFilters.company,timelineFilters.portfolio,timelineFilters.head);
        const rate=costingApplicableRate(costingRates,timelineFilters);
      const headCostingRate=costingRates?costingRates.headRate:null;
      const supervisorCostingRate=costingRates?costingRates.supervisorRate:null;
      const headCostingBeforeCreditNote=headCostingRate==null?0:(netBilling*headCostingRate/100);
      const supervisorCostingBeforeCreditNote=supervisorCostingRate==null?0:(netBilling*supervisorCostingRate/100);
       const costingBeforeCreditNote=rate==null?null:(netBilling*rate/100);
     const creditNoteAmount=creditNoteTotal(timelineFilters,mk);
     const supervisorTdsAmount=br.length?supervisorTdsTotalForRows(br,false):supervisorTdsTotal(timelineFilters,mk);
     const entitlement=rate==null?null:(costingBeforeCreditNote-creditNoteAmount);
     const returnAmount=returnAmountTotal({...timelineFilters,supervisor},mk);

     const debit=sr.reduce((a,r)=>a+Number(r.debit||0),0);
     const advanceDebit=seemaMode
       ? sr.filter(isAdvanceDebitRow).reduce((a,r)=>a+Number(r.debit||0),0)
       : debit;
    const credit=sr.reduce((a,r)=>a+Number(r.credit||0),0);
    const deadFund=seemaMode?sr.filter(isDeadFundAccountRow).reduce((a,r)=>a+Number(r.debit||0),0):0;
    const totalSalary=seemaMode?seemaSalaryTotalForMonth(mk):0;
    const totalUsed=seemaMode?deadFund+totalSalary:0;
    // Debit is paid out; Credit is money received back. Net Debt is the
    // actual statement movement, not the gross debit column.
     const netDebit=seemaMode?debit-deadFund:debit-credit;
     const displayedNetDebit=netDebit+supervisorTdsAmount;
    const hasStatementData=seemaMode?(sr.length>0||br.length>0||totalSalary!==0):sr.length>0;

   const seedOpening=getSeedClosingForPreviousMonth(supervisor,mk);
   let opening;
   if(seedOpening!=null){
     opening=seedOpening;
   }else if(previousKnown){
     opening=previousClosing;
   }else{
     opening=null;
   }
    const freshRequired=seemaMode?null:((rate==null||opening==null)?null:Math.max(0,entitlement-opening));

   // Do not assume "no statement uploaded" means zero debit.
    // April is a zero-opening snapshot: calculate every configured supervisor
    // even when no statement row was uploaded for that month.
    const canCalculateApril=mk==='2026-04'&&rate!=null;
    const calculatedClosing=seemaMode
          ? (rate==null||!hasStatementData
           ? null
             : Number(rate)===100
               ? netBilling-totalUsed
               : (opening==null?null:opening+entitlement-totalUsed))
          : (rate==null||(!hasStatementData&&!canCalculateApril)
            ? null
            : settlementClosingFromDisplayedNetDebit({rate,entitlement,opening,returnAmount,netDebit,supervisorTdsAmount,closing:null},displayedNetDebit,{...timelineFilters,supervisor,month:mk}));
    const savedSettlement=findCostingSettlementRow(supervisor,mk);
    const savedClosing=savedSettlement?.closingBalance==null||savedSettlement.closingBalance===''?null:Number(savedSettlement.closingBalance);
    const savedClosingAvailable=Number.isFinite(savedClosing);
    const closing=calculatedClosing==null&&savedClosingAvailable?savedClosing:calculatedClosing;

   const row={
     month:monthLabelFromKey(mk),
     monthKey:mk,
     billRows:br,
     statementRows:sr,
        billing,tds,netBilling,rate,headCostingRate,supervisorCostingRate,headCostingBeforeCreditNote,supervisorCostingBeforeCreditNote,costingBeforeCreditNote,creditNoteAmount,supervisorTdsAmount,entitlement,
        debit,advanceDebit,credit,deadFund,totalSalary,totalUsed,netDebit,returnAmount,seemaMode,
     opening,
     freshRequired,
     closing,
     hasStatementData,
      previousMonth:mk==='2026-04'?'April Opening':((typeof seedOpening!=='undefined'&&seedOpening!=null)?'Mar-26 (seed)':(idx>0?monthLabelFromKey(months[idx-1]):'Opening')),
     nextMonth:shiftMonth(mk,1),
      status:seemaMode
        ? ((br.length||sr.length||totalSalary!==0)?'Calculated':'Settlement Pending')
        : (rate==null?'Not Configured':(!hasStatementData&&!savedClosingAvailable&&!canCalculateApril?'Settlement Pending':(opening==null?'Previous Settlement Pending':'Calculated')))
   };

   if(closing==null){
     previousKnown=false;
   }else{
     previousClosing=closing;
     previousKnown=true;
   }
    return row;
   });
   supervisorSettlementTimelineCache.set(timelineCacheKey,timeline);
   return timeline;
}

function headClosingForPreviousMonth(filters,currentMonthKey){
  const headValues=multiFilterValues(filters?.head);
  if(!headValues.length||!currentMonthKey)return null;
  const previousMonth=monthKeyShift(currentMonthKey,-1);
  const configuredSeed=configuredHeadClosingSeed(headValues[0],previousMonth);
  if(configuredSeed!=null)return configuredSeed;
  if(normText(headValues[0])==='ABHISHEK SINGH UK'&&monthOrdinal(previousMonth)>monthOrdinal('2026-05')){
    const previousAggregate=costingAggregateSettlement({...filters,head:headValues[0],month:monthLabelFromKey(previousMonth),supervisor:'',__costingSupervisorExplicit:false});
    if(Number.isFinite(Number(previousAggregate?.finalBalance)))return Number(previousAggregate.finalBalance);
  }
  const supervisors=new Map();
  (monthlyAssignmentRows||[]).forEach(a=>{
    if(a.active===false||!assignmentAppliesToMonth(a,previousMonth))return;
    if(!multiFilterMatches(a.head,filters.head,normText))return;
    if(filters.company&&!multiFilterMatches(a.company,filters.company,v=>String(v)))return;
    if(filters.portfolio&&!multiFilterMatches(a.portfolio,filters.portfolio,v=>normText(canonicalPortfolio(v))))return;
    if(filters.state&&!multiFilterMatches(a.state,filters.state,stateKey))return;
    if(filters.location&&!multiFilterMatches(a.city,filters.location,v=>normText(canonicalCity(v))))return;
    const supervisor=String(a.supervisor||'').trim();
    if(supervisor)supervisors.set(assignmentSupervisorKey(supervisor),supervisor);
  });
  if(!supervisors.size)return null;

  let total=0;
  let found=false;
  for(const supervisor of supervisors.values()){
    const scoped={...filters,supervisor,month:''};
    const timelineRow=supervisorSettlementTimeline(scoped).find(row=>row.monthKey===previousMonth);
    const saved=findCostingSettlementRow(supervisor,previousMonth);
    const closing=timelineRow?.closing!=null
      ? Number(timelineRow.closing)
      : (saved?.closingBalance!=null?Number(saved.closingBalance):null);
    if(closing!=null&&Number.isFinite(closing)){
      total+=closing;
      found=true;
      continue;
    }
    if(timelineRow&&(timelineRow.hasStatementData||timelineRow.billRows?.length||timelineRow.rate!=null||timelineRow.creditNoteAmount||timelineRow.supervisorTdsAmount||timelineRow.returnAmount))return null;
  }
  return found?total:null;
}

function settlementSignedMoney(v){
 if(v==null)return 'Pending';
 const n=Number(v||0);
 if(n===0)return '₹0';
 return `${n>0?'+':'-'}${money(Math.abs(n))}`;
}
function settlementNetDebitDisplay(row){
  const netDebit=Number(row?.netDebit??row?.netDebt??0);
  const supervisorTds=Number(row?.supervisorTdsAmount??row?.supervisorTds??0);
  return netDebit+supervisorTds;
}
function settlementClosingFromDisplayedNetDebit(row,displayedNetDebit,context={}){
  if(!row)return null;
  const rate=Number(row.rate);
  const debit=Number(displayedNetDebit??settlementNetDebitDisplay(row));
  const entitlement=Number(row.entitlement??row.finalCostingAmount??row.amount??0);
  const returnAmount=Number(row.returnAmount||0);
  if(!Number.isFinite(rate))return row.closing??null;
  const custom=calculationRuleClosing(row,debit,context);
  if(custom!=null)return custom;
  if(rate===100)return entitlement-debit+returnAmount;
  if(row.opening==null)return row.closing??null;
  return Number(row.opening||0)+entitlement-debit+returnAmount;
}
function headDirectSupervisorSettlement(aggregate,head){
  const heads=multiFilterValues(head);
  if(heads.length!==1)return null;
  const key=assignmentSupervisorKey(heads[0]);
  return (aggregate?.rows||[]).find(row=>assignmentSupervisorKey(row.supervisor)===key)?.settle||null;
}
function previousBalanceMeta(row){
 if(!row)return 'Select a month';
 if(row.opening==null)return 'Previous month settlement pending';
 if(row.opening>0)return `Unused from ${row.previousMonth}`;
 if(row.opening<0)return `Excess used in ${row.previousMonth}`;
 return row.previousMonth==='Opening'?'Opening balance':'Fully settled in '+row.previousMonth;
}
function closingBalanceMeta(row){
 if(!row)return 'Select a month';
 if(row.status==='Not Configured')return 'Supervisor + Month costing not configured';
  if(!row.hasStatementData&&row.monthKey!=='2026-04')return 'Settlement Pending • No statement data';
  if(Number(row.rate)===100)return '100% Costing • no carry forward';
  if(row.opening==null)return 'Previous month settlement pending';
  if(row.closing>0)return `Carry forward to ${row.nextMonth}`;
 if(row.closing<0)return `Excess used • Carry forward to ${row.nextMonth}`;
 return 'Fully settled • No carry forward';
}

function socSettlement(filters){
  const settlementCacheKey=settlementCalculationCacheKey(filters);
  if(socSettlementCache.has(settlementCacheKey))return socSettlementCache.get(settlementCacheKey);
   const {month,supervisor}=filters;
  const seemaMode=isSeemaSupervisor(supervisor);
  const monthValues=multiFilterValues(month);

 const timeline=supervisor?supervisorSettlementTimeline(filters):[];
  const selectedKey=monthValues.length===1?monthKey(monthValues[0]):'';
 let selectedRow=selectedKey?timeline.find(x=>x.monthKey===selectedKey):null;

 // Force Previous Balance from sheet seeds (Costing_Settlement / March_2026_Closing).
 // IMPORTANT: this must work even when the selected month has NO billing/statement
 // rows yet for this supervisor (selectedRow would be null in that case) — Previous
  // Balance depends only on the PRIOR month, not on current-month data existing.
  if(supervisor&&selectedKey){
    const seeded=getSeedClosingForPreviousMonth(supervisor,selectedKey);
    const headSeed=seeded==null&&filters.head&&filters.__costingSupervisorExplicit!==false&&!multiFilterValues(filters.supervisor).length
      ? headClosingForPreviousMonth(filters,selectedKey)
      : null;
    const carrySeed=seeded!=null?seeded:headSeed;
    if(carrySeed!=null){
      if(selectedRow){
        selectedRow={...selectedRow,opening:carrySeed,previousMonth:headSeed!=null?'Previous Head Closing':(selectedRow.previousMonth||'Mar-26 (seed)')};
            if(seemaMode&&selectedRow.rate!=null&&selectedRow.entitlement!=null&&selectedRow.hasStatementData){
              selectedRow.closing=Number(selectedRow.rate)===100
                ? Number(selectedRow.netBilling||0)-Number(selectedRow.totalUsed||0)
                : Number(carrySeed)+Number(selectedRow.entitlement||0)-Number(selectedRow.totalUsed||0);
          }else if(!seemaMode&&selectedRow.rate!=null&&selectedRow.entitlement!=null&&selectedRow.hasStatementData){
            selectedRow.closing=Number(carrySeed)+Number(selectedRow.entitlement||0)-Number(selectedRow.netDebit||0)+Number(selectedRow.returnAmount||0);
          }
      }else{
       // No billing/statement/credit-note data yet for this month — synthesize a
       // minimal row so Previous Balance still shows from the seed.
         const costingRates=costingRatesForSupervisor(supervisor,selectedKey,filters.company,filters.portfolio,filters.head);
          const rate=costingApplicableRate(costingRates,filters);
       selectedRow={
         month:monthLabelFromKey(selectedKey),
         monthKey:selectedKey,
         billRows:[],statementRows:[],
          billing:0,tds:0,netBilling:0,
          rate,headCostingRate:costingRates?.headRate??null,supervisorCostingRate:costingRates?.supervisorRate??null,
          costingBeforeCreditNote:rate==null?null:0,
          creditNoteAmount:0,
          supervisorTdsAmount:supervisorTdsTotal(filters,selectedKey),
           entitlement:rate==null?null:0,
          debit:0,credit:0,netDebit:0,returnAmount:returnAmountTotal(filters,selectedKey),
          opening:carrySeed,
         freshRequired:null,
          closing:seemaMode?0:null,
          hasStatementData:false,
          deadFund:0,totalSalary:seemaSalaryTotalForMonth(selectedKey),totalUsed:seemaSalaryTotalForMonth(selectedKey),seemaMode,
          previousMonth:selectedKey==='2026-04'?'April Opening':(headSeed!=null?'Previous Head Closing':'Mar-26 (seed)'),
         nextMonth:shiftMonth(selectedKey,1),
         status:rate==null?'Not Configured':'Settlement Pending'
       };
     }
   }
 }


 const allBills=settlementBaseBills(filters);
 const allStatements=settlementBaseStatements(filters);

 let billRows=allBills;
 let st=allStatements;
  if(monthValues.length){
    billRows=billRows.filter(b=>monthKey(b.month)===selectedKey);
    st=selectedKey?st.filter(r=>monthKey(r.socMonth)===selectedKey):st;
    if(!selectedKey){
      billRows=allBills.filter(b=>monthValues.some(value=>monthKey(b.month)===monthKey(value)));
      st=allStatements.filter(r=>monthValues.some(value=>monthKey(r.socMonth)===monthKey(value)));
    }
 }

 const billing=billRows.reduce((a,b)=>a+Number(b.amount||0),0);
 const tds=billRows.reduce((a,b)=>a+Number(b.tds||0),0);
 const netBilling=billRows.reduce((a,b)=>a+billingNetAmount(b),0);
  const debit=st.reduce((a,r)=>a+Number(r.debit||0),0);
  const advanceDebit=seemaMode
    ? st.filter(isAdvanceDebitRow).reduce((a,r)=>a+Number(r.debit||0),0)
    : debit;
  const credit=st.reduce((a,r)=>a+Number(r.credit||0),0);
   const deadFund=seemaMode?st.filter(isDeadFundAccountRow).reduce((a,r)=>a+Number(r.debit||0),0):0;
   const totalSalary=seemaMode
     ? (monthValues.length
       ? monthValues.reduce((a,m)=>a+seemaSalaryTotalForMonth(m),0)
       : (salaryRows||[]).reduce((a,r)=>a+Number(r.salary||0),0))
     : 0;
   const totalUsed=seemaMode?deadFund+totalSalary:0;
   const netDebt=seemaMode?debit-deadFund:debit-credit;

 const monthlyCosting=timeline.map(x=>({
   month:x.month,
    net:x.netBilling,
     rate:x.rate,
     headRate:x.headCostingRate,
     supervisorRate:x.supervisorCostingRate,
     debit:x.debit,
     advanceDebit:x.advanceDebit,
     deadFund:x.deadFund,
     totalSalary:x.totalSalary,
     totalUsed:x.totalUsed,
     baseAmount:x.costingBeforeCreditNote==null?0:x.costingBeforeCreditNote,
     headCostingAmount:x.headCostingBeforeCreditNote,
     supervisorCostingAmount:x.supervisorCostingBeforeCreditNote,
     headCostingPercent:x.headCostingRate,
     supervisorCostingPercent:x.supervisorCostingRate,
     creditNote:x.creditNoteAmount||0,
    supervisorTds:x.supervisorTdsAmount||0,
   amount:x.entitlement==null?0:x.entitlement,
   opening:x.opening,
    freshRequired:x.freshRequired,
    netDebit:x.netDebit,
    returnAmount:x.returnAmount,
    closing:x.closing,
   hasStatementData:x.hasStatementData,
   status:x.status,
   previousMonth:x.previousMonth,
   nextMonth:x.nextMonth
 }));

   const rates=selectedRow?{headRate:selectedRow.headCostingRate,supervisorRate:selectedRow.supervisorCostingRate,totalRate:selectedRow.rate}:((supervisor&&month)?costingRatesForSupervisor(supervisor,month,filters.company,filters.portfolio,filters.head):null);
   const rate=selectedRow?selectedRow.rate:costingApplicableRate(rates,filters);
  const headCostingRate=rates?rates.headRate:null;
  const supervisorCostingRate=rates?rates.supervisorRate:null;
   const costingBeforeCreditNote=selectedRow
    ? (selectedRow.costingBeforeCreditNote==null?0:selectedRow.costingBeforeCreditNote)
    : (selectedKey?0:monthlyCosting.reduce((a,x)=>a+(x.rate==null?0:Number(x.baseAmount||0)),0));
   const creditNoteAmount=selectedRow
     ? Number(selectedRow.creditNoteAmount||0)
     : (selectedKey?Number(creditNoteTotal(filters,selectedKey)||0):monthlyCosting.reduce((a,x)=>a+Number(x.creditNote||0),0));
   const supervisorTdsAmount=selectedRow
     ? Number(selectedRow.supervisorTdsAmount||0)
     : (selectedKey?Number(supervisorTdsTotal(filters,selectedKey)||0):monthlyCosting.reduce((a,x)=>a+Number(x.supervisorTds||0),0));
  const displayedNetDebt=Number(netDebt||0)+Number(supervisorTdsAmount||0);
   const entitlement=selectedRow
    ? (selectedRow.entitlement==null?0:selectedRow.entitlement)
    : (selectedKey?(rate==null?0:costingBeforeCreditNote-creditNoteAmount):monthlyCosting.reduce((a,x)=>a+(x.rate==null?0:Number(x.amount||0)),0));

 const opening=selectedRow?selectedRow.opening:null;
 const freshRequired=selectedRow?selectedRow.freshRequired:null;
  const returnAmount=monthValues.length===1
      ? (selectedRow?Number(selectedRow.returnAmount||0):returnAmountTotal(filters,selectedKey))
      : timeline.reduce((a,r)=>a+Number(r.returnAmount||0),0);
    const canCalculateApril=selectedKey==='2026-04'&&selectedRow?.rate!=null;
    const finalBalance=selectedRow
       ? (seemaMode
            ? (selectedRow.rate!=null&&(selectedRow.hasStatementData||canCalculateApril)
             ? (Number(selectedRow.rate)===100
               ? Number(netBilling||0)-Number(totalUsed||0)
               : (selectedRow.opening!=null
                 ? Number(selectedRow.opening||0)+Number(entitlement||0)-Number(totalUsed||0)
                 : selectedRow.closing))
             : selectedRow.closing)
          : (selectedRow.rate!=null&&(selectedRow.hasStatementData||canCalculateApril)
           ? settlementClosingFromDisplayedNetDebit({...selectedRow,rate:selectedRow.rate,entitlement,opening:selectedRow.opening,returnAmount,netDebit:netDebt,supervisorTdsAmount,closing:selectedRow.closing},displayedNetDebt,{...filters,month:selectedKey,supervisor})
           : selectedRow.closing))
     : null;
   if(selectedRow&&finalBalance!=null){
      selectedRow={...selectedRow,debit,advanceDebit,credit,deadFund,totalSalary,totalUsed,netDebit:netDebt,returnAmount,closing:finalBalance,seemaMode};
   }
  const hasStatementData=selectedRow?selectedRow.hasStatementData:(st.length>0);
 const settlementStatus=selectedRow?selectedRow.status:(hasStatementData?'Calculated':'Settlement Pending');

  const result={
     billRows,st,billing,tds,netBilling,rate,headCostingRate,supervisorCostingRate,monthlyCosting,timeline,
       costingBeforeCreditNote,creditNoteAmount,supervisorTdsAmount,entitlement,debit,advanceDebit,credit,deadFund,totalSalary,totalUsed,netDebt,returnAmount,seemaMode,
    opening,freshRequired,finalBalance,
    hasStatementData,settlementStatus,
    selectedSettlement:selectedRow
  };
  socSettlementCache.set(settlementCacheKey,result);
  return result;
}

const C=id=>companies.find(x=>x.id===id)||{id:id||'',code:'—',name:'Unmapped Company',states:{},portfolios:[]};
const money=n=>{
  const v=Number(n||0);
  if(!isFinite(v))return '₹0';
  const a=Math.abs(v);
  const exact=moneyFull(v);
  if(a>=10000000)return exact+' Cr';
  if(a>=100000)return exact+' L';
  return exact;
};
const rupees=n=>'₹'+Number(n||0).toLocaleString('en-IN',{maximumFractionDigits:2});
const percent=(a,b)=>b?((a/b)*100).toFixed(1)+'%':'0%';

function billingNetAmount(b){
  // Management Net Billing is Basic Bill minus TDS. IGST is excluded.
  return Number((b&&b.amount)||0)-Number((b&&b.tds)||0);
}
function billingOutstandingAmount(b){
  return Math.max(0,billingNetAmount(b)-Number((b&&b.received)||0));
}

function costForRows(rows){
  let total=0;
  rows.forEach(b=>{
    const supervisor=billSupervisor(b);
     const rate=supervisor?costingRateForSupervisor(supervisor,b.month,b.c,b.p,billHead(b)):null;
    if(rate!=null) total+=Math.round(billingNetAmount(b)*rate/100);
  });
  return {expenses:0,salary:0,total};
}

function groupedBills(rows=bills){
 const map=new Map();
 rows.forEach(b=>{
   const key=String(b.sno||'').trim()?`${normalizeSocMonth(b.month)}|${String(b.sno).trim().toUpperCase()}`:`${b.c}|${normText(b.inv)}`;
   if(!key)return;
   if(!map.has(key)){
     map.set(key,{
         sno:b.sno||'',inv:b.inv,date:b.date,month:b.month,c:b.c,p:b.p,head:b.head||'',segment:b.segment||'',
        state:b.state,city:b.city,amount:0,igst:0,tds:0,net:0,received:0,paymentReceivedDate:'',status:'',
       sourceRows:[],supervisors:new Set(),locations:new Set()
     });
   }
   const g=map.get(key);
   g.amount+=Number(b.amount||0);
   g.igst+=Number(b.igst||0);
   g.tds+=Number(b.tds||0);
   g.net+=billingNetAmount(b);
   g.received+=Number(b.received||0);
   g.sourceRows.push(b);
   // Billing Invoice Register: show ONLY Google Sheet Billing column Supervisor (no Monthly_Assignment lookup / rename)
   const sup=String(b.supervisor||'').trim();
   if(sup)g.supervisors.add(sup);
   if(b.city)g.locations.add(b.city);
   if(!g.date&&b.date)g.date=b.date;
    if(!g.month&&b.month)g.month=b.month;
     if(!g.head&&b.head)g.head=b.head;
     if(!g.segment&&b.segment)g.segment=b.segment;
   if(b.paymentReceivedDate)g.paymentReceivedDate=b.paymentReceivedDate;
   if(b.status)g.status=b.status;
 });
 return [...map.values()].map(g=>{
   const net=g.net;
   g.supervisor=[...g.supervisors].join(' / ');
   g.city=[...g.locations].join(' / ')||g.city;
   delete g.supervisors; delete g.locations;
   return g;
 });
}

function summaryForCompany(companyId){
  const rows=bills.filter(b=>b.c===companyId);
  return summaryForRows(rows);
}
function summaryForRows(rows,rateFilters={}){
 const bill=rows.reduce((a,b)=>a+Number(b.amount||0),0);
 const igst=rows.reduce((a,b)=>a+Number(b.igst||0),0);
 const tds=rows.reduce((a,b)=>a+Number(b.tds||0),0);
 const received=rows.reduce((a,b)=>a+Number(b.received||0),0);
 const outstanding=rows.reduce((a,b)=>a+billingOutstandingAmount(b),0);
 const netBilling=rows.reduce((a,b)=>a+billingNetAmount(b),0);

 let cost=0;
 let configuredRows=0;
 let missingCostingCount=0;
 const missingSeen=new Set();
 const missingDetails=[];

 rows.forEach(b=>{
   const supervisor=billSupervisor(b);
    const rate=costingRateForBill(b,rateFilters);
   if(!supervisor || rate==null){
     missingCostingCount++;
     const key=[b.c,supervisor||'(No Supervisor)',monthKey(b.month)].join('|');
     if(!missingSeen.has(key)){
       missingSeen.add(key);
       missingDetails.push({
         company:C(b.c).name,
         portfolio:b.p||'',
         supervisor:supervisor||'(No Supervisor)',
         month:formatBillingMonth(b.month)
       });
     }
     return;
   }
   configuredRows++;
   cost+=billingNetAmount(b)*rate/100;
 });
  // Credit Note is company/portfolio/state level and applies regardless of
  // whether every single bill has a configured rate.
  cost-=creditNoteTotalForRows(rows,false);
  cost-=supervisorTdsTotalForRows(rows,false);

 const costConfigured=missingCostingCount===0;
 const profit=netBilling-cost;

 return {
   bill,igst,tds,received,outstanding,netBilling,
   cost,
   costConfigured,
   configuredRows,
   missingCostingCount,
   missingDetails,
   totalRows:rows.length,
   profit
 };
}

function summaryForRowsAssignmentCost(rows,rateFilters={}){
  const base=summaryForRows(rows,rateFilters);
 let cost=0;
 let configuredRows=0;
 let missingCostingCount=0;

 rows.forEach(b=>{
   const supervisor=assignmentSupervisorForBill(b);
    const rate=costingRateForBill(b,rateFilters,true);
   if(!supervisor || rate==null){
     missingCostingCount++;
     return;
   }
   configuredRows++;
   cost+=billingNetAmount(b)*rate/100;
 });
 const costConfigured=missingCostingCount===0;
  if(costConfigured && configuredRows>0){
    cost-=creditNoteTotalForRows(rows,true);
    cost-=supervisorTdsTotalForRows(rows,true);
  }

 return {
   ...base,
   cost,
   costConfigured,
   missingCostingCount,
   profit:costConfigured ? base.netBilling-cost : null
 };
}

let dashboardNavVersion=0;
let lastDashboardPage='overview';
function active(id){
  dashboardNavVersion++;
  document.querySelectorAll('.nav-btn').forEach(x=>{x.classList.remove('active');x.removeAttribute('aria-current')});
  const el=document.getElementById(id);
  if(el){el.classList.add('active');el.setAttribute('aria-current','page');}
}
function navigateDashboard(id,renderFn){
  active(id);
  const render=()=>{
   if(dashboardNavVersion!==navVersion)return;
   try{
    renderFn();
   }catch(err){
    console.error('Dashboard navigation render failed:',err);
    const content=document.getElementById('content');
    if(content)content.innerHTML=`<div class="card"><h3>Unable to open this section</h3><div class="meta">${String(err?.message||err)}</div></div>`;
   }
  };
  const navVersion=dashboardNavVersion;
  if(id!=='n1'){
    requestAnimationFrame(()=>setTimeout(render,0));
    return;
  }
  render();
}
function htmlEscape(v){return String(v??'').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;')}
function head(t,c){document.getElementById('title').textContent=t;document.getElementById('crumb').innerHTML=c}
function kpi(l,v,m=''){
  ensureKpiCalculationDelegation();
  const val=String(v??'');
  const fit=(val.length>9)?' kpi-fit':'';
  const extra=(val.length>14)?' kpi-fit-small':'';
  const isNA=/not configured/i.test(val);
  const isMoney=/^[+-]?₹|^Rs\./i.test(val);
   const isNegative=/^[-−]/.test(val.trim());
   const isPositivePendingReturn=String(l).trim()==='Pending Return'&&isMoney&&!isNegative&&/[1-9]/.test(val);
   const unitMatch=val.match(/^(.*)\s(Cr|L)$/);
   const renderedValue=unitMatch
     ? `${htmlEscape(unitMatch[1])} <span class="amount-unit">${unitMatch[2]}</span>`
     : htmlEscape(val);
       return `<div class="card kpi-card${isMoney?' money-kpi':''}${isNegative?' negative-kpi':''}${isPositivePendingReturn?' pending-return-positive-kpi':''}" data-kpi-label="${htmlEscape(l)}" ${isNA?'data-state="na"':''}><div class="kpi-card-head"><span class="kpi-icon" aria-hidden="true"></span><div class="label">${htmlEscape(l)}</div><span class="kpi-info" aria-hidden="true">i</span></div><div class="kpi-card-body"><div class="kpi-card-copy"><div class="value${fit}${extra}">${renderedValue}</div><div class="meta">${htmlEscape(m)}</div></div><span class="kpi-spark" aria-hidden="true"><svg class="kpi-spark-line" viewBox="0 0 100 48" preserveAspectRatio="none"><path class="spark-fill" d="M0 34 C10 25 14 12 25 19 S40 36 50 25 S67 17 74 28 S88 14 100 10 L100 48 L0 48 Z"></path><path class="spark-stroke" d="M0 34 C10 25 14 12 25 19 S40 36 50 25 S67 17 74 28 S88 14 100 10"></path><circle cx="0" cy="34" r="3"></circle><circle cx="25" cy="19" r="3"></circle><circle cx="50" cy="25" r="3"></circle><circle cx="74" cy="28" r="3"></circle><circle cx="100" cy="10" r="3"></circle></svg><span class="kpi-bars"><i></i><i></i><i></i><i></i><i></i><i></i></span></span></div></div>`;
   }

function calculationKpiContext(context={}){
  return {
    previous:Number(context.previous||0),final:Number(context.final||context.finalCosting||0),displayedNetDebit:Number(context.displayed||context.displayedNetDebit||0),
    baseNetDebit:Number(context.base||context.baseNetDebit||0),returnAmount:Number(context.return||context.returnAmount||0),closing:Number(context.closing||0),
    bill:Number(context.bill||0),igst:Number(context.igst||0),tds:Number(context.tds||0),netBilling:Number(context.netBilling||0),
    received:Number(context.received||0),outstanding:Number(context.outstanding||0),creditNote:Number(context.creditNote||0),supervisorTds:Number(context.supervisorTds||0)
  };
}
let activeKpiCalculationScope={page:'overview',filters:{},values:{},rows:[]};
function applyCalculationKpisToDom(page,context={}){
  const root=document.getElementById('content');
  if(!root)return;
  const vars=calculationKpiContext(context);
  activeKpiCalculationScope={page,filters:{...(context.filters||{})},values:vars,rows:Array.isArray(context.rows)?context.rows:[],raw:{...context}};
  const scope={...context,page};
  const cards=[...root.querySelectorAll('.kpi-card')];
  cards.forEach(card=>{
    const label=card.dataset.kpiLabel||card.querySelector('.label')?.textContent||'';
    const rule=getCalculationRule('kpi',{...scope,kpi:label});
    if(rule?.kpiAction==='hide')card.style.display='none';
    else if(rule?.kpiAction==='show')card.style.display='';
    if(rule&&(rule.kpiAction==='formula'||rule.kpiAction==='replace')&&rule.formula){
      const result=calculationFormulaValue(rule.formula,vars);
      if(result!=null){
        const value=card.querySelector('.value');
        if(value)value.innerHTML=htmlEscape(money(result));
      }
    }
  });
  const containers=page==='overview'
    ? [...root.querySelectorAll('.billing-overview-kpis')]
    : page==='costing' ? [...root.querySelectorAll('#costingPageBody .kpis')].slice(0,1) : [];
  if(!containers.length)return;
  const existing=new Set([...containers[0].querySelectorAll('.kpi-card')].map(card=>normText(card.dataset.kpiLabel||'')));
  calculationRules.filter(rule=>rule.type==='kpi'&&rule.active!==false&&rule.kpiAction==='add'&&calculationRuleMatches(rule,{...scope,kpi:rule.kpi})).forEach(rule=>{
    const label=String(rule.kpi||rule.name||'Custom KPI').trim();
    if(!label||existing.has(normText(label)))return;
    const value=calculationFormulaValue(rule.formula||rule.value||'0',vars);
    const display=value==null?String(rule.value||'—'):money(value);
    containers[0].insertAdjacentHTML('beforeend',kpi(label,display,rule.kpiMeta||rule.notes||'Custom KPI'));
    existing.add(normText(label));
  });
}
function ensureKpiCalculationDelegation(){
  if(window.__kpiCalculationDelegationBound)return;
  window.__kpiCalculationDelegationBound=true;
  document.addEventListener('click',event=>{
    const card=event.target?.closest?.('.kpi-card');
    if(!card||event.target.closest('button,a,input,select,textarea'))return;
    openKpiCalculation(card.dataset.kpiLabel||'');
  });
  document.addEventListener('keydown',event=>{
    if(event.key!=='Enter'&&event.key!==' ')return;
    const card=event.target?.closest?.('.kpi-card');
    if(!card)return;
    event.preventDefault();
    openKpiCalculation(card.dataset.kpiLabel||'');
  });
}
function kpiCalculationFilters(scope){
  const source=scope?.filters||{};
  return {company:source.company||'',head:source.head||'',portfolio:source.portfolio||'',supervisor:source.supervisor||'',state:source.state||'',location:source.location||source.city||'',month:source.month||'',segment:source.segment||''};
}
function kpiCalculationScopeText(filters){
  return [['Month',filters.month?multiFilterValues(filters.month).map(monthLabelFromKey).join(', '):'All'],['Company',filters.company||'All'],['Head',filters.head||'All'],['Supervisor',filters.supervisor||'All'],['Portfolio',filters.portfolio||'All'],['State',filters.state||'All'],['Location',filters.location||'All'],['Segment',filters.segment||'All']];
}
function kpiStatementScopeMatches(row,filters){
  if(filters.company&&!multiFilterMatches(row?.sourceCompany||row?.company,filters.company,v=>String(v)))return false;
  if(filters.supervisor&&!multiFilterMatches(row?.supervisor,filters.supervisor,v=>normText(canonicalSupervisor(v))))return false;
  if(filters.portfolio&&!multiFilterMatches(normalizeStatementPortfolio(row?.portfolio),filters.portfolio,v=>normText(canonicalPortfolio(v))))return false;
  if(filters.state&&!multiFilterMatches(statementSettlementState(row),filters.state,stateKey))return false;
  if(filters.location&&!multiFilterMatches(row?.location,filters.location,v=>normText(canonicalCity(v))))return false;
  if(filters.month&&!multiFilterMatches(row?.socMonth,filters.month,v=>monthKey(v)))return false;
  if(filters.head&&!accountAdjustmentHeadMatches(row,filters.head))return false;
  return true;
}
function kpiSourceRowKey(row){
  return [row?.importId,row?.accountId,row?.date,row?.socMonth,row?.name,row?.remark,row?.debit,row?.credit].map(v=>String(v??'')).join('|');
}
function kpiAccountConditionText(row){
  const conditions=[];
  if(isDelhiTeamSharedDebitRow(row))conditions.push('Delhi shared debit allocation');
  if(isSeemaSalaryAccountRow(row))conditions.push('Salary account exclusion');
  if(isDeadFundAccountRow(row))conditions.push('Dead Fund deduction');
  if(isAdvanceDebitRow(row))conditions.push('Advance debit filter');
  if(isOverviewDebitExcluded(row))conditions.push('Bounce / Self Transfer exclusion');
  (row?.adjustmentTrace||[]).forEach(trace=>conditions.push(`${trace.ruleName} (${trace.action})`));
  return conditions.join(' • ')||'Included by selected scope';
}
function kpiBreakdownSettlement(scope,filters,label){
  const needsSettlement=scope.page==='costing'||/COSTING|NET DEBIT|CLOSING|PREVIOUS|RETURN|DEBIT|DEAD FUND|SALARY|TOTAL USED|PENDING RETURN|SUPERVISOR TDS/i.test(label);
  if(!needsSettlement)return null;
  try{
    const supervisors=multiFilterValues(filters.supervisor);
    const months=multiFilterValues(filters.month);
    if(supervisors.length===1)return socSettlement({...filters,supervisor:supervisors[0],month:months.length===1?months[0]:filters.month,__costingSupervisorExplicit:true});
    return costingAggregateSettlement({...filters,supervisor:''});
  }catch(_){return null;}
}
function kpiCalculationModel(label,scope){
  const filters=kpiCalculationFilters(scope);
  const page=scope.page||'overview';
  const billRows=Array.isArray(scope.rows)&&scope.rows.length?scope.rows.slice():settlementBaseBills(filters);
  const statementRows=(()=>{try{return settlementBaseStatements(filters)||[];}catch(_){return [];}})();
  const rawStatementRows=(socStatementRows||[]).filter(row=>kpiStatementScopeMatches(row,filters));
  const excludedStatementRows=rawStatementRows.filter(row=>!statementRows.some(item=>kpiSourceRowKey(item)===kpiSourceRowKey(row))&&(isSeemaSalaryAccountRow(row)||isOverviewDebitExcluded(row)));
  const creditRows=activeCreditNotes().filter(row=>creditNoteMatchesFilters(row,filters));
  const tdsRows=activeSupervisorTds().filter(row=>supervisorTdsMatchesFilters(row,filters));
  const returnRows=activeReturnAmounts().filter(row=>returnAmountMatchesFilters(row,filters));
  const salarySourceRows=(salaryRows||[]).filter(row=>!filters.month||multiFilterMatches(row.month,filters.month,v=>monthKey(v)));
  const settlement=kpiBreakdownSettlement(scope,filters,label);
  const billTotal=billRows.reduce((sum,row)=>sum+Number(row.amount||0),0);
  const igst=billRows.reduce((sum,row)=>sum+Number(row.igst||0),0);
  const tds=billRows.reduce((sum,row)=>sum+Number(row.tds||0),0);
  const received=billRows.reduce((sum,row)=>sum+Number(row.received||0),0);
  const netBilling=billRows.reduce((sum,row)=>sum+billingNetAmount(row),0);
  const outstanding=billRows.reduce((sum,row)=>sum+billingOutstandingAmount(row),0);
  const creditNote=creditRows.reduce((sum,row)=>sum+Number(row.amount||0),0);
  const supervisorTds=tdsRows.reduce((sum,row)=>sum+Number(row.amount||0),0);
  const accountDebit=statementRows.reduce((sum,row)=>sum+Number(row.debit||0),0);
  const accountCredit=statementRows.reduce((sum,row)=>sum+Number(row.credit||0),0);
  const netDebit=settlement&&(settlement.st?.length||settlement.netDebt!=null)?settlementNetDebitDisplay(settlement):accountDebit-accountCredit+supervisorTds;
  const settlementValue=key=>settlement?settlement[key]:null;
  const key=normText(label);
  let value=scope.values?.[key]??null;
  let formula='Selected source rows and current dashboard filters';
  let steps=[];
  if(key.includes('BASIC BILL')){value=billTotal;formula='SUM(Billing rows: Basic Bill Amount)';steps=[['Billing rows',billRows.length],['Basic Bill total',money(billTotal)]];}
  else if(key==='IGST'){value=igst;formula='SUM(Billing rows: IGST)';steps=[['Billing rows',billRows.length],['IGST total',money(igst)]];}
  else if(key.includes('TDS DEDUCTED')||key==='TDS'){value=tds;formula='SUM(Billing rows: TDS Amount)';steps=[['Billing rows',billRows.length],['TDS total',money(tds)]];}
  else if(key==='NET BILLING'){value=page==='overview'?netBilling+igst:(settlement?.netBilling??netBilling);formula=page==='overview'?'Basic Bill - TDS + IGST':'Basic Bill - TDS';steps=[['Basic Bill',money(billTotal)],['TDS deducted',`- ${money(tds)}`],...(page==='overview'?[['IGST',`+ ${money(igst)}`]]:[]),['Net Billing',money(value)]];}
  else if(key.includes('AMOUNT RECEIVED')){value=received;formula='SUM(Billing rows: Amount Received)';steps=[['Billing rows',billRows.length],['Received total',money(received)]];}
  else if(key==='RECEIVED'){value=received;formula='SUM(Billing rows: Amount Received)';steps=[['Billing rows',billRows.length],['Received total',money(received)]];}
  else if(key==='OUTSTANDING'){value=outstanding;formula='SUM(max(Net Billing - Amount Received, 0))';steps=[['Billing rows',billRows.length],['Outstanding',money(outstanding)]];}
  else if(key==='TOTAL INVOICES'){value=billRows.length;formula='COUNT(filtered Billing rows)';steps=[['Billing rows',billRows.length],['Invoices',String(value)]];}
  else if(key==='PENDING INVOICES'){value=billRows.filter(row=>billEffectiveStatus(row)==='Pending').length;formula='COUNT(filtered Billing rows where Status = Pending)';steps=[['Billing rows',billRows.length],['Pending invoices',String(value)]];}
  else if(key==='CREDIT NOTE'){value=settlement?.creditNoteAmount??creditNote;formula='Matching Credit Note rows deducted after costing rate';steps=[['Credit Note rows',creditRows.length],['Credit Note total',money(value)]];}
  else if(key==='SUPERVISOR TDS'){value=settlement?.supervisorTdsAmount??supervisorTds;formula='Matching Supervisor TDS rows for Head + Supervisor + Month';steps=[['Supervisor TDS rows',tdsRows.length],['Supervisor TDS',money(value)]];}
  else if(key.includes('COSTING BEFORE CREDIT NOTE')){value=settlement?.costingBeforeCreditNote??null;formula='Net Billing x Applicable Costing %';steps=[['Net Billing',money(settlement?.netBilling??netBilling)],['Applicable rate',settlement?.rate==null?'Not Configured':`${settlement.rate}%`],['Costing before Credit Note',value==null?'Pending':money(value)]];}
   else if(key.includes('FINAL COSTING')){value=settlement?.entitlement??null;formula='Costing Before Credit Note - Credit Note';steps=[['Costing before Credit Note',money(settlement?.costingBeforeCreditNote)],['Credit Note',`- ${money(settlement?.creditNoteAmount??creditNote)}`],['Final Costing',value==null?'Pending':money(value)]];}
  else if(key.includes('APPLICABLE COSTING')||key==='COSTING %'){value=settlement?.rate??null;formula='Selected Costing_Master rate for this scope';steps=[['Costing rate',value==null?'Not Configured':`${value}%`]];}
  else if(key.includes('PREVIOUS BALANCE')){value=settlement?.opening??null;formula='Previous month Closing Balance / configured opening seed';steps=[['Opening source',settlement?.previousMonth||'Costing_Settlement'],['Previous Balance',value==null?'Pending':settlementSignedMoney(value)]];}
  else if(key.includes('NET DEBIT')||key.includes('NET DEBT')){value=netDebit;formula='Statement Debit - Statement Credit + Supervisor TDS';steps=[['Account rows',statementRows.length],['Debit',money(accountDebit)],['Credit',`- ${money(accountCredit)}`],['Supervisor TDS',`+ ${money(supervisorTds)}`],['Displayed Net Debit',money(value)]];}
  else if(key.includes('TOTAL DEBIT')){value=settlement?.advanceDebit??accountDebit;formula='SUM debit rows matching Advance condition';steps=[['Account rows',statementRows.length],['Advance debit',money(value)]];}
  else if(key.includes('DEAD FUND')){value=settlement?.deadFund??0;formula='SUM debit rows matching Dead Fund condition';steps=[['Matching account rows',rawStatementRows.filter(isDeadFundAccountRow).length],['Dead Fund',money(value)]];}
  else if(key.includes('TOTAL SALARY')){value=settlement?.totalSalary??salarySourceRows.reduce((sum,row)=>sum+Number(row.salary||0),0);formula='SUM dedicated salary source rows';steps=[['Salary source rows',salarySourceRows.length],['Total Salary',money(value)]];}
  else if(key.includes('TOTAL USED')){value=settlement?.totalUsed??0;formula='Dead Fund + Total Salary';steps=[['Dead Fund',money(settlement?.deadFund)],['Total Salary',money(settlement?.totalSalary)],['Total Used',money(value)]];}
  else if(key.includes('PENDING RETURN')){value=netDebit-Number(settlement?.returnAmount||0);formula='Displayed Net Debit - Return Amount';steps=[['Displayed Net Debit',money(netDebit)],['Return Amount',`- ${money(settlement?.returnAmount)}`],['Pending Return',money(value)]];}
  else if(key.includes('RETURN AMOUNT')){value=settlement?.returnAmount??returnRows.reduce((sum,row)=>sum+Number(row.amount||0),0);formula='SUM matching Return Amount rows';steps=[['Return rows',returnRows.length],['Return Amount',money(value)]];}
  else if(key.includes('CLOSING BALANCE')){value=settlement?.finalBalance??null;formula='Previous Balance + Final Costing - Displayed Net Debit + Return Amount';steps=[['Previous Balance',money(settlement?.opening)],['Final Costing',`+ ${money(settlement?.entitlement)}`],['Displayed Net Debit',`- ${money(netDebit)}`],['Return Amount',`+ ${money(settlement?.returnAmount)}`],['Closing Balance',value==null?'Pending':settlementSignedMoney(value)]];}
  else if(key.includes('CUSTOM')||key.includes('KPI')){const rule=calculationRules.find(item=>item.type==='kpi'&&normText(item.kpi||item.name)===key);if(rule){formula=rule.formula||rule.value||'Custom KPI';value=calculationFormulaValue(rule.formula||rule.value||'0',calculationKpiContext(scope.values||{}));steps=[['Custom rule',rule.name||'Unnamed rule'],['Result',value==null?'Pending':money(value)]];}}
  const sourceRows=[];
  billRows.slice(0,80).forEach(row=>sourceRows.push({source:'Billing',name:row.inv||row.sno||'Invoice',detail:[row.p,formatBillingMonth(row.month),row.c?C(row.c).name:''].filter(Boolean).join(' • '),amount:Number(row.amount||0),status:'Included',condition:'Billing scope match'}));
  statementRows.slice(0,120).forEach(row=>sourceRows.push({source:'Account / SOC',name:row.name||row.accountId||'Statement row',detail:[row.remark,row.bank,row.accountId,formatBillingMonth(row.socMonth)].filter(Boolean).join(' • '),amount:Number(row.debit||0)-Number(row.credit||0),status:'Included',condition:kpiAccountConditionText(row)}));
  excludedStatementRows.slice(0,80).forEach(row=>sourceRows.push({source:'Account / SOC',name:row.name||row.accountId||'Statement row',detail:[row.remark,row.bank,row.accountId,formatBillingMonth(row.socMonth)].filter(Boolean).join(' • '),amount:Number(row.debit||0)-Number(row.credit||0),status:'Excluded',condition:kpiAccountConditionText(row)}));
  creditRows.slice(0,40).forEach(row=>sourceRows.push({source:'Credit Note',name:row.bank||'Credit Note',detail:[row.company,row.supervisor,formatBillingMonth(row.month)].filter(Boolean).join(' • '),amount:Number(row.amount||0),status:'Applied',condition:'Credit Note scope match'}));
  tdsRows.slice(0,40).forEach(row=>sourceRows.push({source:row.source||'Supervisor TDS',name:row.supervisor||'Supervisor TDS',detail:[row.head,row.sourceRemark?'From Account Statement: '+row.sourceRemark:formatBillingMonth(row.month),row.sourceRemark?'SOC '+formatBillingMonth(row.month):''].filter(Boolean).join(' • '),amount:Number(row.amount||0),status:'Applied',condition:'Supervisor + Month match'}));
  salarySourceRows.slice(0,40).forEach(row=>sourceRows.push({source:'Salary sheet',name:'Salary',detail:formatBillingMonth(row.month),amount:Number(row.salary||0),status:'Applied',condition:'Dedicated salary source'}));
  const conditionDefs=[
    ['delhi_shared_allocation','Delhi Team shared debit allocation',row=>isDelhiTeamSharedDebitRow(row),'Allocates shared Delhi debit rows'],
    ['seema_salary_exclusion','Seema salary account exclusion',row=>isSeemaSalaryAccountRow(row),'Removes bank salary rows; salary comes from salary source'],
    ['dead_fund_deduction','Seema Dead Fund deduction',row=>isDeadFundAccountRow(row),'Deducts matching Dead Fund debit rows'],
    ['advance_debit_filter','Seema Advance debit filter',row=>isAdvanceDebitRow(row),'Uses debit rows whose remark contains Advance'],
    ['overview_transfer_exclusion','Overview Bounce / Self Transfer exclusion',row=>isOverviewDebitExcluded(row),'Excludes Bounce / Self Transfer from Overview debit']
  ];
  const conditionRows=conditionDefs.map(([conditionKey,conditionLabel,test,description])=>{const override=calculationRules.find(rule=>rule.type==='condition'&&rule.conditionKey===conditionKey&&rule.active!==false&&calculationRuleMatches(rule,{...filters,page:'shared'}));const enabled=builtInConditionEnabled(conditionKey,true,{...filters,row:rawStatementRows[0]||{}});const count=rawStatementRows.filter(row=>{try{return test(row);}catch(_){return false;}}).length;return {conditionKey,conditionLabel,description,enabled,count,rule:override};});
  const adjustmentIds=new Set(statementRows.flatMap(row=>(row.adjustmentTrace||[]).map(trace=>trace.ruleId)).filter(Boolean));
  const adjustmentRows=calculationRules.filter(rule=>rule.type==='adjustment'&&rule.active!==false&&adjustmentIds.has(rule.id));
  return {label,filters,value,formula,steps,billRows,statementRows,sourceRows,conditionRows,adjustmentRows,creditRows,tdsRows,returnRows,settlement,visibleCount:billRows.length+statementRows.length+excludedStatementRows.length};
}
function kpiCalculationEditButton(type,id,key){
  return `<button class="kpi-calculation-edit" onclick="editKpiCalculationRule('${type}','${encodeURIComponent(id||'')}','${encodeURIComponent(key||'')}')">${id?'Edit':'Set rule'}</button>`;
}
function kpiCalculationRuleType(label){
  const key=normText(label);
  if(key.includes('COSTING %')||key.includes('COSTING BEFORE'))return 'rate';
  if(key.includes('CLOSING')||key.includes('PREVIOUS BALANCE'))return 'closing';
  if(key.includes('SUPERVISOR TDS'))return 'tds';
  if(key==='CREDIT NOTE')return 'credit';
  return 'kpi';
}
function kpiEditableFormula(label,page){
  const key=normText(label);
  if(key.includes('BASIC BILL'))return 'bill';
  if(key==='IGST')return 'igst';
  if(key.includes('TDS DEDUCTED')||key==='TDS')return 'tds';
  if(key==='NET BILLING')return page==='overview'?'bill - tds + igst':'netBilling';
  if(key.includes('AMOUNT RECEIVED')||key==='RECEIVED')return 'received';
  if(key==='OUTSTANDING')return 'outstanding';
  if(key==='CREDIT NOTE')return 'creditNote';
  if(key.includes('SUPERVISOR TDS'))return 'supervisorTds';
  if(key.includes('FINAL COSTING'))return 'final';
  if(key.includes('PREVIOUS BALANCE'))return 'previous';
  if(key.includes('NET DEBIT')||key.includes('NET DEBT'))return 'displayed';
  if(key.includes('RETURN AMOUNT'))return 'return';
  if(key.includes('CLOSING BALANCE'))return 'previous + final - displayed + return';
  return 'netBilling';
}
function renderKpiCalculationPanel(model){
  const value=model.value==null?'Pending':(String(model.label).toUpperCase().includes('BALANCE')||String(model.label).toUpperCase().includes('RETURN')?settlementSignedMoney(model.value):money(model.value));
  const scope=kpiCalculationScopeText(model.filters).map(([label,item])=>`<span>${htmlEscape(label)}: ${htmlEscape(item)}</span>`).join('');
  const conditionMarkup=model.conditionRows.map(row=>`<div class="kpi-calculation-condition"><div><strong>${htmlEscape(row.conditionLabel)}</strong><small>${htmlEscape(row.description)} • ${row.count} matching account row${row.count===1?'':'s'}</small></div><span class="kpi-calculation-status ${row.enabled?'':'off'}">${row.enabled?'ON':'OFF'} ${kpiCalculationEditButton('condition',row.rule?.id,row.conditionKey)}</span></div>`).join('');
  const adjustmentMarkup=model.adjustmentRows.map(row=>`<div class="kpi-calculation-condition"><div><strong>${htmlEscape(row.name||'Account adjustment')}</strong><small>${htmlEscape(`${row.adjustmentAction||'add'} account / SOC rows`)}</small></div><span class="kpi-calculation-status">APPLIED ${kpiCalculationEditButton('adjustment',row.id,'')}</span></div>`).join('');
  const sourceMarkup=model.sourceRows.map(row=>`<tr><td><strong>${htmlEscape(row.source)}</strong></td><td>${htmlEscape(row.name)}</td><td>${htmlEscape(row.detail||'')}</td><td class="num-col">${money(row.amount)}</td><td>${htmlEscape(row.status)}</td><td>${htmlEscape(row.condition)}</td></tr>`).join('');
  const formulaType=kpiCalculationRuleType(model.label);
  return `<section id="kpiCalculationPanel" class="kpi-calculation-panel"><div class="kpi-calculation-head"><div><span class="control-eyebrow">CALCULATION BREAKDOWN</span><h3>${htmlEscape(model.label)}: ${htmlEscape(value)}</h3><p>Live source rows, formula steps and conditions used for this KPI.</p></div><button class="kpi-calculation-close" onclick="closeKpiCalculation()">×</button></div><div class="kpi-calculation-scope">${scope}</div><div class="kpi-calculation-grid"><div class="kpi-calculation-box"><h4>Formula / result</h4><div class="kpi-calculation-formula">${htmlEscape(model.formula)}</div><div class="kpi-calculation-steps">${model.steps.map(([step,stepValue])=>`<div class="kpi-calculation-step"><span>${htmlEscape(step)}</span><strong>${htmlEscape(String(stepValue))}</strong></div>`).join('')}</div></div><div class="kpi-calculation-box"><h4>Conditions and editable rules</h4><div class="kpi-calculation-conditions">${conditionMarkup||'<div class="kpi-calculation-empty">No built-in account conditions matched the selected scope.</div>'}${adjustmentMarkup}</div></div></div><div class="kpi-calculation-box" style="margin-top:12px"><h4>Source account and data rows (${model.visibleCount})</h4><div class="kpi-calculation-table-wrap"><table class="kpi-calculation-table"><thead><tr><th>Source</th><th>Account / invoice</th><th>Detail</th><th>Amount used</th><th>Status</th><th>Condition / reason</th></tr></thead><tbody>${sourceMarkup||'<tr><td colspan="6" class="kpi-calculation-empty">No source rows match the selected filters.</td></tr>'}</tbody></table></div></div><div class="kpi-calculation-footer"><span>Rows are read from the current Billing, Account/SOC, Credit Note, TDS and Salary data.</span><button onclick="editKpiCalculationRule('${formulaType}','','${encodeURIComponent(model.label)}','${encodeURIComponent(kpiEditableFormula(model.label,activeKpiCalculationScope.page))}')">Edit calculation rule</button></div></section>`;
}
function openKpiCalculation(label){
  const root=document.getElementById('content');
  if(!root)return;
  const existing=document.getElementById('kpiCalculationPanel');
  if(existing)existing.remove();
  const model=kpiCalculationModel(label,activeKpiCalculationScope);
  root.insertAdjacentHTML('afterbegin',renderKpiCalculationPanel(model));
  document.getElementById('kpiCalculationPanel')?.scrollIntoView({behavior:'smooth',block:'start'});
}
function closeKpiCalculation(){document.getElementById('kpiCalculationPanel')?.remove();}
async function editKpiCalculationRule(type,id,key,formula=''){
  const decodedId=id?decodeURIComponent(id):'';
  const decodedKey=key?decodeURIComponent(key):'';
  if(decodedId){editCalculationRule(encodeURIComponent(decodedId));return;}
  if(!(await ensureAdminAccess()))return;
  const filters=kpiCalculationFilters(activeKpiCalculationScope);
  if(type==='condition'){
    adminRuleEditingId='';pendingConditionKey=decodedKey;costingControlSection='conditions';calculationStudioPanelState.form=true;await openAdmin('rules');return;
  }
  if(type==='adjustment'){adminRuleEditingId='';pendingConditionKey='';costingControlSection='transactions';calculationStudioPanelState.form=true;await openAdmin('rules');return;}
  adminRuleEditingId='';pendingConditionKey='';costingControlSection='formulas';calculationStudioPanelState.form=true;
  adminCalculationSection=type==='kpi'?(activeKpiCalculationScope.page==='costing'?'costing':'overview'):(type==='rate'?'costing':(type==='closing'?'shared':(type==='tds'||type==='credit'?'billing':'overview')));
  await openAdmin('rules');
  const months=multiFilterValues(filters.month);
  const defaults={rate:{name:'Scoped costing rate',type:'rate'},closing:{name:'Scoped closing formula',type:'closing',formula:'previous + final - displayed + return'},tds:{name:'Scoped Supervisor TDS treatment',type:'tds',value:'include'},credit:{name:'Scoped Credit Note treatment',type:'credit',value:'deduct after costing %'},kpi:{name:`${activeKpiCalculationScope.page||'Dashboard'} ${decodedKey} calculation`,type:'kpi',kpi:decodedKey,formula:formula?decodeURIComponent(formula):kpiEditableFormula(decodedKey,activeKpiCalculationScope.page)}}[type]||{name:'Scoped calculation rule',type:'kpi',kpi:decodedKey,formula:formula?decodeURIComponent(formula):'netBilling'};
  const set=(field,value)=>{const el=document.getElementById(field);if(el)el.value=value||'';};
  set('calcRuleName',defaults.name);set('calcRuleType',defaults.type);set('calcRuleModule',adminCalculationSection);set('calcRuleMonth',months.length===1?months[0]:'');set('calcRuleCompany',filters.company);set('calcRuleHead',filters.head);set('calcRuleSupervisor',filters.supervisor);set('calcRulePortfolio',filters.portfolio);set('calcRuleValue',defaults.value);set('calcRuleFormula',defaults.formula);set('calcRuleKpiLabel',defaults.kpi);set('calcRuleKpiPage',activeKpiCalculationScope.page==='costing'?'costing':'overview');set('calcRuleKpiAction',type==='kpi'?'formula':'');set('calcRuleCondition','always');
  document.getElementById('calcRuleName')?.scrollIntoView({behavior:'smooth',block:'center'});
}

function moneyFull(v){
  const n=Number(v||0);
  if(!isFinite(n))return '₹0';
  const sign=n<0?'-':'';
  const a=Math.abs(n);
  return sign+'₹'+a.toLocaleString('en-IN',{
    minimumFractionDigits:Number.isInteger(a)?0:2,
    maximumFractionDigits:2
  });
}

function table(rows){
 const grouped=groupedBills(rows);
 if(!grouped.length)return `<div class="card">No records found.</div>`;

 return `<div class="tablewrap invoice-register-wrap" onscroll="financeBillingScrollLeft=this.scrollLeft;financeBillingScrollTop=this.scrollTop">
 <table class="invoice-register">
 <thead>
 <tr>
   <th class="col-supervisor">Supervisor</th>
   <th class="col-invoice">Invoice No</th>
   <th class="col-date">Invoice Date</th>
   <th class="col-month">Billing Month</th>
   <th class="col-company">Company</th>
   <th class="col-portfolio">Portfolio</th>
   <th class="col-state">State</th>
   <th class="col-city">City</th>
   <th class="col-net">Net Amount</th>
   <th class="col-received">Received Amount</th>
   <th class="col-status">Status</th>
 </tr>
  </thead>
  <tbody>
  ${grouped.map(r=>{
    const net=billingNetAmount(r);
    const companyName=(companies.find(c=>c.id===r.c)||{}).name||r.c||'-';
     return `<tr>
    <td class="center-cell" title="${htmlEscape(r.supervisor||'-')}">${htmlEscape(r.supervisor||'-')}</td>
    <td><span class="invoice-link" onclick="viewInvoicePdf(decodeURIComponent('${billingJsArg(r.inv)}'),decodeURIComponent('${billingJsArg(r.sno||'')}'),decodeURIComponent('${billingJsArg(r.month||'')}'))">${htmlEscape(r.inv||'-')}</span></td>
    <td class="center-cell">${formatInvoiceDate(r.date)}</td>
    <td class="center-cell">${formatBillingMonth(r.month)}</td>
    <td class="company-cell" title="${htmlEscape(companyName)}">${htmlEscape(companyName)}</td>
    <td class="portfolio-cell" title="${htmlEscape(r.p||'-')}">${htmlEscape(r.p||'-')}</td>
    <td>${htmlEscape(r.state||'-')}</td>
    <td class="city-cell" title="${htmlEscape(r.city||'-')}">${htmlEscape(r.city||'-')}</td>
    <td class="amount-cell">${moneyFull(net)}</td>
    <td class="amount-cell">${moneyFull(r.received)}</td>
     <td class="center-cell"><span class="status ${/received|completed|companted/i.test(String(r.status||''))?'received':'pending'}">${htmlEscape(r.status||'-')}</span></td>
   </tr>`;
 }).join('')}
 </tbody>
 </table>
 </div>
 </div>`;
}


function formatBillingMonth(v){
 if(!v)return '-';
 return normalizeSocMonth(v);
}

function formatInvoiceDate(v){
 if(!v)return '-';
 if(v instanceof Date && !isNaN(v)){
   return String(v.getDate()).padStart(2,'0')+'-'+String(v.getMonth()+1).padStart(2,'0')+'-'+v.getFullYear();
 }
 const s=String(v||'').trim();
 const dm=s.match(/^Date\((\d{4}),\s*(\d{1,2}),\s*(\d{1,2})\)$/i);
 if(dm){
   const y=Number(dm[1]), m=Number(dm[2])+1, d=Number(dm[3]);
   return String(d).padStart(2,'0')+'-'+String(m).padStart(2,'0')+'-'+y;
 }
 const d=new Date(s);
 if(!isNaN(d)){
   return String(d.getDate()).padStart(2,'0')+'-'+String(d.getMonth()+1).padStart(2,'0')+'-'+d.getFullYear();
 }
 return s;
}

function formatPaymentReceivedDate(v){
 if(!v)return '-';
 if(v instanceof Date && !isNaN(v))return String(v.getDate()).padStart(2,'0')+'-'+String(v.getMonth()+1).padStart(2,'0')+'-'+v.getFullYear();
 const s=String(v||'').trim();
 const d=new Date(s);
 if(!isNaN(d))return String(d.getDate()).padStart(2,'0')+'-'+String(d.getMonth()+1).padStart(2,'0')+'-'+d.getFullYear();
 return s;
}


function parseInvoiceDateValue(v){
 if(!v)return null;
 if(v instanceof Date && !isNaN(v)) return new Date(v.getFullYear(),v.getMonth(),v.getDate());
 const s=String(v||'').trim();
 let m=s.match(/^(\d{1,2})[-\/](\d{1,2})[-\/](\d{4})$/);
 if(m) return new Date(Number(m[3]),Number(m[2])-1,Number(m[1]));
 m=s.match(/^(\d{4})[-\/](\d{1,2})[-\/](\d{1,2})$/);
 if(m) return new Date(Number(m[1]),Number(m[2])-1,Number(m[3]));
 m=s.match(/^Date\((\d{4}),\s*(\d{1,2}),\s*(\d{1,2})\)$/i);
 if(m) return new Date(Number(m[1]),Number(m[2]),Number(m[3]));
 const d=new Date(s);
 return isNaN(d)?null:new Date(d.getFullYear(),d.getMonth(),d.getDate());
}
function billingPendingDays(b){
 const d=parseInvoiceDateValue(b&&b.date);
 if(!d)return null;
 const today=new Date();
 const t=new Date(today.getFullYear(),today.getMonth(),today.getDate());
 return Math.floor((t-d)/86400000);
}
function billEffectiveStatus(b){
   return String(b&&b.status||'').trim() || 'Pending';
}
function billingPendingRows(rows){
 return (rows||[]).filter(b=>billEffectiveStatus(b)==='Pending' && billingOutstandingAmount(b)>0);
}
function billingPending15Rows(rows){
 // Only true Pending status (not Partially Received), older than 15 days
 return billingPendingRows(rows).filter(b=>{const d=billingPendingDays(b);return d!=null&&d>15;});
}
function overduePortfolioSummary(rows){
 const groups=new Map();
 billingPending15Rows(rows).forEach(b=>{
   const portfolio=String(b.p||'Unassigned Portfolio').trim()||'Unassigned Portfolio';
   const key=billingFilterNorm(portfolio);
   if(!groups.has(key))groups.set(key,{portfolio,amount:0,count:0,oldestDays:0});
   const g=groups.get(key);
   g.amount+=billingOutstandingAmount(b);
   g.count++;
   const d=billingPendingDays(b); if(d!=null)g.oldestDays=Math.max(g.oldestDays,d);
 });
 return [...groups.values()].sort((a,b)=>b.amount-a.amount||b.oldestDays-a.oldestDays||a.portfolio.localeCompare(b.portfolio));
}
function billingJsArg(v){return encodeURIComponent(String(v??''));}
function openOverduePortfolio(portfolio,companyId=''){
 // Billing Alert shows overall pending — open Billing with ALL Pending invoices.
 // Do not scope to one portfolio chip (that was reducing 3 pending → 1 row).
  billingDashboardFilters={
    company:'',
    head:'',
    month:'',
   portfolio:'',
   supervisor:'',
   state:'',
    city:'',
    segment:'',
   status:'Pending',
   receivedMonth:'',
   invoiceSearch:'',
   overdue15Only:false,
   pendingOnly:true
 };
 navigateDashboard('n3',function(){
   financePage();
   requestAnimationFrame(function(){
     billingDashboardFilters.company='';
     billingDashboardFilters.portfolio='';
     billingDashboardFilters.status='Pending';
     billingDashboardFilters.pendingOnly=true;
     billingDashboardFilters.overdue15Only=false;
     if(typeof financeTab==='function') financeTab('billing',null);
   });
 });
}
function clearOverdueBillingView(){
 // Clear the temporary alert view completely: remove portfolio + all billing filters.
  billingDashboardFilters={company:'',head:'',month:'',portfolio:'',supervisor:'',state:'',city:'',segment:'',status:'',receivedMonth:'',invoiceSearch:'',overdue15Only:false,pendingOnly:false};
 financeTab('billing',null);
}

function billingBasicAmount(b){
 return Number((b&&b.amount)||0);
}
function invoiceDateFor(r){
 return formatInvoiceDate(r.date);
}
function pdfSafe(s){
 return String(s??'').replace(/\\/g,'\\\\').replace(/\(/g,'\\(').replace(/\)/g,'\\)');
}
function pdfMoney(n){
 const v=Number(n||0);
 return 'Rs. '+v.toLocaleString('en-IN',{minimumFractionDigits:2,maximumFractionDigits:2});
}
function pdfAmountOnly(n){
 const v=Number(n||0);
 return v.toLocaleString('en-IN',{minimumFractionDigits:2,maximumFractionDigits:2});
}
function pdfTextWidthEstimate(s,size){
 return String(s||'').length*size*0.52;
}


function makeInvoicePdfBlob(r){
 const c=C(r.c);
 const basic=Number(r.amount||0);
 const igst=Number(r.igst||0);
 const tds=Number(r.tds||0);
 const net=billingNetAmount(r);
 const received=Number(r.received||0);
 const outstanding=Math.max(0,net-received);
 const companyName=(c?.name||r.c||'Company');
 const invoiceDate=invoiceDateFor(r);
 const billingMonth=formatBillingMonth(r.month);
  const paymentStatus=String(r.status||'').trim()||'-';
 const paymentDate=formatPaymentReceivedDate(r.paymentReceivedDate);
 const service='Collection & Recovery Service';

 const W=595,H=842;
 const cmds=[];
 const blue='0.11 0.31 0.70';
 const blueDark='0.05 0.12 0.28';
 const purple='0.62 0.25 0.84';
 const purpleDark='0.43 0.13 0.66';
 const dark='0.08 0.09 0.12';
 const gray='0.38 0.40 0.43';
 const light='0.84 0.86 0.89';
 const pale='0.97 0.98 1.00';
 const white='1 1 1';
 const success='0.02 0.50 0.28';
 const amber='0.92 0.30 0.02';

 const txt=(x,y,size,text,font='F1',color=dark)=>{
   cmds.push(`${color} rg BT /${font} ${size} Tf ${x} ${y} Td (${pdfSafe(text)}) Tj ET`);
 };
 const line=(x1,y1,x2,y2,color=light,w=.7)=>{
   cmds.push(`${color} RG ${w} w ${x1} ${y1} m ${x2} ${y2} l S`);
 };
 const rect=(x,y,w,h,fill=null,stroke=null,lw=.7)=>{
   if(fill)cmds.push(`${fill} rg ${x} ${y} ${w} ${h} re f`);
   if(stroke)cmds.push(`${stroke} RG ${lw} w ${x} ${y} ${w} ${h} re S`);
 };
 const circle=(cx,cy,r,fill)=>{
   const k=.5522847498,c=r*k;
   cmds.push(`${fill} rg ${cx-r} ${cy} m ${cx-r} ${cy+c} ${cx-c} ${cy+r} ${cx} ${cy+r} c ${cx+c} ${cy+r} ${cx+r} ${cy+c} ${cx+r} ${cy} c ${cx+r} ${cy-c} ${cx+c} ${cy-r} ${cx} ${cy-r} c ${cx-c} ${cy-r} ${cx-r} ${cy-c} ${cx-r} ${cy} c h f`);
 };
 const rightText=(rx,y,size,s,font='F1',color=dark)=>{
   txt(rx-pdfTextWidthEstimate(s,size),y,size,s,font,color);
 };
 const centerText=(cx,y,size,s,font='F1',color=dark)=>{
   txt(cx-pdfTextWidthEstimate(s,size)/2,y,size,s,font,color);
 };
 const fitSize=(s,maxWidth,preferred,min=7)=>{
   const text=String(s||'');
   if(!text)return preferred;
   let size=preferred;
   while(size>min && pdfTextWidthEstimate(text,size)>maxWidth)size-=0.5;
   return size;
 };
 const moneyPdf=(n)=>{
   const v=Number(n||0);
   return 'Rs. '+v.toLocaleString('en-IN',{minimumFractionDigits:2,maximumFractionDigits:2});
 };
 const amountOnly=(n)=>{
   const v=Number(n||0);
   return v.toLocaleString('en-IN',{minimumFractionDigits:2,maximumFractionDigits:2});
 };

 rect(0,0,W,H,white,null);

 // ===== TOP BANDS =====
 rect(24,806,547,30,blue,null);
 rect(24,24,547,30,purple,null);

 // ===== HEADER =====
 circle(92,718,29,blue);
 circle(132,718,29,purple);

 txt(322,704,34,'INVOICE','F2','0 0 0');

 // Company line beneath graphic
 txt(62,656,fitSize(companyName,280,17,11),companyName,'F2',blueDark);
 txt(62,635,10,'Debt Collection & Recovery Services','F1',gray);

 // ===== INVOICE / CLIENT INFO =====
 txt(62,583,9.5,'INVOICE TO:','F1',gray);
 txt(62,562,12.5,r.p||'-','F2',dark);
 txt(62,542,9.5,(r.state||'-')+' • '+(r.city||'-'),'F1',dark);

 txt(255,583,9.5,'DATE:','F1',gray);
 txt(255,563,10.5,invoiceDate||'-','F1',dark);
 txt(255,541,9.5,'BILLING MONTH:','F1',gray);
 txt(255,521,10.5,billingMonth||'-','F1',dark);

 txt(420,583,9.5,'INVOICE NO.:','F1',gray);
 txt(420,563,10.5,r.inv||'-','F2',dark);
 txt(420,541,9.5,'STATUS:','F1',gray);
 const statusColor=String(paymentStatus).toLowerCase()==='received'?success:amber;
 txt(420,521,10.5,paymentStatus,'F2',statusColor);

 // ===== MAIN TABLE =====
 const tx=57, ty=355, tw=480, hh=34, rh=75;
 const cols=[190,62,96,66,66];
 rect(tx,ty,tw,hh+rh,white,'0.78 0.80 0.84',.7);

 // header cells
 rect(tx,ty+rh,cols[0],hh,purple,null);
 rect(tx+cols[0],ty+rh,tw-cols[0],hh,blue,null);

 const headers=[
   ['Item',tx+cols[0]/2],
   ['Qty',tx+cols[0]+cols[1]/2],
   ['Basic',tx+cols[0]+cols[1]+cols[2]/2],
   ['TDS',tx+cols[0]+cols[1]+cols[2]+cols[3]/2],
   ['Net',tx+tw-cols[4]/2]
 ];
 headers.forEach(([lab,cx])=>centerText(cx,ty+rh+12,10.2,lab,'F2',white));

 let vx=tx;
 cols.slice(0,-1).forEach(w=>{vx+=w;line(vx,ty,vx,ty+hh+rh,'0.80 0.82 0.86',.6);});

 txt(tx+10,ty+30,9.8,service,'F1',dark);
 centerText(tx+cols[0]+cols[1]/2,ty+30,10.5,'1','F1',dark);
 rightText(tx+cols[0]+cols[1]+cols[2]-8,ty+30,fitSize(amountOnly(basic),cols[2]-14,9.8,7),amountOnly(basic),'F1',dark);
 rightText(tx+cols[0]+cols[1]+cols[2]+cols[3]-8,ty+30,fitSize(amountOnly(tds),cols[3]-14,9.3,7),amountOnly(tds),'F1',dark);
 rightText(tx+tw-8,ty+30,fitSize(amountOnly(net),cols[4]-14,9.3,7),amountOnly(net),'F1',dark);

 // ===== PAYMENT SUMMARY =====
 txt(62,307,13,'PAYMENT SUMMARY','F2',dark);

 txt(62,281,9.7,'Received Amount','F2',dark);
 txt(62,260,9.7,'Outstanding Amount','F2',dark);
 txt(62,239,9.7,'Payment Received Date','F2',dark);

 rightText(265,281,9.7,moneyPdf(received),'F1',dark);
 rightText(265,260,9.7,moneyPdf(outstanding),'F1',dark);
 rightText(265,239,9.7,paymentDate,'F1',dark);

 // ===== TOTAL SUMMARY =====
 txt(345,307,9.5,'Sub-total:','F1',gray);
 rightText(535,307,9.5,moneyPdf(basic),'F1',dark);

 txt(345,284,9.5,'TDS (2%):','F1',gray);
 rightText(535,284,9.5,moneyPdf(tds),'F1',dark);

 line(342,266,535,266,purple,.9);
 rect(342,226,193,30,purple,null);
 txt(352,237,10.5,'NET AMOUNT','F2',white);
 rightText(525,237,11.5,moneyPdf(net),'F2',white);

 // ===== TERMS / NOTES =====
 txt(62,177,12.5,'TERMS & INFORMATION','F2',dark);
 txt(62,153,9.2,'Service: Collection & Recovery Service','F1',gray);
 txt(62,135,9.2,'TDS rate applied: 2%','F1',gray);
 txt(62,117,9.2,'Payment Status: '+paymentStatus,'F1',gray);

 // clean system footer
 txt(62,82,8.8,'This is a system-generated invoice from the dashboard billing data.','F1',gray);

 const stream=cmds.join('\n');
 const objects=[
   `1 0 obj << /Type /Catalog /Pages 2 0 R >> endobj`,
   `2 0 obj << /Type /Pages /Kids [3 0 R] /Count 1 >> endobj`,
   `3 0 obj << /Type /Page /Parent 2 0 R /MediaBox [0 0 ${W} ${H}] /Resources << /Font << /F1 4 0 R /F2 5 0 R >> >> /Contents 6 0 R >> endobj`,
   `4 0 obj << /Type /Font /Subtype /Type1 /BaseFont /Helvetica >> endobj`,
   `5 0 obj << /Type /Font /Subtype /Type1 /BaseFont /Helvetica-Bold >> endobj`,
   `6 0 obj << /Length ${stream.length} >> stream\n${stream}\nendstream endobj`
 ];
 let pdf='%PDF-1.4\n';
 const offsets=[0];
 objects.forEach(o=>{offsets.push(pdf.length);pdf+=o+'\n';});
 const xref=pdf.length;
 pdf+=`xref\n0 ${objects.length+1}\n0000000000 65535 f \n`;
 for(let i=1;i<=objects.length;i++)pdf+=String(offsets[i]).padStart(10,'0')+' 00000 n \n';
 pdf+=`trailer << /Size ${objects.length+1} /Root 1 0 R >>\nstartxref\n${xref}\n%%EOF`;
 return new Blob([pdf],{type:'application/pdf'});
}
function invoiceRow(inv,sno='',month=''){
 const rows=groupedBills(bills);
 if(String(sno||'').trim()){
   return rows.find(b=>String(b.sno||'')===String(sno) && normalizeSocMonth(b.month)===normalizeSocMonth(month));
 }
 return rows.find(b=>b.inv===inv);
}
function viewInvoicePdf(inv,sno='',month=''){
 const r=invoiceRow(inv,sno,month);
 if(!r){alert('Invoice data not found.');return;}
 const blob=makeInvoicePdfBlob(r);
 const url=URL.createObjectURL(blob);
 window.open(url,'_blank');
 setTimeout(()=>URL.revokeObjectURL(url),60000);
}
function downloadInvoicePdf(inv){
 const r=invoiceRow(inv);
 if(!r){alert('Invoice data not found.');return;}
 const blob=makeInvoicePdfBlob(r);
 const url=URL.createObjectURL(blob);
 const a=document.createElement('a');
 a.href=url;
 a.download=(r.inv||'invoice').replace(/[\/\\:*?"<>|]/g,'-')+'.pdf';
 document.body.appendChild(a);
 a.click();
 a.remove();
 setTimeout(()=>URL.revokeObjectURL(url),1500);
}

/* ===== OWNER SNAPSHOT HELPERS (additive; does not change locked formulas) ===== */
function ownerShortMoney(v){
 const n=Number(v||0);
 const abs=Math.abs(n);
 const sign=n<0?'-':'';
 if(abs>=1e7){
  const x=abs/1e7;
  return sign+'₹'+(x>=10?x.toFixed(1):x.toFixed(2)).replace(/\.0$/,'')+'Cr';
 }
 if(abs>=1e5){
  const x=abs/1e5;
  return sign+'₹'+(x>=10?x.toFixed(1):x.toFixed(1)).replace(/\.0$/,'')+'L';
 }
 if(abs>=1e3){
  const x=abs/1e3;
  return sign+'₹'+(x>=100?Math.round(x):x.toFixed(1)).toString().replace(/\.0$/,'')+'K';
 }
 return money(n);
}
function ownerMonthTrend(rows,limit=4){
 const map=new Map();
 (rows||[]).forEach(b=>{
  const mk=monthKey(b.month);
  if(!mk || mk==='*')return;
  if(!map.has(mk))map.set(mk,{month:formatMonthValue(b.month),billing:0,received:0,net:0});
  const g=map.get(mk);
  g.billing+=Number(b.amount||0);
  g.received+=Number(b.received||0);
  g.net+=billingNetAmount(b);
 });
 return [...map.values()]
  .sort((a,b)=>monthOrdinal(monthKey(a.month))-monthOrdinal(monthKey(b.month)))
  .slice(-limit);
}
function ownerTopOutstanding(rows,limit=10){
 return groupedBills(rows||[])
  .map(b=>({
   inv:b.inv,
   company:C(b.c).code||b.c,
   portfolio:b.p||'-',
   supervisor:billSupervisor(b)||b.supervisor||'-',
   month:b.month,
   outstanding:billingOutstandingAmount(b),
   days:billingPendingDays(b),
   status:billEffectiveStatus(b)
  }))
  .filter(x=>x.outstanding>0 && /pending|partial/i.test(x.status))
  .sort((a,b)=>b.outstanding-a.outstanding || (b.days||0)-(a.days||0))
  .slice(0,limit);
}
function ownerCollectionEfficiency(summary){
 const net=Number(summary&&summary.netBilling||0);
 const received=Number(summary&&summary.received||0);
 if(net<=0)return {pct:0,label:'—'};
 const pct=(received/net)*100;
 return {pct,label:pct.toFixed(1)+'%'};
}
function ownerBankClosingEstimate(filters={}){
 const map=new Map();
 (accountStatementRows||[]).forEach(r=>{
   if(filters.company && !multiFilterMatches(r.company,filters.company,v=>String(v)))return;
  const id=String(r.accountId||`${r.company}|${r.bank}`).trim();
  if(!id)return;
  const key=(typeof accountDateKey==='function'?accountDateKey(r.date):String(r.date||''))||'';
  const prev=map.get(id);
  if(!prev || key>=prev.key){
   map.set(id,{key,balance:Number(r.balance||0),bank:r.bank||'',company:r.company||''});
  }
 });
 let total=0;
 map.forEach(v=>{total+=Number(v.balance||0);});
 return {total,accounts:map.size};
}
function ownerCostVsActual(filters={},selectedMonth=''){
  const billRows=settlementBaseBills(filters).filter(b=>!selectedMonth || monthKey(b.month)===monthKey(selectedMonth));
   const theo=summaryForRows(billRows,filters);
  let weightedRateBase=0;
  let weightedRateAmount=0;
  billRows.forEach(b=>{
     const rate=costingRateForBill(b,filters);
    const netBilling=billingNetAmount(b);
    if(rate!=null && netBilling>0){
      weightedRateBase+=netBilling;
      weightedRateAmount+=netBilling*rate/100;
    }
  });
  let actualDebit=0;
  let actualCredit=0;
  settlementBaseStatements(filters).forEach(r=>{
    if(selectedMonth){
    const mk=monthKey(r.socMonth||'');
    if(mk && mk!==monthKey(selectedMonth))return;
   }
   actualDebit+=Number(r.debit||0);
   actualCredit+=Number(r.credit||0);
  });
  const returnAmount=returnAmountTotal(filters,selectedMonth);
  const netDebt=actualDebit-actualCredit;
  const actualNetSpend=netDebt-returnAmount;
  const theoretical=theo.costConfigured?theo.cost:null;
  const ratio=(value,base)=>base!=null&&Number(base)!==0&&Number.isFinite(Number(value))
    ? (Number(value)/Number(base)*100).toFixed(1)+'%'
    : null;
  return {
   theoretical,
   costRate:theo.costConfigured&&weightedRateBase ? weightedRateAmount/weightedRateBase*100 : null,
   debit:actualDebit,
   credit:actualCredit,
   netDebt,
   returnAmount,
   actualNetSpend,
    actualUtilization:ratio(actualNetSpend,theoretical),
   variance:theoretical==null?null:theoretical-actualNetSpend,
   variancePercent:theoretical==null?null:ratio(theoretical-actualNetSpend,theoretical)
  };
}
function renderOwnerSnapshot(rows,t,filters,selectedMonth){
 // Only the 3 insight cards — no Cash & Control KPI row.
 const trend=ownerMonthTrend(rows,4);
 const top=ownerTopOutstanding(rows,8);
 const costAct=ownerCostVsActual(filters,selectedMonth);
 const maxTrend=Math.max(...trend.map(x=>Math.max(x.billing,x.received)),1);
 return `
 <div class="owner-grid" style="margin-bottom:14px">
  <div class="owner-card">
   <div class="owner-card-head"><h4>Month Trend</h4><span class="meta">Billing vs Received • Last 4 months</span></div>
   <div class="month-trend-legend"><span class="mtl-bill">Billing</span><span class="mtl-recv">Received</span></div>
   <div class="month-trend-chart">
    ${trend.length?trend.map(x=>`
     <div class="mt-item">
      <div class="mt-vals">
        <span class="mt-val bill">${x.billing?ownerShortMoney(x.billing):'₹0'}</span>
        <span class="mt-val recv">${x.received?ownerShortMoney(x.received):'₹0'}</span>
      </div>
      <div class="mt-bars">
       <div class="mt-bar bill" style="height:${Math.max(x.billing?8:2,(x.billing/maxTrend)*100)}%"></div>
       <div class="mt-bar recv" style="height:${Math.max(x.received?8:2,(x.received/maxTrend)*100)}%"></div>
      </div>
      <div class="mt-label">${formatBillingMonth(x.month)}</div>
     </div>`).join(''):`<div class="meta">No billing months in current filters.</div>`}
   </div>
  </div>
  <div class="owner-card">
   <div class="owner-card-head"><h4>Top Outstanding</h4><span class="meta">Highest open amounts</span></div>
   <div class="owner-top-list">
    ${top.length?top.map(x=>`
     <div class="owner-top-item">
      <div class="oti-main"><strong>${x.inv||'-'}</strong><span>${x.company} • ${x.portfolio}</span></div>
      <div class="oti-meta"><span>${x.supervisor}</span><span>${x.days!=null?x.days+'d':'-'}</span></div>
      <div class="oti-amt">${money(x.outstanding)}</div>
     </div>`).join(''):`<div class="meta">No outstanding invoices for current filters.</div>`}
   </div>
  </div>
  <div class="owner-card">
   <div class="owner-card-head"><h4>Cost vs Spend</h4><span class="meta">${selectedMonth?formatBillingMonth(selectedMonth):'All months in filter'}</span></div>
   <div class="owner-cost-grid">
       <div class="owner-cost-box"><span>Final Costing</span><div class="owner-cost-value"><strong>${costAct.theoretical==null?'Not Configured':money(costAct.theoretical)}</strong><b class="owner-cost-percent">${costAct.theoretical==null?'—':'100% base'}</b></div><em>(Net Billing × Costing Rate) − Credit Note${costAct.costRate==null?'':' • Applied rate: '+costAct.costRate.toFixed(1)+'%'}</em></div>
        <div class="owner-cost-box"><span>Supervisor Net Spend</span><div class="owner-cost-value"><strong>${money(costAct.actualNetSpend)}</strong><b class="owner-cost-percent">${costAct.actualUtilization||'—'} used</b></div><em>Debit ${money(costAct.debit)} − Credit ${money(costAct.credit)} − Return ${money(costAct.returnAmount)}</em></div>
     <div class="owner-cost-box ${costAct.variance==null?'':(costAct.variance>=0?'good':'warn')}"><span>Variance</span><div class="owner-cost-value"><strong>${costAct.variance==null?'—':money(costAct.variance)}</strong><b class="owner-cost-percent">${costAct.variancePercent||'—'}</b></div><em>${costAct.variance==null?'Need costing config':(costAct.variance>=0?'Under expected cost':'Over expected cost')}</em></div>
   </div>
  </div>
 </div>`;
}

let overviewFormulaContext={};
let overviewFormulaInspectorOpen=false;
function toggleOverviewFormulaInspector(){
  overviewFormulaInspectorOpen=!overviewFormulaInspectorOpen;
  const host=document.getElementById('overviewFormulaInspectorHost');
  if(host)host.innerHTML=renderOverviewFormulaInspector({},overviewFormulaContext.month,overviewFormulaContext.head,overviewFormulaContext.supervisor,overviewFormulaContext.portfolio,overviewFormulaContext.company);
}
function overviewFormulaScopeValue(value){
  const values=multiFilterValues(value);
  return values.length===1?values[0]:'';
}
function overviewFormulaRuleSource(rule,defaultText){
  return rule?`${rule.name||'Admin override'} • ${rule.condition||'always'} • P${Number(rule.priority||0)}`:defaultText;
}
function overviewFormulaLine(label,formula,source,type,rule,action){
  return `<div class="overview-formula-line"><div><span class="line-label">${htmlEscape(label)}</span><span class="line-source">${htmlEscape(source)}</span></div><div><code>${htmlEscape(formula)}</code><button class="overview-formula-edit" onclick="openCalculationEditorFromOverview('${type}')">${rule?'Edit override':(action||'Change formula')}</button></div></div>`;
}
function renderOverviewFormulaInspector(filters,selectedMonth,selectedHead,selectedSupervisor,selectedPortfolio,selectedCompany){
  const month=monthKey(selectedMonth);
  const head=overviewFormulaScopeValue(selectedHead);
  const supervisor=overviewFormulaScopeValue(selectedSupervisor);
  const portfolio=overviewFormulaScopeValue(selectedPortfolio);
  const company=overviewFormulaScopeValue(selectedCompany);
  overviewFormulaContext={month,head,supervisor,portfolio,company};
  const scope=[month?monthLabelFromKey(month):'No month selected',head||supervisor||'No person selected',portfolio].filter(Boolean).join(' • ');
  if(!overviewFormulaInspectorOpen){
    return `<div class="overview-formula-inspector overview-formula-inspector-collapsed"><div class="overview-formula-inspector-head"><div><span class="overview-formula-inspector-kicker">CALCULATION LOGIC</span><h3>Formula & Logic</h3><p>Hidden by default to keep Overview clean. Show it when you need to inspect or edit formulas.</p></div><div class="overview-formula-inspector-actions"><span class="overview-formula-inspector-scope">${htmlEscape(scope)}</span><button type="button" class="overview-formula-toggle" onclick="toggleOverviewFormulaInspector()">Show <span>+</span></button></div></div></div>`;
  }
  if(!month||(!head&&!supervisor)){
    return `<div class="overview-formula-inspector"><div class="overview-formula-inspector-head"><div><span class="overview-formula-inspector-kicker">CALCULATION LOGIC</span><h3>Formula & Logic</h3><p>Select one Month and a Head or Supervisor to view the active formulas before changing them.</p></div><div class="overview-formula-inspector-actions"><span class="overview-formula-inspector-scope">NO SCOPE SELECTED</span><button type="button" class="overview-formula-toggle" onclick="toggleOverviewFormulaInspector()">Hide <span>−</span></button></div></div><div class="overview-formula-empty">Choose Month + Head/Supervisor above. The existing rate, TDS, Credit Note, Displayed Net Debit and Closing formula will appear here.</div></div>`;
  }
  const context={...overviewFormulaContext,page:'overview'};
  const rateRule=getCalculationRule('rate',context);
  const closingRule=getCalculationRule('closing',context);
  const tdsRule=getCalculationRule('tds',context);
  const creditRule=getCalculationRule('credit',context);
  let rateFormula='Costing_Master month-wise rate';
  let rateSource='Default costing logic';
  if(supervisor){
    const rates=costingRatesForSupervisor(supervisor,month,company,portfolio,head);
    const applied=costingApplicableRate(rates,{...context,__costingSupervisorExplicit:true});
    rateFormula=applied==null?'Not Configured':`${applied}% applicable rate`;
    rateSource=applied==null?'No matching Costing_Master row':`Costing_Master • ${monthLabelFromKey(month)}`;
  }
  if(rateRule){rateFormula=`${rateRule.value||'—'}% • ${rateRule.rateTarget||'all'} target`;rateSource=overviewFormulaRuleSource(rateRule,'Admin override');}
  const lines=[
    overviewFormulaLine('Costing rate',rateFormula,rateSource,'rate',rateRule),
    overviewFormulaLine('TDS treatment',tdsRule?.value||'include matching Supervisor TDS',overviewFormulaRuleSource(tdsRule,'Built-in Displayed Net Debit logic'),'tds',tdsRule,'Change rule'),
    overviewFormulaLine('Credit Note',creditRule?.value||'deduct after costing %',overviewFormulaRuleSource(creditRule,'Built-in Costing logic'),'credit',creditRule,'Change rule'),
    overviewFormulaLine('Displayed debit','Base Net Debit = Debit − Credit; Displayed = Base + Supervisor TDS',overviewFormulaRuleSource(tdsRule,'Base Net Debit + Supervisor TDS'),'tds',tdsRule,'Change rule'),
    overviewFormulaLine('Closing formula',closingRule?.formula||'previous + final - displayed + return',overviewFormulaRuleSource(closingRule,'Built-in settlement formula'),'closing',closingRule)
  ];
   return `<div class="overview-formula-inspector"><div class="overview-formula-inspector-head"><div><span class="overview-formula-inspector-kicker">CALCULATION LOGIC</span><h3>Formula & Logic</h3><p>Active formulas for this Overview selection. Change a row only after checking its connected effect.</p></div><div class="overview-formula-inspector-actions"><span class="overview-formula-inspector-scope">${htmlEscape(scope)}</span><button type="button" class="overview-formula-toggle" onclick="toggleOverviewFormulaInspector()">Hide <span>−</span></button></div></div><div class="overview-formula-inspector-grid">${lines.join('')}</div></div>`;
}
async function openCalculationEditorFromOverview(type){
  const context={...overviewFormulaContext};
  if(!context.month||(!context.head&&!context.supervisor))return;
  const rule=getCalculationRule(type,context);
  adminCalculationSection=type==='rate'?'costing':(type==='closing'?'shared':'billing');
  costingControlSection='formulas';
  adminRuleEditingId=rule?.id||'';
  calculationStudioPanelState.form=true;
  if(!(await ensureAdminAccess()))return;
  await openAdmin('rules');
  if(!rule){
    const defaults={rate:{name:`${monthLabelFromKey(context.month)} costing rate`,value:'',formula:''},closing:{name:`${monthLabelFromKey(context.month)} closing formula`,value:'',formula:'previous + final - displayed + return'},tds:{name:`${monthLabelFromKey(context.month)} TDS treatment`,value:'include',formula:''},credit:{name:`${monthLabelFromKey(context.month)} Credit Note treatment`,value:'deduct after costing %',formula:''}}[type]||{};
    const set=(id,value)=>{const el=document.getElementById(id);if(el)el.value=value||'';};
    set('calcRuleName',defaults.name);set('calcRuleType',type);set('calcRuleModule',adminCalculationSection);set('calcRuleMonth',context.month);set('calcRuleCompany',context.company);set('calcRuleHead',context.head);set('calcRuleSupervisor',context.supervisor);set('calcRulePortfolio',context.portfolio);set('calcRuleValue',defaults.value);set('calcRuleFormula',defaults.formula);set('calcRuleCondition','always');
  }
  document.getElementById('calcRuleName')?.scrollIntoView({behavior:'smooth',block:'center'});
}
function overview(){
  lastDashboardPage='overview';
  overviewFormulaInspectorOpen=false;
  if(!companies.length){showEmptyDashboard();return;}

 head('Overview','Debt Service Management Group');

  const oldCompany=(document.getElementById('overviewCompany')||{}).value||'';
  const oldHead=(document.getElementById('overviewHead')||{}).value||'';
  const oldPortfolio=(document.getElementById('overviewPortfolio')||{}).value||'';
 const oldSupervisor=(document.getElementById('overviewSupervisor')||{}).value||'';
 const oldState=(document.getElementById('overviewState')||{}).value||'';
 const oldLocation=(document.getElementById('overviewLocation')||{}).value||'';
  const oldMonth=(document.getElementById('overviewMonth')||{}).value||'';
  const oldSegment=(document.getElementById('overviewSegment')||{}).value||'';

  // Month options are dependent on every currently selected dimension, not
  // only on filters that appear before Month in the toolbar.
   const overviewBillMatchesOption=(b,exclude)=>{
     if(exclude!=='company'&&oldCompany&&!multiFilterMatches(b.c,oldCompany,v=>String(v)))return false;
     if(exclude!=='head'&&oldHead&&!multiFilterMatches(billHead(b),oldHead,normText))return false;
     if(exclude!=='portfolio'&&oldPortfolio&&!multiFilterMatches(b.p,oldPortfolio,v=>normText(canonicalPortfolio(v))))return false;
     if(exclude!=='supervisor'&&oldSupervisor&&!multiFilterMatches(billSupervisor(b),oldSupervisor,v=>normText(canonicalSupervisor(v))))return false;
     if(exclude!=='state'&&oldState&&!multiFilterMatches(b.state,oldState,stateKey))return false;
     if(exclude!=='location'&&oldLocation&&!multiFilterMatches(b.city,oldLocation,v=>normText(canonicalCity(v))))return false;
     if(exclude!=='segment'&&oldSegment&&!multiFilterMatches(b.segment,oldSegment,normText))return false;
     return true;
   };
   const overviewBillMatchesExceptMonth=b=>overviewBillMatchesOption(b,'month');
  const overviewAssignmentMatchesExceptMonth=r=>{
    if(r.active===false)return false;
    if(oldCompany&&!multiFilterMatches(r.company,oldCompany,v=>String(v)))return false;
    if(oldHead&&!multiFilterMatches(r.head,oldHead,normText))return false;
    if(oldPortfolio&&!multiFilterMatches(r.portfolio,oldPortfolio,v=>normText(canonicalPortfolio(v))))return false;
    if(oldSupervisor&&!multiFilterMatches(r.supervisor,oldSupervisor,assignmentSupervisorKey))return false;
    if(oldState&&!multiFilterMatches(r.state,oldState,stateKey))return false;
    if(oldLocation&&!multiFilterMatches(r.city,oldLocation,v=>normText(canonicalCity(v))))return false;
    return true;
  };
  const monthOptions=[...new Set([
    ...bills.filter(overviewBillMatchesExceptMonth).map(b=>normalizeSocMonth(b.month)),
    ...monthlyAssignmentRows.filter(overviewAssignmentMatchesExceptMonth).filter(r=>r.month&&r.month!=='*').map(r=>normalizeSocMonth(r.month)),
    ...costingMasterRows.filter(r=>{
      if(oldCompany&&r.company&&!multiFilterMatches(r.company,oldCompany,v=>String(v)))return false;
      if(oldHead&&r.head&&!multiFilterMatches(r.head,oldHead,normText))return false;
      if(oldPortfolio&&r.portfolio&&!multiFilterMatches(r.portfolio,oldPortfolio,v=>normText(canonicalPortfolio(v))))return false;
      if(oldSupervisor&&r.supervisor&&!multiFilterMatches(r.supervisor,oldSupervisor,v=>normText(canonicalSupervisor(v))))return false;
      return true;
    }).map(r=>normalizeSocMonth(r.month)),
     // Overview month choices follow complete Billing / Costing business months.
   ])].filter(isDashboardVisibleMonth).sort((a,b)=>monthOrdinal(monthKey(a))-monthOrdinal(monthKey(b)));
  const selectedMonth=multiFilterKeepAvailable(oldMonth,monthOptions,v=>String(v));
  const selectedMonthValues=multiFilterValues(selectedMonth);
  const selectedMonthSingle=selectedMonthValues.length===1?selectedMonthValues[0]:'';

 // OVERVIEW MONTHLY_ASSIGNMENT AUTHORITY LOCK:
 // Company + Portfolio + Supervisor + State + Location options come ONLY from active Monthly_Assignment.
 // When a month is selected, each route resolves to the latest effective assignment <= that month.
 // With All Months selected, show the active assignment-history union.
 const activeAssignmentHistory=(monthlyAssignmentRows||[]).filter(r=>r.active!==false);
 let assignmentSnapshot=[];
  if(selectedMonthSingle){
    const target=monthKey(selectedMonthSingle);
   const routeGroups={};
   activeAssignmentHistory
     .filter(r=>assignmentAppliesToMonth(r,target))
     .forEach(r=>{
       const routeKey=[
         r.company||'',
         normText(canonicalPortfolio(r.portfolio)),
         stateKey(r.state),
         normText(canonicalCity(r.city))
       ].join('|');
       (routeGroups[routeKey]||(routeGroups[routeKey]=[])).push(r);
     });
   assignmentSnapshot=Object.values(routeGroups).flatMap(rows=>latestEffectiveRows(rows,target));
  }else if(selectedMonthValues.length){
    assignmentSnapshot=activeAssignmentHistory.filter(r=>selectedMonthValues.some(month=>assignmentAppliesToMonth(r,month)));
  }else{
    assignmentSnapshot=activeAssignmentHistory;
  }

  const assignmentRowsForOverviewOption=exclude=>assignmentSnapshot.filter(r=>{
    if(exclude!=='company'&&oldCompany&&!multiFilterMatches(r.company,oldCompany,v=>String(v)))return false;
    if(exclude!=='head'&&oldHead&&!multiFilterMatches(r.head,oldHead,normText))return false;
    if(exclude!=='portfolio'&&oldPortfolio&&!multiFilterMatches(r.portfolio,oldPortfolio,v=>normText(canonicalPortfolio(v))))return false;
    if(exclude!=='supervisor'&&oldSupervisor&&!multiFilterMatches(r.supervisor,oldSupervisor,assignmentSupervisorKey))return false;
    if(exclude!=='state'&&oldState&&!multiFilterMatches(r.state,oldState,stateKey))return false;
    if(exclude!=='location'&&oldLocation&&!multiFilterMatches(r.city,oldLocation,v=>normText(canonicalCity(v))))return false;
    return true;
  });

   const assignmentCompanyIds=[...new Set(assignmentSnapshot.map(r=>r.company).filter(Boolean))];
   const overviewCompanies=companies.filter(c=>assignmentCompanyIds.includes(c.id));
    const selectedCompany=multiFilterKeepAvailable(oldCompany,assignmentCompanyIds,v=>String(v));

     const companyAssignmentRows=assignmentSnapshot.filter(r=>multiFilterMatches(r.company,selectedCompany,v=>String(v)));

    const headOptions=[...new Set([
      ...companyAssignmentRows.map(r=>String(r.head||'').trim()),
       ...bills.filter(b=>{
         if(selectedCompany&&!multiFilterMatches(b.c,selectedCompany,v=>String(v)))return false;
         if(selectedMonthValues.length&&!selectedMonthValues.some(m=>monthKey(b.month)===monthKey(m)))return false;
         return true;
       }).map(b=>billHead(b))
    ].filter(Boolean))].sort((a,b)=>a.localeCompare(b));
    const selectedHead=multiFilterKeepAvailable(oldHead,headOptions,normText);
    const headAssignmentRows=companyAssignmentRows.filter(r=>multiFilterMatches(r.head,selectedHead,normText));

  // Include month-matched statement supervisors so Account and Dashboard can be reconciled
  // when a supervisor changed assignment during the selected month.
    const assignmentSupervisorKeys=new Set((monthlyAssignmentRows||[]).map(r=>assignmentSupervisorKey(r.supervisor)).filter(Boolean));
    const headScopedSupervisorKeys=selectedHead
      ? new Set((monthlyAssignmentRows||[]).filter(r=>
          r.active!==false &&
          multiFilterMatches(r.head,selectedHead,normText) &&
          (!selectedCompany||multiFilterMatches(r.company,selectedCompany,v=>String(v)))
        ).map(r=>assignmentSupervisorKey(r.supervisor)).filter(Boolean))
      : assignmentSupervisorKeys;
    const statementSupervisorOptions=selectedMonthSingle
      ? settlementBaseStatements({company:selectedCompany,head:selectedHead,portfolio:'',supervisor:'',state:'',location:'',month:selectedMonth,segment:''})
        .map(r=>assignmentSupervisorDisplay(r.supervisor)).filter(name=>name&&headScopedSupervisorKeys.has(assignmentSupervisorKey(name)))
      : [];
    const supervisorOptions=[...new Set([
      ...headAssignmentRows.map(r=>assignmentSupervisorDisplay(r.supervisor)).filter(Boolean),
      ...statementSupervisorOptions
    ])].sort((a,b)=>a.localeCompare(b));
   const selectedSupervisor=multiFilterKeepAvailable(oldSupervisor,supervisorOptions,assignmentSupervisorKey);

  const supervisorAssignmentRows=headAssignmentRows.filter(r=>
     multiFilterMatches(r.supervisor,selectedSupervisor,assignmentSupervisorKey)
  );

    const portfolioOptions=[...new Set(
      supervisorAssignmentRows.map(r=>canonicalPortfolio(r.portfolio)).filter(Boolean)
    )].sort((a,b)=>a.localeCompare(b));
   const selectedPortfolio=multiFilterKeepAvailable(oldPortfolio,portfolioOptions,v=>normText(canonicalPortfolio(v)));

   const portfolioAssignmentRows=supervisorAssignmentRows.filter(r=>
    multiFilterMatches(r.portfolio,selectedPortfolio,v=>normText(canonicalPortfolio(v)))
  );

   const stateOptions=[...new Set(portfolioAssignmentRows.map(r=>r.state).filter(Boolean))]
    .sort((a,b)=>a.localeCompare(b));
   const selectedState=multiFilterKeepAvailable(oldState,stateOptions,stateKey);

   const locationRowsForFilter=portfolioAssignmentRows.filter(r=>
      multiFilterMatches(r.state,selectedState,stateKey)
   );
 const locationPool=[...new Set(locationRowsForFilter.map(r=>canonicalCity(r.city)).filter(Boolean))]
   .sort((a,b)=>a.localeCompare(b));
  const selectedLocation=multiFilterKeepAvailable(oldLocation,locationPool,v=>normText(canonicalCity(v)));

   const filters={company:selectedCompany,head:selectedHead,portfolio:selectedPortfolio,supervisor:selectedSupervisor,state:selectedState,location:selectedLocation,month:selectedMonth,segment:''};
    const segmentOptions=[...new Set(socSettlement(filters).billRows.map(b=>String(b.segment||'').trim()).filter(Boolean))].sort((a,b)=>a.localeCompare(b));
   const selectedSegment=multiFilterKeepAvailable(oldSegment,segmentOptions,normText);
  filters.segment=selectedSegment;
  const settle=socSettlement(filters);
  const settlementIsAggregate=!selectedSupervisor&&!!selectedHead;
    const overviewSettlement=selectedSupervisor?settle:(settlementIsAggregate?costingAggregateSettlement(filters):null);
    const directHeadSettlement=settlementIsAggregate?headDirectSupervisorSettlement(overviewSettlement,selectedHead):null;
  const overviewSettlementRate=settlementIsAggregate
    ? (overviewSettlement?.rateLabel||'Not Configured')
    : (settle.rate==null?'Not Configured':settle.rate+'%');
   const overviewSettlementRateMissing=settlementIsAggregate
     ? overviewSettlementRate==='Not Configured'
     : settle.rate==null;
   const overviewSettlementMissingMeta=settlementIsAggregate
     ? 'Head + Supervisor + Month costing is not configured for the selected month'
     : 'Supervisor + Month costing is not configured for the selected month';
     const aggregateMonthSettlement=settlementIsAggregate&&selectedMonthSingle
       ? (overviewSettlement?.monthlyCosting||[]).find(row=>monthKey(row.month)===monthKey(selectedMonthSingle))
       : null;
     const overviewNetDebit=(selectedMonthSingle&&overviewSettlement?.selectedSettlement)
        ? settlementNetDebitDisplay(overviewSettlement.selectedSettlement)
        : aggregateMonthSettlement
          ? settlementNetDebitDisplay(aggregateMonthSettlement)
        : directHeadSettlement
          ? settlementNetDebitDisplay(directHeadSettlement)
        : settlementNetDebitDisplay(overviewSettlement);
    const aggregateRate=Number(String(aggregateMonthSettlement?.rateLabel||'').replace('%',''));
    const overviewClosingSource=Number.isFinite(aggregateRate)
      ? {...overviewSettlement,rate:aggregateRate}
      : overviewSettlement;
      const overviewClosingBalance=settlementIsAggregate&&aggregateMonthSettlement&&selectedMonthSingle
        ? Number(aggregateMonthSettlement.closing)
       : settlementIsAggregate&&directHeadSettlement&&selectedMonthSingle
        ? settlementClosingFromDisplayedNetDebit(overviewClosingSource,overviewNetDebit,filters)
       : overviewSettlement?.finalBalance;
   const rows=settle.billRows;
  const t=summaryForRows(rows,filters);
  const supervisorTdsAmount=supervisorTdsTotal(filters,selectedMonth);
  const showMonthProfitKpis=!!selectedMonthSingle;
  const profitStatementRows=showMonthProfitKpis?settlementBaseStatements(filters):[];
  const allDebitForProfit=overviewDebitTotal(profitStatementRows);
  const netBillingForProfit=Number(t.netBilling||0)+Number(t.igst||0);
  const netProfitAmount=netBillingForProfit-allDebitForProfit;
  const netProfitPercent=netBillingForProfit?netProfitAmount/netBillingForProfit*100:null;
  overviewExportState={filters:{...filters},rows:rows.slice(),selectedCompany,selectedHead,selectedSupervisor,selectedPortfolio,selectedState,selectedLocation,selectedMonth,selectedSegment};

  const months=selectedMonthSingle?[selectedMonthSingle]:[...new Set(rows.map(b=>b.month))];
 const monthData=months.map(m=>({month:m,amount:rows.filter(b=>b.month===m).reduce((a,b)=>a+b.amount,0)}));
 const maxMonth=Math.max(...monthData.map(x=>x.amount),1);
 const singleMonth=monthData.length<=1;
 const pending=groupedBills(rows).filter(b=>billEffectiveStatus(b)==='Pending');

 const balClass=settle.finalBalance>=0?'balance-zero':'balance-pos';
 const balText=settle.finalBalance>=0?'Company Payable to Supervisor':'Supervisor Payable to Company';

 document.getElementById('content').innerHTML=`
 <div class="overview-filterbar compact-overview-filter">
   <div class="filter-controls compact-filter-controls">
         ${multiFilterControl('overviewCompany',selectedCompany,overviewCompanies.map(c=>c.id),'All Companies',()=>overview(),v=>C(v)?.name||v)}
          ${multiFilterControl('overviewMonth',selectedMonth,monthOptions,'All Months',()=>overview(),formatBillingMonth)}
          ${multiFilterControl('overviewHead',selectedHead,headOptions,'All Heads',()=>overview())}
          ${multiFilterControl('overviewSupervisor',selectedSupervisor,supervisorOptions,'All Supervisors',()=>overview())}
          ${multiFilterControl('overviewPortfolio',selectedPortfolio,portfolioOptions,'All Portfolios',()=>overview())}
       ${multiFilterControl('overviewState',selectedState,stateOptions,'All States',()=>overview())}
       ${multiFilterControl('overviewLocation',selectedLocation,locationPool,'All Locations',()=>overview())}
       ${multiFilterControl('overviewSegment',selectedSegment,segmentOptions,'All Segments',()=>overview())}
     <button class="reset-filter-btn compact-reset" onclick="resetOverviewFilters()">Reset</button>
<span class="source-live compact-live-chip">Google Sheets • Live</span>
   </div>
  </div>
  ${billingPendingRows(rows).length?`<div class="overdue-ticker overdue-portfolio-ticker" role="status" aria-label="Billing pending summary by portfolio">
   <div class="overdue-ticker-badge" role="button" tabindex="0" title="Open all Pending invoices" style="cursor:pointer" onclick="openOverduePortfolio('',decodeURIComponent('${billingJsArg(selectedCompany)}'))" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();openOverduePortfolio('',decodeURIComponent('${billingJsArg(selectedCompany)}'))}">⚠ Billing Alert <span class="overdue-total-count">${billingPendingRows(rows).length} Pending</span>${billingPending15Rows(rows).length?`<span class="overdue-total-count">${billingPending15Rows(rows).length} &gt;15 days</span>`:''}</div>
   <div class="overdue-ticker-window"><div class="overdue-ticker-track">
     ${overduePortfolioSummary(rows).map(g=>`<span class="overdue-portfolio-item" role="button" tabindex="0" onclick="openOverduePortfolio(decodeURIComponent('${billingJsArg(g.portfolio)}'),decodeURIComponent('${billingJsArg(selectedCompany)}'))" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();openOverduePortfolio(decodeURIComponent('${billingJsArg(g.portfolio)}'),decodeURIComponent('${billingJsArg(selectedCompany)}'))}">
         <span class="op-name">${htmlEscape(g.portfolio)}</span><span class="op-sep">•</span><span class="op-amount">${money(g.amount)}</span><span class="op-sep">•</span><span class="op-days">Oldest ${g.oldestDays} days</span><span class="op-sep">•</span><span class="op-count">${g.count} bill${g.count===1?'':'s'}</span>
      </span>`).join('')||'<span class="overdue-portfolio-item"><span class="op-name">No pending invoice is older than 15 days</span></span>'}
    </div></div>
  </div>`:''}

    <div class="section" style="display:flex;align-items:center;justify-content:space-between;gap:10px"><h3 style="margin:0">Billing Overview</h3><button type="button" class="action-btn primary" onclick="exportOverviewExcel()">Export Excel</button></div>
  <div class="kpis billing-overview-kpis">
   ${kpi('Basic Bill Amount',money(t.bill),'Basic Bill Amount')}
   ${kpi('IGST',money(t.igst),'IGST Amount')}
   ${kpi('TDS Deducted',money(t.tds),'Total TDS')}
    ${kpi('Net Billing',money(t.netBilling+t.igst),'Basic Bill − TDS + IGST')}
    ${kpi('Amount Received',money(t.received),'Basic − TDS + IGST')}
   ${kpi('Outstanding',money(t.outstanding),'Net Billing − Amount Received')}
   ${kpi('Credit Note',money(creditNoteTotal(filters,selectedMonth)),selectedLocation?'State-level credit note • Clear Location for allocation':'Deducted from Costing')}
   ${kpi('Supervisor TDS',supervisorTdsKpiValue(filters,supervisorTdsAmount),'Head + Supervisor + Month')}
   </div>

  <div class="overview-settlement-block">
  <div class="section"><h3>${selectedSupervisor&&overviewSettlement?.seemaMode?'Seema Sharma Costing Settlement':'Supervisor Costing Settlement'}</h3>${selectedSupervisor?'<span class="badge">Automatic Carry Forward</span>':''}</div>
  ${!selectedSupervisor&&!selectedHead?`
  <div class="settlement-placeholder">
    <h4>Select Head or Supervisor to View Settlement</h4>
    <p>Choose a Head for the combined supervisor settlement, or choose a Supervisor for an individual settlement.</p>
  </div>
  `:`
    ${selectedSupervisor&&overviewSettlement?.seemaMode
      ? seemaCostingKpis(overviewSettlement,selectedMonth)
      : `<div class="kpis settlement-kpis">
     ${kpi('Net Billing',money(overviewSettlement.netBilling),'Basic Bill − TDS')}
     ${kpi('Applicable Costing %',selectedMonth?overviewSettlementRate:'Month-wise',selectedMonth&&overviewSettlementRateMissing?overviewSettlementMissingMeta:(settlementIsAggregate?'Head-filtered supervisor rates':'Selected Head/Supervisor rate for '+formatBillingMonth(selectedMonth)))}
    ${kpi('Costing Before Credit Note',selectedMonth&&overviewSettlementRateMissing?'Not Configured':money(overviewSettlement.costingBeforeCreditNote),'Net Billing × Costing %')}
     ${kpi('Credit Note',money(overviewSettlement.creditNoteAmount),'Full amount less after costing %')}
      ${kpi('Supervisor TDS',supervisorTdsKpiValue(filters,overviewSettlement.supervisorTdsAmount,settlementIsAggregate),settlementIsAggregate?'Head-filtered supervisor TDS':'Select Supervisor + Month • Less after Credit Note')}
       ${kpi('Final Costing Amount',selectedMonth&&overviewSettlementRateMissing?'Not Configured':money(overviewSettlement.entitlement),selectedMonth&&overviewSettlementRateMissing?overviewSettlementMissingMeta:'Costing Before Credit Note − Credit Note')}
    ${kpi(
      'Previous Balance',
      selectedMonth?settlementSignedMoney(overviewSettlement.opening):'Select Month',
      selectedMonth?(settlementIsAggregate?'Head-filtered combined opening balance':previousBalanceMeta(settle.selectedSettlement)):'Previous month Closing Balance'
     )}
       ${kpi('Net Debit',money(overviewNetDebit),'Statement Net Debit + Supervisor TDS')}
      ${kpi('Return Amount',money(overviewSettlement.returnAmount),returnAmountKpiMeta())}
     ${kpi(
       'Closing Balance',
        !selectedMonth?'Select Month':(overviewSettlementRateMissing?'Not Configured':settlementSignedMoney(overviewClosingBalance)),
        !selectedMonth?'Choose a month':(overviewSettlementRateMissing?overviewSettlementMissingMeta:(settlementIsAggregate?'Head-filtered combined closing balance':closingBalanceMeta(settle.selectedSettlement)))
      )}
   </div>`}
   `}
 </div>

 ${renderOwnerSnapshot(rows,t,filters,selectedMonth)}

 <div class="overview-row">
   <div class="chart-card">
     <div class="chart-head" style="padding-bottom:8px">
       <h3>Month-wise Billing Overview</h3>
        <div class="chart-legend">${htmlEscape(selectedCompany?C(selectedCompany).code:'All Companies')}${selectedPortfolio?' • '+htmlEscape(selectedPortfolio):''}${selectedSupervisor?' • '+htmlEscape(selectedSupervisor):''}${selectedState?' • '+htmlEscape(selectedState):''}${selectedLocation?' • '+htmlEscape(selectedLocation):''}${selectedMonth?' • '+htmlEscape(selectedMonth):''}</div>
     </div>
     <div class="billing-chart">
       ${monthData.map(x=>`
         <div class="bar-item">
           <div class="bar-value">${x.amount?money(x.amount):'₹0'}</div>
           <div class="bar" style="height:${x.amount?Math.max(12,(x.amount/maxMonth)*(singleMonth?72:105)):8}px"></div>
           <div class="bar-label">${formatBillingMonth(x.month)}</div>
         </div>`).join('')}
     </div>
   </div>
   <div class="pending-card">
     <div class="pending-head"><h3>Pending Bills</h3></div>
     <div class="pending-stats">
       <div class="pending-stat"><span>Invoices</span><strong>${pending.length}</strong></div>
       <div class="pending-stat"><span>Pending Amount</span><strong>${money(pending.reduce((a,b)=>a+billingOutstandingAmount(b),0))}</strong></div>
     </div>
     <div class="pending-list">
        ${pending.length?pending.slice(0,6).map(b=>`<div class="pending-item"><strong>${htmlEscape(b.p)} — ${htmlEscape(b.inv)}</strong><span><span>${htmlEscape(C(b.c).code)} • ${htmlEscape(formatBillingMonth(b.month))}</span><span class="pending-amount">${money(billingOutstandingAmount(b))}</span></span></div>`).join(''):`<div class="meta">No pending bills for current filters.</div>`}
       ${pending.length>4?`<div class="pending-more">Showing 4 of ${pending.length} pending invoices</div>`:''}
     </div>
   </div>
 </div>

   </div>`;
  applyCalculationKpisToDom('overview',{
    bill:t.bill,igst:t.igst,tds:t.tds,netBilling:Number(t.netBilling||0)+Number(t.igst||0),received:t.received,outstanding:t.outstanding,
    creditNote:creditNoteTotal(filters,selectedMonth),supervisorTds:supervisorTdsAmount,final:overviewSettlement?.entitlement,filters:{...filters},
    previous:overviewSettlement?.opening,displayed:overviewNetDebit,return:overviewSettlement?.returnAmount,closing:overviewClosingBalance
  });
}

function resetOverviewFilters(){
  ['overviewCompany','overviewHead','overviewPortfolio','overviewSupervisor','overviewState','overviewLocation','overviewMonth','overviewSegment'].forEach(id=>{
   const el=document.getElementById(id);
   if(el) el.value='';
 });
 overview();
}
// COMPANIES MODULE AUTHORITY: Monthly_Assignment only.
// With no month filter on the Companies page, resolve every route at the latest
// assignment month available in the history. Older rows carry forward until replaced.
function latestCompanyAssignmentSnapshot(){
 const active=(monthlyAssignmentRows||[]).filter(r=>r.active!==false&&r.company);
 if(!active.length)return [];
 const dated=active
   .map(r=>monthKey(r.month))
   .filter(k=>k&&k!=='*'&&Number.isFinite(monthOrdinal(k)));
 const target=dated.length
   ? dated.slice().sort((a,b)=>monthOrdinal(a)-monthOrdinal(b)).pop()
   : '';
 const groups={};
 active.forEach(r=>{
   const key=[
     r.company||'',
     normText(canonicalPortfolio(r.portfolio)),
     stateKey(r.state),
     normText(canonicalCity(r.city))
   ].join('|');
   (groups[key]||(groups[key]=[])).push(r);
 });
 return Object.values(groups).flatMap(rows=>{
   if(target)return latestEffectiveRows(rows,target);
   const legacy=rows.filter(r=>!monthKey(r.month)||monthKey(r.month)==='*');
   return legacy.length?legacy:rows.slice(-1);
 });
}
function companyAssignmentCoverage(id){
 return latestCompanyAssignmentSnapshot().filter(r=>r.company===id);
}
function assignmentLocationCode(r){
 return canonicalCity(r&&r.city)||String((r&&r.city)||'').trim()||'-';
}
function companyAssignmentSupervisors(id){
 const rows=companyAssignmentCoverage(id);
 const groups={};
 rows.forEach(r=>{
   const name=assignmentSupervisorDisplay(r.supervisor);
   if(!name)return;
   if(!groups[name])groups[name]={name,states:new Set(),cities:new Set(),portfolios:new Set(),branches:new Set(),routes:[]};
   const g=groups[name];
   if(r.state)g.states.add(r.state);
   if(r.city)g.cities.add(r.city);
   if(r.portfolio)g.portfolios.add(canonicalPortfolio(r.portfolio));
   const code=assignmentLocationCode(r); if(code&&code!=='-')g.branches.add(code);
   g.routes.push(r);
 });
 return Object.values(groups)
   .sort((a,b)=>a.name.localeCompare(b.name))
   .map(g=>({
     name:g.name,
     state:[...g.states].join(' / '),
     city:[...g.cities].join(' / '),
     portfolio:[...g.portfolios].join(' / '),
     branch:[...g.branches].join(' / ')||'-',
     routes:g.routes
   }));
}
function companiesPage(){
 head('Companies','Group › Companies');
 const snapshot=latestCompanyAssignmentSnapshot();
 const assignedIds=new Set(snapshot.map(r=>r.company).filter(Boolean));
 const assignedCompanies=companies.filter(c=>assignedIds.has(c.id));
 document.getElementById('content').innerHTML=assignedCompanies.length
   ? `<div class="kpis">${assignedCompanies.map(c=>{
       const rows=snapshot.filter(r=>r.company===c.id);
       const states=[...new Set(rows.map(r=>String(r.state||'').trim()).filter(Boolean))];
       const cities=[...new Set(rows.map(r=>stateKey(r.state)+'|'+normText(canonicalCity(r.city))).filter(x=>!x.endsWith('|')))];
       const portfolios=[...new Set(rows.map(r=>canonicalPortfolio(r.portfolio)).filter(Boolean))];
        return `<div class="card click company-summary-card" onclick="openCompany(decodeURIComponent('${billingJsArg(c.id)}'))"><div class="label">${htmlEscape(c.code)}</div><div class="value" style="font-size:19px">${htmlEscape(c.name)}</div><div class="meta">${states.length} states • ${cities.length} cities • ${portfolios.length} portfolios</div></div>`;
     }).join('')}</div>`
   : `<div class="panel"><div class="meta">No active Monthly_Assignment company coverage found.</div></div>`;
}
function openCompany(id){
 const c=C(id), s=summaryForCompany(id);
  head(c.name,`<span class="link" onclick="overview()">Group</span> › ${htmlEscape(c.code)}`);
 document.getElementById('content').innerHTML=`
 <div class="kpis">
 ${kpi('Billing',money(s.bill))}
 ${kpi('Received',money(s.received))}
 ${kpi('TDS',money(s.tds))}
 ${kpi('Outstanding',money(s.outstanding))}
 ${kpi('Total Cost',money(s.cost))}
 ${kpi('Net Profit',money(s.profit))}
 ${kpi('Margin',percent(s.profit,s.bill))}
 </div>
 <div class="tabs">
    <button class="tab active" onclick="companyTab(decodeURIComponent('${billingJsArg(id)}'),'locations',this)">Locations</button>
    <button class="tab" onclick="companyTab(decodeURIComponent('${billingJsArg(id)}'),'portfolios',this)">Portfolios</button>
    <button class="tab" onclick="companyTab(decodeURIComponent('${billingJsArg(id)}'),'supervisors',this)">Supervisors</button>
 </div>
 <div id="companyArea"></div>`;
 companyTab(id,'locations',document.querySelector('.tab.active'));
}
function companyTab(id,type,btn){
 document.querySelectorAll('.tab').forEach(x=>x.classList.remove('active'));if(btn)btn.classList.add('active');
 const c=C(id),area=document.getElementById('companyArea');
 const assignments=companyAssignmentCoverage(id);
 const sups=companyAssignmentSupervisors(id);
 if(type==='locations'){
   // LOCKED: Companies > Locations = location cards only, sourced from selected company's Monthly_Assignment.
   // Same city/location across portfolios or supervisors is shown once.
   const seen=new Set();
   const locations=assignments.filter(r=>{
     const city=canonicalCity(r.city)||String(r.city||'').trim();
     if(!city)return false;
     const key=stateKey(r.state)+'|'+normText(city);
     if(seen.has(key))return false;
     seen.add(key);
     return true;
   }).sort((a,b)=>String(canonicalCity(a.city)||a.city||'').localeCompare(String(canonicalCity(b.city)||b.city||'')));
    area.innerHTML=`<div class="simple-list company-auto-list company-location-card-list">${locations.length?locations.map(r=>`<div class="row-card" onclick="openCity(decodeURIComponent('${billingJsArg(id)}'),decodeURIComponent('${billingJsArg(r.state)}'),decodeURIComponent('${billingJsArg(r.city)}'))"><strong>${htmlEscape(canonicalCity(r.city)||r.city||'-')}</strong></div>`).join(''):`<div class="panel"><div class="meta">No active Monthly_Assignment locations found for this company.</div></div>`}</div>`;
 } else if(type==='portfolios'){
   const portfolios=[...new Set(assignments.map(r=>canonicalPortfolio(r.portfolio)).filter(Boolean))].sort((a,b)=>a.localeCompare(b));
    area.innerHTML=`<div class="simple-list company-auto-list">${portfolios.length?portfolios.map(p=>`<div class="row-card" onclick="openPortfolio(decodeURIComponent('${billingJsArg(id)}'),decodeURIComponent('${billingJsArg(p)}'))"><strong>${htmlEscape(p)}</strong><span>Monthly_Assignment • Billing • Received • TDS • Outstanding • Cost • Profit</span></div>`).join(''):`<div class="panel"><div class="meta">No active Monthly_Assignment portfolios found.</div></div>`}</div>`;
 } else if(type==='supervisors'){
    area.innerHTML=`<div class="simple-list company-auto-list">${sups.length?sups.map((s,idx)=>`<div class="row-card" onclick="openSupervisor(decodeURIComponent('${billingJsArg(id)}'),${idx})"><strong>${htmlEscape(s.name)}</strong><span>${htmlEscape(s.portfolio||'-')} • ${htmlEscape(s.city||'-')}</span></div>`).join(''):`<div class="panel"><div class="meta">No active Monthly_Assignment supervisor data available.</div></div>`}</div>`;
 }
}
function openState(id,state){
 const c=C(id),cities=c.states[state];
  head(state,`<span class="link" onclick="overview()">Group</span> › <span class="link" onclick="openCompany(decodeURIComponent('${billingJsArg(id)}'))">${htmlEscape(c.code)}</span> › ${htmlEscape(state)}`);
  document.getElementById('content').innerHTML=`<div class="section"><h3>City Wise</h3></div><div class="kpis">${cities.map(city=>`<div class="card click" onclick="openCity(decodeURIComponent('${billingJsArg(id)}'),decodeURIComponent('${billingJsArg(state)}'),decodeURIComponent('${billingJsArg(city)}'))"><div class="label">City</div><div class="value" style="font-size:19px">${htmlEscape(city)}</div><div class="meta">Open city portfolios and bills</div></div>`).join('')}</div>`;
}
function openCity(id,state,city){
 const c=C(id),rows=bills.filter(b=>b.c===id&&b.state===state&&b.city===city),ports=[...new Set(rows.map(r=>r.p))];
  head(city,`<span class="link" onclick="overview()">Group</span> › <span class="link" onclick="openCompany(decodeURIComponent('${billingJsArg(id)}'))">${htmlEscape(c.code)}</span> › <span class="link" onclick="openState(decodeURIComponent('${billingJsArg(id)}'),decodeURIComponent('${billingJsArg(state)}'))">${htmlEscape(state)}</span> › ${htmlEscape(city)}`);
  document.getElementById('content').innerHTML=`<div class="section"><h3>Portfolios</h3></div><div class="kpis">${ports.map(p=>`<div class="card click" onclick="openPortfolio(decodeURIComponent('${billingJsArg(id)}'),decodeURIComponent('${billingJsArg(p)}'))"><div class="label">Portfolio</div><div class="value" style="font-size:18px">${htmlEscape(p)}</div></div>`).join('')||'<div class="card">No mapped portfolio.</div>'}</div><div class="section"><h3>Bills</h3></div><div class="company-related-billing">${table(rows)}</div>`;
}

function openSupervisor(id,idx){
 const c=C(id), s=companyAssignmentSupervisors(id)[idx];
 if(!s)return;
 const routes=s.routes||[];
 const rows=bills.filter(b=>b.c===id && routes.some(r=>
   normText(canonicalPortfolio(r.portfolio))===normText(canonicalPortfolio(b.p)) &&
   stateKey(r.state)===stateKey(b.state) &&
   normText(canonicalCity(r.city))===normText(canonicalCity(b.city))
 ));
 const uniqueCities=[...new Set(s.city.split('/').map(x=>x.trim()).filter(Boolean))].length;
 const uniquePortfolios=[...new Set(s.portfolio.split('/').map(x=>x.trim()).filter(Boolean))].length;
 const totalBilling=rows.reduce((a,b)=>a+b.amount,0);
 const totalReceived=rows.reduce((a,b)=>a+b.received,0);
 const totalOutstanding=rows.reduce((a,b)=>a+billingOutstandingAmount(b),0);
  head(s.name,`<span class="link" onclick="overview()">Group</span> › <span class="link" onclick="openCompany(decodeURIComponent('${billingJsArg(id)}'))">${htmlEscape(c.code)}</span> › Supervisor`);
 document.getElementById('content').innerHTML=`
 <div class="kpis">
   ${kpi('Supervisor',s.name)}
   ${kpi('States / Cities',uniqueCities, s.state)}
   ${kpi('Portfolios',uniquePortfolios, s.portfolio)}
   ${kpi('Billing',money(totalBilling))}
   ${kpi('Received',money(totalReceived))}
   ${kpi('Outstanding',money(totalOutstanding))}
 </div>
 <div class="section"><h3>Supervisor Details</h3></div>
 <div class="tablewrap"><table><tbody>
    <tr><th>Company</th><td>${htmlEscape(c.name)}</td><th>Supervisor</th><td>${htmlEscape(s.name)}</td></tr>
    <tr><th>State</th><td>${htmlEscape(s.state)}</td><th>City / Coverage</th><td>${htmlEscape(s.city)}</td></tr>
    <tr><th>Portfolio</th><td>${htmlEscape(s.portfolio)}</td><th>Branch / Location</th><td>${htmlEscape(s.branch)}</td></tr>
 </tbody></table></div>
 <div class="section"><h3>Related Bills</h3></div>
 ${rows.length ? `<div class="company-related-billing">${table(rows)}</div>` : `<div class="panel"><div class="meta">No related bills mapped in current dummy data.</div></div>`}`;
}

function openPortfolio(id,p){
 const c=C(id),rows=bills.filter(b=>b.c===id&&b.p===p),s=summaryForRows(rows);
  head(p,`<span class="link" onclick="overview()">Group</span> › <span class="link" onclick="openCompany(decodeURIComponent('${billingJsArg(id)}'))">${htmlEscape(c.code)}</span> › ${htmlEscape(p)}`);
  document.getElementById('content').innerHTML=`<div class="kpis">${kpi('Billing',money(s.bill))}${kpi('Received',money(s.received))}${kpi('TDS',money(s.tds))}${kpi('Outstanding',money(s.outstanding))}${kpi('Cost',money(s.cost))}${kpi('Profit',money(s.profit))}${kpi('Margin',percent(s.profit,s.bill))}</div><div class="section"><h3>Portfolio Bills</h3></div><div class="company-related-billing">${table(rows)}</div>`;
}


let bankImportPreviewRows=[];
let bankImportPreviewAccountId='';
let lastBankImportAccountId='';
let lastBankImportNotice='';

function accountDisplayName(a){
 if(!a)return '';
 const c=C(a.company);
 return `${c?.name||a.company||''} • ${a.bank}`;
}
function accountBankDisplayName(a){
  if(!a)return '';
  return a.bank||'';
}
function isAccountVisible(a){
  const status=String(a?.active??'Yes').trim().toLowerCase();
  return !['no','inactive','false','0','disabled'].includes(status);
}
function visibleAccountMaster(){
  return (accountMaster||[]).filter(isAccountVisible);
}
function accountById(id){
  return visibleAccountMaster().find(a=>String(a.accountId||'')===String(id||''));
}
function statementDuplicateKey(r){
 return [
   String(r.accountId||'').trim().toUpperCase(),
   formatAccountDate(r.date||''),
   String(r.reference||'').trim().toUpperCase(),
   Number(r.debit||0).toFixed(2),
   Number(r.credit||0).toFixed(2),
   normText(r.description||'')
 ].join('|');
}
function bankHeaderNorm(v){
 return String(v||'').trim().toUpperCase().replace(/[^A-Z0-9]+/g,' ');
}
function bankHeaderScore(row){
 const vals=(row||[]).map(bankHeaderNorm);
 const groups=[
   ['DATE','TRANSACTION DATE','TXN DATE','VALUE DATE','POSTING DATE'],
   ['DESCRIPTION','NARRATION','PARTICULARS','TRANSACTION REMARKS','REMARKS'],
   ['DEBIT','WITHDRAWAL','WITHDRAWAL AMT','DR AMOUNT','DEBIT AMOUNT'],
   ['CREDIT','DEPOSIT','DEPOSIT AMT','CR AMOUNT','CREDIT AMOUNT'],
   ['BALANCE','RUNNING BALANCE','CLOSING BALANCE']
 ];
 return groups.reduce((s,g)=>s+(vals.some(v=>g.some(x=>v===x||v.includes(x)))?1:0),0);
}
function findBankHeaderRow(matrix){
 let best={idx:-1,score:0};
 for(let i=0;i<Math.min(matrix.length,25);i++){
   const score=bankHeaderScore(matrix[i]);
   if(score>best.score)best={idx:i,score};
 }
 return best.score>=3?best.idx:-1;
}
function bankColIndex(headers,aliases){
 const hs=headers.map(bankHeaderNorm);
 for(const alias of aliases){
   const a=bankHeaderNorm(alias);
   let idx=hs.findIndex(h=>h===a);
   if(idx>=0)return idx;
 }
 for(const alias of aliases){
   const a=bankHeaderNorm(alias);
   let idx=hs.findIndex(h=>h.includes(a)||a.includes(h));
   if(idx>=0)return idx;
 }
 return -1;
}
function bankCell(row,idx){return idx>=0?(row[idx]??''):'';}
function bankAmount(v){
 if(v==null||v==='')return 0;
 if(typeof v==='number')return Math.abs(v);
 let s=String(v).replace(/,/g,'').replace(/[₹$]/g,'').trim();
 s=s.replace(/\(([^)]+)\)/,'-$1');
 const n=Number(s.replace(/[^\d.-]/g,''));
 return Number.isFinite(n)?Math.abs(n):0;
}
function formatAccountDate(v){
  if(v==null||v==='')return '';
  const MONTHS=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
  const normalizeYear=y=>{const n=Number(y);return n<100?2000+n:n;};
  const out=(d,m,y)=>{
    const day=Number(d),month=Number(m),year=normalizeYear(y);
    if(!Number.isInteger(day)||!Number.isInteger(month)||month<1||month>12||day<1||day>31||!Number.isInteger(year))return '';
    return `${String(day).padStart(2,'0')}-${MONTHS[month-1]}-${year}`;
  };
  if(v instanceof Date && !Number.isNaN(v.getTime())){
    // SheetJS represents Excel date-only cells at UTC midnight. Reading those
    // values with local getters can turn 1-Apr into 31-Mar in some timezones.
    const isUtcDateOnly=v.getUTCHours()===0&&v.getUTCMinutes()===0&&v.getUTCSeconds()===0;
    return isUtcDateOnly
      ? out(v.getUTCDate(),v.getUTCMonth()+1,v.getUTCFullYear())
      : out(v.getDate(),v.getMonth()+1,v.getFullYear());
  }
  if(typeof v==='number' && typeof XLSX!=='undefined'){
    const d=XLSX.SSF.parse_date_code(v);
    if(d)return out(d.d,d.m,d.y);
  }
  const s=String(v).trim();
  if(/^\d+(?:\.\d+)?$/.test(s) && typeof XLSX!=='undefined'){
    const serial=Number(s);
    if(serial>20000){
      const d=XLSX.SSF.parse_date_code(serial);
      if(d)return out(d.d,d.m,d.y);
    }
  }
  const gm=s.match(/^Date\((\d{4}),(\d{1,2}),(\d{1,2})(?:,\d+,\d+,\d+)?\)$/i);
  if(gm)return out(Number(gm[3]),Number(gm[2])+1,Number(gm[1]));
  const iso=s.match(/^(\d{4})[-\/](\d{1,2})[-\/](\d{1,2})(?:[T ].*)?$/);
  if(iso)return out(iso[3],iso[2],iso[1])||s;
  const mon=s.match(/^(\d{1,2})[-\/ .]([A-Za-z]{3,9})[-\/ .](\d{2}|\d{4})$/);
  if(mon){
    const mi=MONTHS.findIndex(x=>x.toLowerCase()===mon[2].slice(0,3).toLowerCase());
    if(mi>=0)return out(mon[1],mi+1,mon[3])||s;
  }
  const dm=s.match(/^(\d{1,2})[-\/.](\d{1,2})[-\/.](\d{2}|\d{4})$/);
  if(dm){
    const first=Number(dm[1]),second=Number(dm[2]);
    // Bank statements in this dashboard are day-first. Only switch to month-first
    // when the values make that interpretation unambiguous.
    const day=first>12&&second<=12?first:second>12&&first<=12?second:first;
    const month=first>12&&second<=12?second:second>12&&first<=12?first:second;
    return out(day,month,dm[3])||s;
  }
  const d=new Date(s);
  if(!Number.isNaN(d.getTime()))return out(d.getDate(),d.getMonth()+1,d.getFullYear())||s;
  return s;
}
function formatAccountRangeDate(v){
  const m=String(v||'').trim().match(/^(\d{4})-(\d{2})-(\d{2})$/);
  if(!m)return '';
  const date=new Date(Date.UTC(Number(m[1]),Number(m[2])-1,Number(m[3])));
  if(Number.isNaN(date.getTime()))return '';
  return `${date.getUTCDate()} ${date.toLocaleString('en-US',{month:'short',timeZone:'UTC'})}, ${date.getUTCFullYear()}`;
}
function accountDateRangeDisplay(from,to){
  const start=formatAccountRangeDate(from),end=formatAccountRangeDate(to);
  if(start&&end)return `${start} - ${end}`;
  if(start)return `${start} - Select end date`;
  if(end)return `Select start date - ${end}`;
  return 'Select date range';
}
let accountDatePickerState=null;
function accountPickerParseDate(key){
  const m=String(key||'').match(/^(\d{4})-(\d{2})-(\d{2})$/);
  if(!m)return null;
  const d=new Date(Date.UTC(Number(m[1]),Number(m[2])-1,Number(m[3])));
  return Number.isNaN(d.getTime())?null:d;
}
function accountPickerDateKey(d){
  return `${d.getUTCFullYear()}-${String(d.getUTCMonth()+1).padStart(2,'0')}-${String(d.getUTCDate()).padStart(2,'0')}`;
}
function accountPickerTodayKey(){
  const d=new Date();
  return accountPickerDateKey(new Date(Date.UTC(d.getFullYear(),d.getMonth(),d.getDate())));
}
function accountPickerAddDays(key,days){
  const d=accountPickerParseDate(key)||accountPickerParseDate(accountPickerTodayKey());
  d.setUTCDate(d.getUTCDate()+Number(days||0));
  return accountPickerDateKey(d);
}
function accountPickerAddMonths(key,months){
  const m=String(key||accountPickerTodayKey()).match(/^(\d{4})-(\d{2})/);
  const d=new Date(Date.UTC(Number(m?.[1]||2020),Number(m?.[2]||1)-1+Number(months||0),1));
  return `${d.getUTCFullYear()}-${String(d.getUTCMonth()+1).padStart(2,'0')}`;
}
function accountPickerAddCalendarMonths(key,months){
  const source=accountPickerParseDate(key)||accountPickerParseDate(accountPickerTodayKey());
  const day=source.getUTCDate();
  const target=new Date(Date.UTC(source.getUTCFullYear(),source.getUTCMonth()+Number(months||0),1));
  const max=new Date(Date.UTC(target.getUTCFullYear(),target.getUTCMonth()+1,0)).getUTCDate();
  target.setUTCDate(Math.min(day,max));
  return accountPickerDateKey(target);
}
function accountPickerMonthLabel(monthKey){
  const d=accountPickerParseDate(`${monthKey}-01`);
  return d?d.toLocaleString('en-US',{month:'long',year:'numeric',timeZone:'UTC'}):'';
}
function accountPickerShortDate(key){return formatAccountRangeDate(key)||'Select date';}
function accountDatePickerCalendarMarkup(monthKey){
  const m=String(monthKey).match(/^(\d{4})-(\d{2})$/);
  if(!m)return '';
  const year=Number(m[1]),month=Number(m[2])-1;
  const first=new Date(Date.UTC(year,month,1));
  const firstDay=first.getUTCDay();
  const daysInMonth=new Date(Date.UTC(year,month+1,0)).getUTCDate();
  const s=accountDatePickerState||{};
  const weekdays=['Su','Mo','Tu','We','Th','Fr','Sa'];
  let html=weekdays.map(d=>`<span class="account-date-weekday">${d}</span>`).join('');
  for(let i=0;i<42;i++){
    const date=new Date(Date.UTC(year,month,i-firstDay+1));
    const key=accountPickerDateKey(date);
    const current=date.getUTCMonth()===month;
    const inRange=s.draftStart&&s.draftEnd&&key>s.draftStart&&key<s.draftEnd;
    const classes=['account-date-day'];
    if(!current)classes.push('is-muted');
    if(inRange)classes.push('is-in-range');
    if(key===s.draftStart)classes.push('is-start');
    if(key===s.draftEnd)classes.push('is-end');
    html+=`<button type="button" class="${classes.join(' ')}" onclick="selectAccountDatePickerDate('${key}')">${date.getUTCDate()}</button>`;
  }
  return `<div class="account-date-calendar-grid">${html}</div>`;
}
function renderAccountDatePicker(){
  const picker=document.getElementById('accountDatePicker');
  if(!picker||!accountDatePickerState)return;
  const s=accountDatePickerState;
  const monthA=s.viewMonth,monthB=accountPickerAddMonths(monthA,1);
  const a=document.getElementById('accountDatePickerMonthA'),b=document.getElementById('accountDatePickerMonthB');
  const ca=document.getElementById('accountDateCalendarA'),cb=document.getElementById('accountDateCalendarB');
  if(a)a.textContent=accountPickerMonthLabel(monthA);
  if(b)b.textContent=accountPickerMonthLabel(monthB);
  if(ca)ca.innerHTML=accountDatePickerCalendarMarkup(monthA);
  if(cb)cb.innerHTML=accountDatePickerCalendarMarkup(monthB);
  const summary=document.getElementById('accountDatePickerSummary');
  if(summary)summary.textContent=s.draftStart?`${accountPickerShortDate(s.draftStart)} - ${s.draftEnd?accountPickerShortDate(s.draftEnd):'Select end date'}`:'Select date range';
  picker.querySelectorAll('.account-date-presets button').forEach(btn=>btn.classList.toggle('is-active',btn.dataset.preset===s.preset));
}
function openAccountDateRangePicker(){
  const picker=document.getElementById('accountDatePicker');
  if(!picker)return;
  if(!window.__accountDatePickerOutsideBound){
    document.addEventListener('click',e=>{if(!e.target.closest?.('.account-date-range'))closeAccountDatePicker();});
    window.__accountDatePickerOutsideBound=true;
  }
  if(!picker.hidden){closeAccountDatePicker();return;}
  const from=document.getElementById('accFromDate')?.value||'',to=document.getElementById('accToDate')?.value||'';
  accountDatePickerState={draftStart:from,draftEnd:to,viewMonth:(from||accountPickerTodayKey()).slice(0,7),preset:''};
  picker.hidden=false;
  renderAccountDatePicker();
}
function closeAccountDatePicker(){
  const picker=document.getElementById('accountDatePicker');
  if(picker)picker.hidden=true;
  accountDatePickerState=null;
}
function shiftAccountDatePicker(delta){
  if(!accountDatePickerState)return;
  accountDatePickerState.viewMonth=accountPickerAddMonths(accountDatePickerState.viewMonth,delta);
  renderAccountDatePicker();
}
function selectAccountDatePickerDate(key){
  if(!accountDatePickerState)return;
  const s=accountDatePickerState;
  if(!s.draftStart||s.draftEnd){s.draftStart=key;s.draftEnd='';}
  else if(key<s.draftStart){s.draftEnd=s.draftStart;s.draftStart=key;}
  else{s.draftEnd=key;}
  s.preset='';
  renderAccountDatePicker();
}
function setAccountDatePreset(preset){
  if(!accountDatePickerState)return;
  const today=accountPickerTodayKey(),s=accountDatePickerState;
  s.preset=preset;
  if(preset==='today'){s.draftStart=today;s.draftEnd=today;}
  else if(preset==='yesterday'){s.draftStart=accountPickerAddDays(today,-1);s.draftEnd=s.draftStart;}
  else if(preset==='7days'){s.draftStart=accountPickerAddDays(today,-6);s.draftEnd=today;}
  else if(preset==='30days'){s.draftStart=accountPickerAddDays(today,-29);s.draftEnd=today;}
  else if(preset==='6months'){s.draftStart=accountPickerAddCalendarMonths(today,-6);s.draftEnd=today;}
  else if(preset==='year'){s.draftStart=accountPickerAddCalendarMonths(today,-12);s.draftEnd=today;}
  else{s.draftStart='';s.draftEnd='';}
  s.viewMonth=(s.draftStart||today).slice(0,7);
  renderAccountDatePicker();
}
function applyAccountDatePicker(){
  const s=accountDatePickerState;
  if(!s)return;
  const from=document.getElementById('accFromDate'),to=document.getElementById('accToDate');
  if(from)from.value=s.draftStart||'';
  if(to)to.value=s.draftEnd||'';
  closeAccountDatePicker();
  accountsPage();
}
function bankDate(v){
 return formatAccountDate(v);
}
function formatImportDateTime(v){
  const raw=String(v||'').trim();
  if(!raw)return '';
  const date=formatAccountDate(raw);
  if(!date)return raw;
  const time=raw.match(/(?:T|\s)(\d{1,2}:\d{2}(?::\d{2})?)/);
  return time?`${date} ${time[1]}`:date;
}
function normalizeBankMatrix(matrix,account){
  const hidx=findBankHeaderRow(matrix);
  if(hidx<0)throw new Error('Statement header row could not be detected. Date + Description/Narration + Debit/Credit/Balance columns are required.');
  const headers=matrix[hidx]||[];

  const dateI=bankColIndex(headers,['Transaction Date','Txn Date','Date','Posting Date']);
  const valueDateI=bankColIndex(headers,['Value Date']);
  const descI=bankColIndex(headers,['Description','Narration','Particulars','Transaction Remarks','Remarks','Transaction Details']);
  const refI=bankColIndex(headers,['Reference No','Ref No','Cheque/Ref No','Chq/Ref No','UTR No','Transaction ID','Txn ID']);
  const debitI=bankColIndex(headers,['Debit','Withdrawal','Withdrawal Amt','Debit Amount','Dr Amount']);
  const creditI=bankColIndex(headers,['Credit','Deposit','Deposit Amt','Credit Amount','Cr Amount']);
  const balanceI=bankColIndex(headers,['Balance','Running Balance','Closing Balance']);

  // Extra statement columns used by the dashboard. If present in Excel, keep them.
  const nameI=bankColIndex(headers,['Name','Customer Name','Party Name','Employee Name']);
  const locationI=bankColIndex(headers,['Location','City / Location','City','Branch / Location','Branch']);
  const portfolioI=bankColIndex(headers,['Portfolio','Portfolio / Client','Client','Client Name','Portfolio Name']);
  const remarkI=bankColIndex(headers,['Remark','Remarks','Comment','Comments']);
  const socMonthI=bankColIndex(headers,['SOC Month','SOC MONTH','SOC MONTH Against Deduction','SOC MONTH Againts Dedction','Billing Month']);
  const typeI=bankColIndex(headers,['Type','Transaction Type','ADVANCE / SALARY/ OFFICE/ INCENTIVE']);
  const supervisorI=bankColIndex(headers,['Supervisor','Supervisor Name','SupervisorName']);

  if(dateI<0 || descI<0 || (debitI<0 && creditI<0)){
    throw new Error('Required columns could not be detected. Check the Date, Description/Narration, and Debit/Credit columns.');
  }

  const normalized=[];
  for(let i=hidx+1;i<matrix.length;i++){
    const row=matrix[i]||[];
    const date=bankDate(bankCell(row,dateI)||bankCell(row,valueDateI));
    const description=String(bankCell(row,descI)||'').trim();
    const debit=bankAmount(bankCell(row,debitI));
    const credit=bankAmount(bankCell(row,creditI));
    const balance=bankAmount(bankCell(row,balanceI));
    if(!date && !description && !debit && !credit)continue;

    const rawPortfolio=String(bankCell(row,portfolioI)||'').trim();
    const rawSupervisor=String(bankCell(row,supervisorI)||'').trim();
    normalized.push({
      accountId:account.accountId,
      company:account.company,
      bank:account.bank,
      date,
      valueDate:bankDate(bankCell(row,valueDateI)),
      description,
      reference:String(bankCell(row,refI)||'').trim(),
      debit,credit,balance,
      name:String(bankCell(row,nameI)||'').trim(),
      location:String(bankCell(row,locationI)||'').trim(),
      portfolio:rawPortfolio ? canonicalPortfolio(rawPortfolio) : '',
      remark:String(bankCell(row,remarkI)||'').trim(),
      socMonth:String(bankCell(row,socMonthI)||'').trim(),
      type:String(bankCell(row,typeI)||'').trim(),
      supervisor:rawSupervisor ? canonicalSupervisor(rawSupervisor) : ''
    });
  }
  return normalized;
}
async function previewBankStatement(){
  const accountId=(document.getElementById('bankImportAccount')||{}).value||'';
  const file=(document.getElementById('bankStatementFile')||{}).files?.[0];
  const status=document.getElementById('bankImportStatus');
  const preview=document.getElementById('bankImportPreview');
  const account=accountById(accountId);
  if(!account){if(status)status.innerHTML='<span class="import-warn">Please select an account.</span>';return;}
  if(!file){if(status)status.innerHTML='<span class="import-warn">Please select a bank Excel file.</span>';return;}
  if(typeof XLSX==='undefined'){if(status)status.innerHTML='<span class="import-warn">The Excel parser could not be loaded.</span>';return;}

  try{
    const data=await file.arrayBuffer();
    const wb=XLSX.read(data,{type:'array',cellDates:true,raw:true});

    // Prefer a clearly named statement sheet, otherwise auto-detect the sheet
    // that actually contains Date/Description/Debit/Credit/Balance headers.
    const preferredNames=['Statement Data','Account_Statement','Account Statement','Statement','Bank Statement'];
    const orderedNames=[
      ...preferredNames.filter(n=>wb.SheetNames.includes(n)),
      ...wb.SheetNames.filter(n=>!preferredNames.includes(n))
    ];
    let matrix=null, statementSheetName='';
    for(const sheetName of orderedNames){
      const candidate=XLSX.utils.sheet_to_json(wb.Sheets[sheetName],{header:1,defval:'',raw:true});
      if(findBankHeaderRow(candidate)>=0){
        matrix=candidate;
        statementSheetName=sheetName;
        break;
      }
    }
    if(!matrix)throw new Error('No readable bank statement sheet was found in the workbook. Check the Statement Data / Date + Description + Debit/Credit headers.');

    const rows=normalizeBankMatrix(matrix,account);
    const existing=new Set(accountStatementRows.map(statementDuplicateKey));
    let duplicates=0;
    rows.forEach(r=>{if(existing.has(statementDuplicateKey(r)))duplicates++;});
    bankImportPreviewRows=rows;
    bankImportPreviewAccountId=accountId;

    if(status)status.innerHTML=`<span class="import-ok">${rows.length} transactions normalized with full available columns.</span> ${duplicates?`<span class="import-warn">• ${duplicates} possible duplicates</span>`:''} • ${accountDisplayName(account)} • Sheet: ${statementSheetName}`;

    if(preview)preview.innerHTML=`
      <div class="tablewrap"><table>
        <thead><tr>
          <th style="text-align:center!important">Date</th><th style="text-align:center!important">Name</th><th style="text-align:center!important">Supervisor</th><th style="text-align:center!important">Portfolio</th><th style="text-align:center!important">Location</th>
          <th style="text-align:center!important">SOC Month</th><th style="text-align:center!important">Advance / Salary/ Office/ Incentive</th><th style="text-align:center!important">Debit</th><th style="text-align:center!important">Credit</th><th style="text-align:center!important">Balance</th>
        </tr></thead>
        <tbody>${rows.slice(0,50).map(r=>`<tr>
          <td>${formatAccountDate(r.date)}</td><td>${r.name||'-'}</td><td>${r.supervisor||'-'}</td><td>${r.portfolio||'-'}</td><td>${r.location||'-'}</td>
          <td>${normalizeSocMonth(r.socMonth)||'-'}</td><td>${r.type||'-'}</td>
          <td>${r.debit?rupees(r.debit):'-'}</td><td>${r.credit?rupees(r.credit):'-'}</td><td>${rupees(r.balance||0)}</td>
        </tr>`).join('') || '<tr><td colspan="10">No transactions found.</td></tr>'}</tbody>
      </table></div>
      <div class="source-actions" style="margin-top:10px">
        <button class="action-btn primary" onclick="saveBankStatementToGoogle()">Save to Google Sheet</button>
        <button class="action-btn" onclick="clearBankImportPreview()">Cancel</button>
      </div>`;
  }catch(err){
    bankImportPreviewRows=[];
    bankImportPreviewAccountId='';
    if(status)status.innerHTML=`<span class="import-warn">${String(err.message||err)}</span>`;
    if(preview)preview.innerHTML='';
  }
}
function clearBankImportPreview(){
 bankImportPreviewRows=[];
 bankImportPreviewAccountId='';
 const p=document.getElementById('bankImportPreview');if(p)p.innerHTML='';
 const s=document.getElementById('bankImportStatus');if(s)s.textContent='Select account and upload a bank statement Excel file.';
}
function commitBankStatementImport(){
  if(!bankImportPreviewRows.length){alert('Preview statement first.');return;}

  // Merge duplicate transactions instead of blindly skipping them. This lets an
  // older import with blank mapping columns be enriched by a newer full-data Excel.
  const existingIndex=new Map(accountStatementRows.map((r,i)=>[statementDuplicateKey(r),i]));
  const fresh=[];
  let updated=0, skipped=0;
  const enrichFields=['valueDate','name','location','portfolio','remark','socMonth','type','supervisor'];

  bankImportPreviewRows.forEach(r=>{
    const k=statementDuplicateKey(r);
    if(existingIndex.has(k)){
      const idx=existingIndex.get(k);
      const old=accountStatementRows[idx];
      let changed=false;

      enrichFields.forEach(field=>{
        const incoming=r[field];
        if(incoming!=null && String(incoming).trim()!=='' && String(old[field]??'')!==String(incoming)){
          old[field]=incoming;
          changed=true;
        }
      });

      // Keep account identity and latest normalized core values consistent.
      ['accountId','company','bank','date','description','reference','debit','credit','balance'].forEach(field=>{
        if(r[field]!=null && old[field]!==r[field]){
          old[field]=r[field];
          changed=true;
        }
      });

      if(changed)updated++; else skipped++;
    }else if(Number(rate)===100){
      previousClosing=0;
      previousKnown=true;
    }else{
      const newIndex=accountStatementRows.length+fresh.length;
      fresh.push(r);
      existingIndex.set(k,newIndex);
    }
  });

  accountStatementRows.push(...fresh);
  socStatementRows=accountStatementRows.map(r=>({
    debit:r.debit,credit:r.credit,name:r.name,location:r.location,portfolio:r.portfolio,
    remark:r.remark,socMonth:r.socMonth,type:r.type,supervisor:r.supervisor,sourceCompany:r.company
  }));
  try{
    const saved=JSON.parse(localStorage.getItem('debtDashboard_Latest_20260827_v2')||'{}');
    saved.accountMaster=accountMaster;
    saved.accountStatementRows=accountStatementRows;
    saved.socStatementRows=socStatementRows;
    localStorage.setItem('debtDashboard_Latest_20260827_v2',JSON.stringify(saved));
  }catch(e){}
  alert(`${fresh.length} new transactions added. ${updated} existing transactions updated with full data. ${skipped} unchanged duplicates skipped.`);
  bankImportPreviewRows=[];
  bankImportPreviewAccountId='';
  accountsPage();
}

function getAccountAppsScriptUrl(){
 const current=String(DEFAULT_ACCOUNT_WEBAPP_URL||'').trim();
 if(current){
   localStorage.setItem('accountAppsScriptUrl',current);
   return current;
 }
 return String(localStorage.getItem('accountAppsScriptUrl')||'').trim();
}
function resetAccountAppsScriptUrl(){
 localStorage.setItem('accountAppsScriptUrl',DEFAULT_ACCOUNT_WEBAPP_URL);
 alert('Apps Script URL reset to default.');
}
function bankRowsForGoogle(rows){
 // Send both camelCase and sheet-header style keys so Apps Script mapping
 // still works if it reads Date/DESCRIPTION/REFERANCE NO style fields.
 return (rows||[]).map(r=>{
   // Always persist the same canonical text shown in the preview and dashboard.
   const date=formatAccountDate(r.date||'');
  const description=r.description||'';
  const reference=r.reference||'';
  const debit=Number(r.debit||0);
  const credit=Number(r.credit||0);
  const balance=Number(r.balance||0);
  const name=r.name||'';
  const location=r.location||'';
  const portfolio=r.portfolio||'';
  const remark=r.remark||'';
  const socMonth=normalizeSocMonth(r.socMonth)||r.socMonth||'';
  const type=r.type||'';
  const supervisor=r.supervisor||'';
  return {
   date, description, reference, debit, credit, balance,
   name, location, portfolio, remark, socMonth, type, supervisor,
   // Header-style aliases (match DDS_YES / bank sheet columns)
   Date:date, DATE:date,
   Description:description, DESCRIPTION:description,
   'Reference No':reference, 'REFERANCE NO':reference, Reference:reference, REFERENCE:reference,
   Debit:debit, DEBIT:debit,
   Credit:credit, CREDIT:credit,
   Balance:balance, BALANCE:balance,
   Name:name, NAME:name,
   Location:location, LOCATION:location,
   Portfolio:portfolio, PORTFOLIO:portfolio,
   Remark:remark, REMARK:remark,
   'SOC Month':socMonth, 'SOC MONTH':socMonth,
   Type:type, 'ADVANCE / SALARY/ OFFICE/ INCENTIVE':type,
   Supervisor:supervisor, SUPERVISOR:supervisor
  };
 });
}
async function requestBankStatementBatch(url,payload){
  let lastError=null;
  for(let attempt=0;attempt<2;attempt++){
    try{
      const res=await fetch(url,{
        method:'POST',
        headers:{'Content-Type':'text/plain;charset=utf-8'},
        body:JSON.stringify(payload),
        redirect:'follow',
        cache:'no-store'
      });
      const txt=(await res.text()).trim();
      if(!txt)throw new Error('Google Sheet returned an empty response.');
      let data={};
      try{data=JSON.parse(txt)}catch(e){throw new Error('Apps Script response invalid: '+txt.slice(0,180));}
      if(!data.ok)throw new Error(data.error||'Google Sheet save failed');
      return data;
    }catch(err){
      lastError=err;
      if(attempt===0)await new Promise(resolve=>setTimeout(resolve,900));
    }
  }
  throw lastError||new Error('Google Sheet save failed');
}

async function saveBankStatementToGoogle(){
  if(!bankImportPreviewRows.length){
    alert('Preview & Normalize first.');
    return;
  }
  const account=accountById(bankImportPreviewAccountId);
  if(!account){alert('Selected account mapping not found.');return;}
  if(String(account.active||'Yes').trim().toLowerCase()==='no'){
    alert('This account is inactive in Accounts_Master.');
    return;
  }
  if(!account.sheetName){
    alert('Sheet Name missing in Accounts_Master for '+accountDisplayName(account));
    return;
  }
  lastBankImportAccountId=account.accountId;
  const url=getAccountAppsScriptUrl();
  if(!url)return;

  const file=(document.getElementById('bankStatementFile')||{}).files?.[0];
  const status=document.getElementById('bankImportStatus');
  const pendingRows=bankImportPreviewRows.map(r=>({...r}));
  const pendingAccountId=bankImportPreviewAccountId;
  const adminImportOpen=!!document.querySelector('.admin-import-management-shell');
  const pendingLocalImportId='PENDING-'+Date.now();
  const CHUNK_SIZE=250;
  const optimisticKeys=new Set();
  const optimisticRows=new Map();
  const existing=new Set(accountStatementRows.map(statementDuplicateKey));

  // Add rows locally first so the dashboard stays responsive during a large upload.
  pendingRows.forEach(r=>{
    const row={
      ...r,
      company:r.company||account.company||'',
      bank:r.bank||account.bank||'',
      accountId:r.accountId||account.accountId||'',
      importId:r.importId||pendingLocalImportId
    };
    const k=statementDuplicateKey(row);
    if(!existing.has(k)){
      accountStatementRows.push(row);
      existing.add(k);
      optimisticKeys.add(k);
      optimisticRows.set(k,row);
    }
  });
  socStatementRows=accountStatementRows.map(r=>({
    debit:r.debit,credit:r.credit,name:r.name,location:r.location,portfolio:r.portfolio,
    remark:r.remark,socMonth:r.socMonth,type:r.type,supervisor:r.supervisor,sourceCompany:r.company
  }));

  if(status)status.innerHTML=`<span class="import-ok">Added to dashboard • Saving ${pendingRows.length} rows in batches...</span>`;
  bankImportPreviewRows=[];
  bankImportPreviewAccountId='';
  const previewBox=document.getElementById('bankImportPreview');
  if(previewBox)previewBox.innerHTML='';
  if(!adminImportOpen && currentNavId()==='n6')accountsPage();

  let savedRows=0,totalNew=0,totalDuplicates=0,lastData=null;
  const savedKeys=new Set();
  try{
    for(let start=0;start<pendingRows.length;start+=CHUNK_SIZE){
      const chunkRows=pendingRows.slice(start,start+CHUNK_SIZE);
      if(status)status.innerHTML=`<span class="import-ok">Saving batch ${Math.floor(start/CHUNK_SIZE)+1} of ${Math.ceil(pendingRows.length/CHUNK_SIZE)}...</span>`;
      const data=await requestBankStatementBatch(url,{
        action:'saveBankStatement',
        accountId:account.accountId,
        fileName:file?file.name:'',
        rows:bankRowsForGoogle(chunkRows)
      });
      lastData=data;
      const realImportId=String(data.importId||`${pendingLocalImportId}-${start}`);
      chunkRows.forEach(r=>{
        const key=statementDuplicateKey(r);
        savedKeys.add(key);
        const local=optimisticRows.get(key);
        if(local)local.importId=realImportId;
      });
      if(realImportId && !accountImportHistoryRows.some(h=>String(h.importId||'')===realImportId)){
        accountImportHistoryRows.push({
          importId:realImportId,accountId:account.accountId,company:account.company,bank:account.bank,
          sheetName:data.sheetName||account.sheetName,fileName:file?file.name:'',importDate:new Date().toISOString(),
          totalRows:chunkRows.length,newRows:Number(data.newRows||0),duplicateRows:Number(data.duplicateRows||0),status:'Success'
        });
      }
      savedRows+=chunkRows.length;
      totalNew+=Number(data.newRows||0);
      totalDuplicates+=Number(data.duplicateRows||0);
    }

    if(!adminImportOpen && currentNavId()==='n6')accountsPage();
    const liveStatus=document.getElementById('bankImportStatus');
    if(liveStatus){
      const zeroNew=totalNew===0 && pendingRows.length>0;
      lastBankImportNotice=`${totalNew} rows saved to ${lastData?.sheetName||account.sheetName} (${accountDisplayName(account)}).`;
      liveStatus.innerHTML=`<span class="import-ok">${htmlEscape(lastBankImportNotice)}</span> ${totalDuplicates?`<span class="import-warn">• ${totalDuplicates} duplicates skipped</span>`:''} • ${Math.ceil(pendingRows.length/CHUNK_SIZE)} batches${zeroNew?`<br><span class="import-warn">All rows were already present or blank in the selected Google Sheet.</span>`:''}`;
    }

  }catch(err){
    // Keep confirmed batches visible; only rows not acknowledged by Google are restored.
    accountStatementRows=accountStatementRows.filter(r=>!(String(r.importId||'')===pendingLocalImportId && optimisticKeys.has(statementDuplicateKey(r))));
    socStatementRows=accountStatementRows.map(r=>({
      debit:r.debit,credit:r.credit,name:r.name,location:r.location,state:r.state,segment:r.segment,portfolio:r.portfolio,
      remark:r.remark,socMonth:r.socMonth,type:r.type,supervisor:r.supervisor,sourceCompany:r.company
    }));
    bankImportPreviewRows=pendingRows.filter(r=>!savedKeys.has(statementDuplicateKey(r)));
    bankImportPreviewAccountId=pendingAccountId;
    if(!adminImportOpen && currentNavId()==='n6')accountsPage();
    else {
      const previewBox=document.getElementById('bankImportPreview');
      if(previewBox)previewBox.innerHTML='';
    }
    const liveStatus=document.getElementById('bankImportStatus');
    if(liveStatus)liveStatus.innerHTML=`<span class="import-warn">${savedRows?`${savedRows} rows saved before the failure. `:''}Upload stopped: ${String(err.message||err)} Please click Upload &amp; Save again; already saved rows will be skipped.</span>`;
  }
}


function accountStatementMonthFromDate(r){
  const raw=String(r?.date||'').trim();
  if(!raw)return '';

  // dd-mmm-yyyy / dd-mmm-yy (dashboard's locked account date format)
  let m=raw.match(/^(\d{1,2})-([A-Za-z]{3})-(\d{2}|\d{4})$/);
  if(m){
    let year=Number(m[3]);
    if(year<100)year+=2000;
    const mon=String(m[2]||'').slice(0,1).toUpperCase()+String(m[2]||'').slice(1,3).toLowerCase();
    return `${mon}-${year}`;
  }

  // dd-mm-yyyy / dd/mm/yyyy
  m=raw.match(/^(\d{1,2})[-\/](\d{1,2})[-\/](\d{4})$/);
  if(m){
    const mon=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'][Number(m[2])-1];
    return mon ? `${mon}-${m[3]}` : '';
  }

  const d=new Date(raw);
  if(!Number.isNaN(d.getTime())){
    const mon=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'][d.getMonth()];
    return `${mon}-${d.getFullYear()}`;
  }
  return '';
}

function accountStatementMonthsForRows(rows){
  const rs=(rows||[]).filter(Boolean);
  if(!rs.length)return [];

  // Each bank-statement upload has an Import ID. A statement can contain a few
  // opening/carry-forward transactions dated in the previous month, so the
  // statement month is the latest transaction DATE inside that Import ID.
  // SOC Month is an allocation field and must never drive this summary.
  const groups=new Map();
  rs.forEach((r,i)=>{
    const importId=String(r?.importId||'').trim();
    const key=importId || '__legacy__';
    if(!groups.has(key))groups.set(key,[]);
    groups.get(key).push(r);
  });

  const months=[];
  groups.forEach(groupRows=>{
    const datedMonths=groupRows
      .map(accountStatementMonthFromDate)
      .filter(Boolean)
      .sort((a,b)=>accountMonthSortValue(a)-accountMonthSortValue(b));
    if(datedMonths.length)months.push(datedMonths[datedMonths.length-1]);
  });

  return [...new Set(months)]
    .sort((a,b)=>accountMonthSortValue(a)-accountMonthSortValue(b));
}

function accountMonthSortValue(v){
  const s=String(v||'').trim();
  const m=s.match(/^([A-Za-z]{3})-(\d{2}|\d{4})$/);
  if(!m)return 0;
  const mons={Jan:0,Feb:1,Mar:2,Apr:3,May:4,Jun:5,Jul:6,Aug:7,Sep:8,Oct:9,Nov:10,Dec:11};
  const mon=mons[m[1]];
  let year=Number(m[2]);
  if(year<100)year+=2000;
  return year*12+(Number.isFinite(mon)?mon:0);
}

function accountRowsForMasterAccount(a){
  return (accountStatementRows||[]).filter(r=>{
    if(r.accountId){
      return String(r.accountId)===String(a.accountId);
    }
    return r.company===a.company && normText(r.bank)===normText(a.bank);
  });
}
function accountRowBelongsToMasterAccount(r,a){
  if(!r||!a)return false;
  if(r.accountId)return String(r.accountId)===String(a.accountId);
  return r.company===a.company&&normText(r.bank)===normText(a.bank);
}
function accountRowBelongsToVisibleAccount(r,accounts=visibleAccountMaster()){
  return accounts.some(a=>accountRowBelongsToMasterAccount(r,a));
}

function accountSheetKey(name){
  return String(name||'').trim().toUpperCase().replace(/[\s-]+/g,'_');
}

function buildAccountSourceDiagnostics(wb){
  const names=Array.isArray(wb?.SheetNames)?wb.SheetNames:[];
  const byKey=new Map(names.map(name=>[accountSheetKey(name),name]));
  const diagnostics=[];
  const mappedKeys=new Set();
  (accountMaster||[]).forEach(account=>{
    const configuredName=String(account.sheetName||'').trim();
    const actualName=byKey.get(accountSheetKey(configuredName))||'';
    const sourceRows=actualName?Math.max(0,(sheetRows(wb,actualName)||[]).length):0;
    const loadedRows=accountRowsForMasterAccount(account).length;
    const sourceFound=!!actualName;
    const active=String(account.active||'Yes').trim().toLowerCase()!=='no';
    mappedKeys.add(accountSheetKey(configuredName));
    diagnostics.push({
      accountId:String(account.accountId||''),
      company:account.company||'',
      bank:account.bank||'',
      sheetName:configuredName||'-',
      actualSheetName:actualName,
      active,
      sourceFound,
      sourceRows,
      loadedRows,
      importIds:[...new Set((accountRowsForMasterAccount(account)||[]).map(row=>String(row.importId||'').trim()).filter(Boolean))],
      status:!active?'Inactive':(!configuredName?'Missing Sheet Name':(!sourceFound?'Sheet Tab Missing':(sourceRows?'Ready':'No Data Rows')))
    });
  });

  // Surface bank tabs that exist in the workbook but have no Accounts_Master row.
  names.filter(name=>/^(ADS|DDS|DE)[_-]/i.test(String(name||''))).forEach(name=>{
    if(mappedKeys.has(accountSheetKey(name)))return;
    diagnostics.push({
      accountId:'',company:'',bank:'',sheetName:name,actualSheetName:name,active:true,
      sourceFound:true,sourceRows:Math.max(0,(sheetRows(wb,name)||[]).length),loadedRows:0,
      importIds:[],status:'Missing Accounts_Master mapping'
    });
  });
  accountSourceDiagnostics=diagnostics;
}

function reconcileAccountImportHistory(){
  accountImportHistoryOrphans=[];
  if(!Array.isArray(accountImportHistoryRows)||!accountImportHistoryRows.length)return;
  const sourceByAccount=new Map((accountSourceDiagnostics||[])
    .filter(item=>item.accountId)
    .map(item=>[String(item.accountId),item]));
  const liveImportIds=new Set((accountStatementRows||[])
    .map(row=>String(row.importId||'').trim())
    .filter(Boolean));
  const kept=[];
  (accountImportHistoryRows||[]).forEach(history=>{
    const id=String(history.importId||'').trim();
    const source=sourceByAccount.get(String(history.accountId||''));
    const canReconcile=!!source&&source.active&&source.sourceFound;
    if(id&&canReconcile&&!liveImportIds.has(id))accountImportHistoryOrphans.push({...history,sheetName:history.sheetName||source.actualSheetName||source.sheetName||''});
    else kept.push(history);
  });
  accountImportHistoryRows=kept;
}

async function cleanupOrphanedAccountImportHistory(){
  if(accountImportOrphanCleanupBusy||!accountImportHistoryOrphans.length)return;
  const url=getAccountAppsScriptUrl();
  if(!url)return;
  const orphans=[...accountImportHistoryOrphans];
  const key=orphans.map(row=>String(row.importId||'')).sort().join('|');
  if(key&&key===accountImportOrphanCleanupKey)return;
  accountImportOrphanCleanupBusy=true;
  let allSucceeded=true;
  try{
    for(const history of orphans){
      try{
        const response=await fetch(url,{method:'POST',headers:{'Content-Type':'text/plain;charset=utf-8'},body:JSON.stringify({action:'deleteBankImport',importId:history.importId,sheetName:history.sheetName||'',accountId:history.accountId||''}),redirect:'follow',cache:'no-store'});
        const text=await response.text();
        let data={};
        try{data=JSON.parse(text)}catch(_){ }
        if(!data.ok)allSucceeded=false;
      }catch(_){allSucceeded=false;}
    }
    if(allSucceeded)accountImportOrphanCleanupKey=key;
  }finally{
    accountImportOrphanCleanupBusy=false;
  }
}

function renderAccountSourceDiagnostics(){
  const rows=accountSourceDiagnostics||[];
  if(!rows.length)return '';
  const issues=rows.filter(row=>row.status!=='Ready').length;
  return `<div class="account-source-diagnostics"><div class="account-source-diagnostics-head"><div><h3>Account Source Check</h3><p>Every bank tab must be mapped in Accounts_Master with the exact Sheet Name and Active = Yes.</p></div><div class="account-source-actions"><span class="badge">${issues?`${issues} issue${issues===1?'':'s'}`:'All mapped'}</span><button id="accountSourceDiagnosticsToggle" class="uploaded-summary-toggle" onclick="toggleAccountSourceDiagnostics()">${accountSourceDiagnosticsExpanded?'Hide Account Source Check':'View Account Source Check'}</button></div></div><div id="accountSourceDiagnosticsBody" class="account-source-body ${accountSourceDiagnosticsExpanded?'':'collapsed'}"><div class="tablewrap"><table><thead><tr><th>Account ID</th><th>Company</th><th>Bank / Sheet</th><th>Source Rows</th><th>Dashboard Rows</th><th>Status</th></tr></thead><tbody>${rows.map(row=>{const company=C(row.company)?.name||row.company||'-';const label=row.bank?`${row.bank} • ${row.sheetName}`:row.sheetName;const good=row.status==='Ready';return `<tr><td>${htmlEscape(row.accountId||'Not mapped')}</td><td>${htmlEscape(company)}</td><td>${htmlEscape(label)}</td><td>${row.sourceRows}</td><td>${row.loadedRows}</td><td><span class="status ${good?'received':'pending'}">${htmlEscape(row.status)}</span></td></tr>`;}).join('')}</tbody></table></div>${accountImportHistoryOrphans.length?`<div class="account-source-warning">${accountImportHistoryOrphans.length} orphaned Import History entr${accountImportHistoryOrphans.length===1?'y':'ies'} hidden from the dashboard. Automatic backend cleanup is attempted during live sync.</div>`:''}</div></div>`;
}

function successfulAccountImportsForMasterAccount(a){
  return (accountImportHistoryRows||[]).filter(h=>
    String(h.accountId||'')===String(a.accountId||'') &&
    (!h.status || /^success/i.test(String(h.status).trim()))
  );
}

function accountStatementMonthsForMasterAccount(a,rows){
  const rs=(rows||[]).filter(Boolean);
  const history=successfulAccountImportsForMasterAccount(a);
  const months=[];

  // Prefer Import_History as the authoritative list of successful uploads,
  // and derive each statement month from the actual transaction DATE rows
  // belonging to that Import ID. SOC Month is intentionally ignored.
  history.forEach(h=>{
    const importId=String(h.importId||'').trim();
    if(!importId)return;
    const importRows=rs.filter(r=>String(r.importId||'').trim()===importId);
    const datedMonths=importRows.map(accountStatementMonthFromDate).filter(Boolean)
      .sort((x,y)=>accountMonthSortValue(x)-accountMonthSortValue(y));
    if(datedMonths.length)months.push(datedMonths[datedMonths.length-1]);
  });

  // Pending/very-fresh upload rows may be in local state before Google read-side
  // propagation. Include their Import IDs too so Accounts Summary updates instantly.
  const historyIds=new Set(history.map(h=>String(h.importId||'').trim()).filter(Boolean));
  const extraRows=rs.filter(r=>{
    const id=String(r.importId||'').trim();
    return !id || !historyIds.has(id);
  });
  if(extraRows.length)months.push(...accountStatementMonthsForRows(extraRows));

  return [...new Set(months)].sort((x,y)=>accountMonthSortValue(x)-accountMonthSortValue(y));
}

function groupedAccountImportHistory(rows){
  const groups=[];
  const ordered=[...(rows||[])].sort((a,b)=>String(b.importDate||'').localeCompare(String(a.importDate||'')));
  ordered.forEach(h=>{
    const accountId=String(h.accountId||'').trim();
    const fileName=String(h.fileName||'').trim();
    const sheetName=String(h.sheetName||'').trim();
    const time=Date.parse(String(h.importDate||''));
    const group=groups.find(g=>
      g.accountId===accountId &&
      g.fileName===fileName &&
      g.sheetName===sheetName &&
      Number.isFinite(time) && Number.isFinite(g.latestTime) &&
      Math.abs(g.latestTime-time)<=15*60*1000
    );
    if(group){
      group.rows.push(h);
      group.latestTime=Math.max(group.latestTime,time);
    }else{
      groups.push({accountId,fileName,sheetName,latestTime:Number.isFinite(time)?time:0,rows:[h]});
    }
  });
  return groups.map(g=>{
    const first=g.rows[0]||{};
    const ids=g.rows.map(x=>String(x.importId||'').trim()).filter(Boolean);
    return {
      ...first,
      importId:ids.length>1?`${ids[0]} + ${ids.length-1} batches`:ids[0]||'-',
      importIds:ids,
      totalRows:g.rows.reduce((sum,x)=>sum+Number(x.totalRows||0),0),
      newRows:g.rows.reduce((sum,x)=>sum+Number(x.newRows||0),0),
      duplicateRows:g.rows.reduce((sum,x)=>sum+Number(x.duplicateRows||0),0),
      status:g.rows.every(x=>/^success$/i.test(String(x.status||'')))?'Success':(first.status||'-')
    };
  }).sort((a,b)=>String(b.importDate||'').localeCompare(String(a.importDate||'')));
}


let uploadedStatementSummaryExpanded=false;
let accountSourceDiagnosticsExpanded=false;

function toggleUploadedStatementSummary(){
  uploadedStatementSummaryExpanded=!uploadedStatementSummaryExpanded;
  const body=document.getElementById('uploadedStatementSummaryBody');
  const btn=document.getElementById('uploadedStatementSummaryToggle');
  if(body){
    body.classList.toggle('collapsed',!uploadedStatementSummaryExpanded);
  }
  if(btn){
    btn.textContent=uploadedStatementSummaryExpanded?'Hide Statement Summary':'View Statement Summary';
  }
}

function toggleAccountSourceDiagnostics(){
  accountSourceDiagnosticsExpanded=!accountSourceDiagnosticsExpanded;
  const body=document.getElementById('accountSourceDiagnosticsBody');
  const btn=document.getElementById('accountSourceDiagnosticsToggle');
  if(body)body.classList.toggle('collapsed',!accountSourceDiagnosticsExpanded);
  if(btn)btn.textContent=accountSourceDiagnosticsExpanded?'Hide Account Source Check':'View Account Source Check';
}

function accountMonthlyNumber(value){
  if(value==null||String(value).trim()==='')return null;
  const n=Number(value);
  return Number.isFinite(n)?n:null;
}
function accountMonthlyPeriodRows(rows){
  const groups=new Map();
  (rows||[]).forEach((row,index)=>{
    const accountId=String(row.accountId||'').trim();
    const fallbackId=`${row.company||''}|${row.bank||''}`;
    const month=accountStatementMonthFromDate(row)||normalizeSocMonth(row.socMonth)||'Unassigned Transaction Month';
    const key=`${accountId||fallbackId}|${month}`;
    if(!groups.has(key))groups.set(key,{key,accountId,month,rows:[],socMonths:new Set()});
    const group=groups.get(key);
    const socMonth=normalizeSocMonth(row.socMonth);
    if(socMonth)group.socMonths.add(socMonth);
    group.rows.push({...row,__monthlyIndex:index});
  });
  return [...groups.values()].sort((a,b)=>{
    const monthDiff=accountMonthSortValue(b.month)-accountMonthSortValue(a.month);
    if(monthDiff)return monthDiff;
    return String(a.accountId||a.rows[0]?.company||'').localeCompare(String(b.accountId||b.rows[0]?.company||''));
  });
}
function accountMonthlyDateSpan(rows){
  const dates=(rows||[]).map(r=>accountDateKey(r.date)).filter(Boolean).sort();
  return {start:dates[0]||'',end:dates[dates.length-1]||''};
}
function accountMonthlyExpectedSpan(month){
  const match=String(month||'').match(/^([A-Za-z]{3})-(\d{4})$/);
  if(!match)return null;
  const names={Jan:1,Feb:2,Mar:3,Apr:4,May:5,Jun:6,Jul:7,Aug:8,Sep:9,Oct:10,Nov:11,Dec:12};
  const monthNumber=names[match[1]];
  if(!monthNumber)return null;
  const year=Number(match[2]);
  const lastDay=new Date(year,monthNumber,0).getDate();
  return {start:`${year}-${String(monthNumber).padStart(2,'0')}-01`,end:`${year}-${String(monthNumber).padStart(2,'0')}-${String(lastDay).padStart(2,'0')}`};
}
function accountMonthlyUsageItems(rows,field){
  const totals=new Map();
  (rows||[]).filter(r=>Number(r.debit||0)>0).forEach(row=>{
    const label=String(row[field]||'').trim()||'Unspecified';
    totals.set(label,(totals.get(label)||0)+Number(row.debit||0));
  });
  return [...totals.entries()].sort((a,b)=>b[1]-a[1]).slice(0,6);
}
function accountMonthlyUsageDetails(rows,field){
  const totals=new Map();
  let total=0;
  (rows||[]).filter(r=>Number(r.debit||0)>0).forEach(row=>{
    const label=String(row[field]||'').trim()||'Unspecified';
    const debit=Number(row.debit||0);
    const item=totals.get(label)||{total:0,count:0};
    item.total+=debit;
    item.count++;
    totals.set(label,item);
    total+=debit;
  });
  return {items:[...totals.entries()].sort((a,b)=>b[1].total-a[1].total).slice(0,6),total};
}
function accountMonthlyUsageMarkup(rows,field,title){
  const supervisorUsage=title==='Top debit usage';
  if(supervisorUsage){
    const {items,total}=accountMonthlyUsageDetails(rows,'supervisor');
    const max=items[0]?.[1].total||1;
    const chart=items.length?items.map(([label,item],index)=>{
      const share=total?item.total/total*100:0;
      const width=Math.max(4,item.total/max*100);
      return `<div class="account-bank-usage-chart-row"><span class="account-bank-usage-rank">${index+1}</span><span class="account-bank-usage-label" title="${htmlEscape(label)}">${htmlEscape(label)}</span><span class="account-bank-usage-bar"><i style="width:${width.toFixed(1)}%"></i></span><span><strong>${rupees(item.total)}</strong><span class="account-bank-usage-share">${share.toFixed(1)}%</span></span></div>`;
    }).join(''):'<div class="account-bank-usage-empty">No debit usage</div>';
    const table=items.length?`<div class="account-bank-usage-tablewrap"><table class="account-bank-usage-table"><thead><tr><th>Rank</th><th>Supervisor</th><th>Debit Used</th><th>Share</th><th>Transactions</th><th>Avg Debit</th></tr></thead><tbody>${items.map(([label,item],index)=>{const share=total?item.total/total*100:0;return `<tr><td>${index+1}</td><td title="${htmlEscape(label)}">${htmlEscape(label)}</td><td>${rupees(item.total)}</td><td>${share.toFixed(1)}%</td><td>${item.count}</td><td>${rupees(item.total/item.count)}</td></tr>`}).join('')}</tbody></table></div>`:'<div class="account-bank-usage-empty">No debit usage</div>';
    return `<div class="account-bank-usage" data-usage-widget="supervisor"><div class="account-bank-usage-head"><div class="account-bank-usage-title"><h4>Top debit usage • Supervisor</h4><p>Ranked debit usage with share and transaction context</p></div><div class="account-bank-usage-total"><span>Total debit</span><strong>${rupees(total)}</strong></div></div><div class="account-bank-usage-controls" role="tablist" aria-label="Supervisor usage view"><button type="button" class="account-bank-usage-toggle active" data-usage-mode="chart" aria-pressed="true" onclick="toggleAccountBankUsage(this,'chart')">Chart</button><button type="button" class="account-bank-usage-toggle" data-usage-mode="table" aria-pressed="false" onclick="toggleAccountBankUsage(this,'table')">Table</button></div><div class="account-bank-usage-view" data-usage-view="chart">${chart}</div><div class="account-bank-usage-view" data-usage-view="table" hidden>${table}</div></div>`;
  }
  const items=accountMonthlyUsageItems(rows,supervisorUsage?'supervisor':field);
  const displayTitle=supervisorUsage?'Top debit usage • Supervisor':title;
  return `<div class="account-monthly-usage"><h4>${displayTitle}</h4>${items.length?items.map(([label,total])=>`<div class="account-monthly-usage-row"><span title="${htmlEscape(label)}">${htmlEscape(label)}</span><strong>${rupees(total)}</strong></div>`).join(''):'<div class="account-monthly-empty">No debit usage</div>'}</div>`;
}
function accountMonthlyAccountLabel(group){
  const first=group.rows[0]||{};
  const account=group.accountId?accountById(group.accountId):null;
  const company=account?.company||first.company||'';
  const companyName=C(company)?.name||company||'Unknown Company';
  const bank=account?accountBankDisplayName(account):(first.bank||'Unknown Bank');
  return `${companyName} • ${bank}`;
}
 const ACCOUNT_RECON_TOLERANCE=0.005;
 function accountMonthlyStatus(group,span,opening,variance){
   if(group.month==='Unassigned Transaction Month')return {label:'Missing Transaction Month',className:'review'};
   if(opening==null)return {label:'Opening Missing',className:'review'};
   if(variance!=null&&Math.abs(variance)>ACCOUNT_RECON_TOLERANCE)return {label:'Reconciliation Error',className:'review'};
  const expected=accountMonthlyExpectedSpan(group.month);
  if(expected&&span.start===expected.start&&span.end===expected.end)return {label:'Full Month Complete',className:'complete'};
  return {label:'Partial Statement',className:'partial'};
}
function renderAccountMonthlyPeriodCards(rows,selectedAccount){
  const periods=accountMonthlyPeriodRows(rows);
  const cards=periods.map(group=>{
    const ordered=[...group.rows].sort((a,b)=>String(accountDateKey(a.date)||'').localeCompare(String(accountDateKey(b.date)||''))||Number(a.__monthlyIndex||0)-Number(b.__monthlyIndex||0));
    const first=ordered[0]||{};
    const last=ordered[ordered.length-1]||{};
    const totalCredit=ordered.reduce((sum,row)=>sum+Number(row.credit||0),0);
    const totalDebit=ordered.reduce((sum,row)=>sum+Number(row.debit||0),0);
    const firstBalance=accountMonthlyNumber(first.balance);
    const lastBalance=accountMonthlyNumber(last.balance);
    const opening=firstBalance==null?null:firstBalance-Number(first.credit||0)+Number(first.debit||0);
    const calculatedClosing=opening==null?null:opening+totalCredit-totalDebit;
    const variance=lastBalance==null||calculatedClosing==null?null:lastBalance-calculatedClosing;
    const span=accountMonthlyDateSpan(ordered);
    const status=accountMonthlyStatus(group,span,opening,variance);
    const coverage=span.start&&span.end?`${formatAccountDate(span.start)} to ${formatAccountDate(span.end)}`:'Date range unavailable';
    const canView=!!group.accountId&&group.month!=='Unassigned Transaction Month';
    const socMonths=[...group.socMonths].sort((a,b)=>accountMonthSortValue(a)-accountMonthSortValue(b));
    const socLabel=socMonths.length?socMonths.join(', '):'Not assigned';
    return `<article class="account-monthly-card"><div class="account-monthly-card-head"><div><div class="account-monthly-account" title="${htmlEscape(accountMonthlyAccountLabel(group))}">${htmlEscape(accountMonthlyAccountLabel(group))}</div><div class="account-monthly-month">${htmlEscape(group.month)} • ${ordered.length} transactions</div><div class="account-monthly-month">SOC Month: ${htmlEscape(socLabel)}</div></div><span class="account-monthly-status ${status.className}">${status.label}</span></div><div class="account-monthly-coverage"><span>Transaction span</span><strong>${htmlEscape(coverage)}</strong></div><div class="account-monthly-metrics"><div class="account-monthly-metric"><span>Opening</span><strong>${opening==null?'—':rupees(opening)}</strong></div><div class="account-monthly-metric"><span>Credit</span><strong>${rupees(totalCredit)}</strong></div><div class="account-monthly-metric"><span>Debit / Used</span><strong>${rupees(totalDebit)}</strong></div><div class="account-monthly-metric"><span>Closing</span><strong>${lastBalance==null?(calculatedClosing==null?'—':rupees(calculatedClosing)):rupees(lastBalance)}</strong></div></div><div class="account-monthly-variance">Calculated closing: <strong class="${variance!=null&&Math.abs(variance)>0.005?'bad':''}">${calculatedClosing==null?'—':rupees(calculatedClosing)}${variance!=null&&Math.abs(variance)>0.005?` • Difference ${rupees(variance)}`:''}</strong></div><details><summary>View usage summary</summary><div class="account-monthly-usage-grid">${accountMonthlyUsageMarkup(ordered,'type','By Type')}${accountMonthlyUsageMarkup(ordered,'name','By Name')}${accountMonthlyUsageMarkup(ordered,'portfolio','By Portfolio')}${accountMonthlyUsageMarkup(ordered,'location','By Location')}</div>${canView?`<div class="account-monthly-actions"><button type="button" class="btn" onclick="viewAccountMonthlyTransactions('${htmlEscape(group.accountId)}','${htmlEscape(span.start)}','${htmlEscape(span.end)}')">View transactions</button></div>`:''}</details></article>`;
  }).join('');
   const note=selectedAccount?`${accountBankDisplayName(selectedAccount)} • balances grouped by transaction month; SOC Month is allocation context and remains filterable`:'Balances are grouped by transaction month; SOC Month is allocation context and remains filterable for all visible accounts';
   return `<section id="accountMonthlyReconciliation" class="account-monthly-recon"><div class="account-monthly-recon-head"><div><h3>Monthly Account Reconciliation</h3><p>${htmlEscape(note)}. Opening, credits, debits, closing and usage are calculated from the current statement rows.</p></div><span class="badge">${periods.length} period${periods.length===1?'':'s'}</span></div>${cards?`<div class="account-monthly-recon-grid">${cards}</div>`:'<div class="meta">No monthly reconciliation rows for the current Account / SOC Month filters.</div>'}</section>`;
}
function accountMonthlyBankGroups(periods){
  const groups=new Map();
  (periods||[]).forEach(period=>{
    const key=String(period.accountId||period.rows[0]?.company||'unknown').trim();
    if(!groups.has(key))groups.set(key,{accountId:period.accountId,periods:[]});
    groups.get(key).periods.push(period);
  });
  return [...groups.values()].sort((a,b)=>accountMonthlyAccountLabel({accountId:a.accountId,rows:a.periods[0]?.rows||[]}).localeCompare(accountMonthlyAccountLabel({accountId:b.accountId,rows:b.periods[0]?.rows||[]})));
}
function accountMonthlyPeriodSummary(group){
  const ordered=[...group.rows].sort((a,b)=>String(accountDateKey(a.date)||'').localeCompare(String(accountDateKey(b.date)||''))||Number(a.__monthlyIndex||0)-Number(b.__monthlyIndex||0));
  const first=ordered[0]||{};
  const last=ordered[ordered.length-1]||{};
  const totalCredit=ordered.reduce((sum,row)=>sum+Number(row.credit||0),0);
  const totalDebit=ordered.reduce((sum,row)=>sum+Number(row.debit||0),0);
  const firstBalance=accountMonthlyNumber(first.balance);
  const lastBalance=accountMonthlyNumber(last.balance);
  const opening=firstBalance==null?null:firstBalance-Number(first.credit||0)+Number(first.debit||0);
  const calculatedClosing=opening==null?null:opening+totalCredit-totalDebit;
  const variance=lastBalance==null||calculatedClosing==null?null:lastBalance-calculatedClosing;
  const span=accountMonthlyDateSpan(ordered);
  const status=accountMonthlyStatus(group,span,opening,variance);
  const coverage=span.start&&span.end?`${formatAccountDate(span.start)} to ${formatAccountDate(span.end)}`:'Date range unavailable';
  const socMonths=[...group.socMonths].sort((a,b)=>accountMonthSortValue(a)-accountMonthSortValue(b));
   return {group,ordered,totalCredit,totalDebit,opening,calculatedClosing,lastBalance,variance,span,status,coverage,socLabel:socMonths.length?socMonths.join(', '):'Not assigned'};
 }
 function accountReportSocMonth(row){
   return normalizeSocMonth(row?.socMonth)||'Unassigned SOC Month';
 }
 function accountReportMonthGroups(rows){
   const groups=new Map();
   (rows||[]).forEach(row=>{
     const month=accountReportSocMonth(row);
     if(!groups.has(month))groups.set(month,[]);
     groups.get(month).push(row);
   });
   return [...groups.entries()].sort((a,b)=>{
     if(a[0]==='Unassigned SOC Month')return 1;
     if(b[0]==='Unassigned SOC Month')return -1;
     return accountMonthSortValue(b[0])-accountMonthSortValue(a[0]);
   });
 }
  function accountReportSummary(rows){
    const ordered=[...(rows||[])].sort((a,b)=>String(accountDateKey(a.date)||'').localeCompare(String(accountDateKey(b.date)||'')));
   const first=ordered[0]||{};
   const last=ordered[ordered.length-1]||{};
   const totalCredit=ordered.reduce((sum,row)=>sum+Number(row.credit||0),0);
   const totalDebit=ordered.reduce((sum,row)=>sum+Number(row.debit||0),0);
   const firstBalance=accountMonthlyNumber(first.balance);
   const opening=firstBalance==null?null:firstBalance-Number(first.credit||0)+Number(first.debit||0);
   const calculatedClosing=opening==null?null:opening+totalCredit-totalDebit;
   const closing=accountMonthlyNumber(last.balance);
    return {ordered,totalCredit,totalDebit,opening,calculatedClosing,closing:closing==null?calculatedClosing:closing};
  }
  let accountReportDatePickerState=null;
  function accountReportDatePickerCalendarMarkup(monthKey){
    const match=String(monthKey||'').match(/^(\d{4})-(\d{2})$/);
    if(!match)return '';
    const year=Number(match[1]),month=Number(match[2])-1;
    const first=new Date(Date.UTC(year,month,1));
    const firstDay=first.getUTCDay();
    const daysInMonth=new Date(Date.UTC(year,month+1,0)).getUTCDate();
    const state=accountReportDatePickerState||{};
    const weekdays=['Su','Mo','Tu','We','Th','Fr','Sa'];
    let html=weekdays.map(day=>`<span class="account-date-weekday">${day}</span>`).join('');
    for(let i=0;i<42;i++){
      const date=new Date(Date.UTC(year,month,i-firstDay+1));
      const key=accountPickerDateKey(date);
      const current=date.getUTCMonth()===month;
      const inRange=state.draftStart&&state.draftEnd&&key>state.draftStart&&key<state.draftEnd;
      const classes=['account-date-day'];
      if(!current)classes.push('is-muted');
      if(inRange)classes.push('is-in-range');
      if(key===state.draftStart)classes.push('is-start');
      if(key===state.draftEnd)classes.push('is-end');
      html+=`<button type="button" class="${classes.join(' ')}" onclick="selectAccountReportDatePickerDate('${key}')">${date.getUTCDate()}</button>`;
    }
    return `<div class="account-date-calendar-grid">${html}</div>`;
  }
  function renderAccountReportDatePicker(){
    const state=accountReportDatePickerState;
    const picker=state?.panel?.querySelector('.account-report-date-picker');
    if(!picker||!state)return;
    const monthA=state.viewMonth,monthB=accountPickerAddMonths(monthA,1);
    picker.querySelector('[data-report-date-month-a]').textContent=accountPickerMonthLabel(monthA);
    picker.querySelector('[data-report-date-month-b]').textContent=accountPickerMonthLabel(monthB);
    picker.querySelector('[data-report-date-calendar-a]').innerHTML=accountReportDatePickerCalendarMarkup(monthA);
    picker.querySelector('[data-report-date-calendar-b]').innerHTML=accountReportDatePickerCalendarMarkup(monthB);
    const summary=picker.querySelector('[data-report-date-summary]');
    if(summary)summary.textContent=state.draftStart?`${accountPickerShortDate(state.draftStart)} - ${state.draftEnd?accountPickerShortDate(state.draftEnd):'Select end date'}`:'Select date range';
    picker.querySelectorAll('.account-date-presets button').forEach(button=>button.classList.toggle('is-active',button.dataset.preset===state.preset));
  }
  function positionAccountReportDatePicker(){
    const state=accountReportDatePickerState;
    const picker=state?.panel?.querySelector('.account-report-date-picker');
    const target=state?.panel?.querySelector('.account-report-date-range');
    if(!picker||!target)return;
    const margin=12,gap=10;
    picker.style.position='absolute';
    picker.style.visibility='hidden';
    picker.style.left=`${margin}px`;
    picker.style.right='auto';
    picker.style.top=`${margin}px`;
    const targetRect=target.getBoundingClientRect();
    const pickerRect=picker.getBoundingClientRect();
    const width=Math.min(pickerRect.width,window.innerWidth-margin*2);
    const height=Math.min(pickerRect.height,window.innerHeight-margin*2);
    let left=target.offsetWidth+gap;
    if(targetRect.right+gap+width>window.innerWidth-margin)left=target.offsetWidth-width;
    left=Math.max(margin-targetRect.left,left);
    const top=Math.min(0,Math.max(margin-targetRect.top,window.innerHeight-height-margin-targetRect.top));
    picker.style.left=`${left}px`;
    picker.style.top=`${top}px`;
    picker.style.maxHeight=`${window.innerHeight-margin*2}px`;
    picker.style.visibility='visible';
  }
  function openAccountReportDateRangePicker(target,event){
    event?.stopPropagation();
    const panel=target?.closest('.account-bank-report');
    const picker=panel?.querySelector('.account-report-date-picker');
    if(!panel||!picker)return;
    if(!window.__accountReportDatePickerOutsideBound){
      document.addEventListener('click',clickEvent=>{if(!clickEvent.target.closest?.('.account-report-date-range'))closeAccountReportDatePicker();});
      window.__accountReportDatePickerOutsideBound=true;
    }
    if(!picker.hidden){closeAccountReportDatePicker();return;}
    const from=panel.querySelector('[data-account-report-from-date]')?.value||'';
    const to=panel.querySelector('[data-account-report-to-date]')?.value||'';
    accountReportDatePickerState={panel,draftStart:from,draftEnd:to,viewMonth:(from||accountPickerTodayKey()).slice(0,7),preset:''};
    picker.hidden=false;
    renderAccountReportDatePicker();
    requestAnimationFrame(positionAccountReportDatePicker);
  }
  function closeAccountReportDatePicker(){
    const picker=accountReportDatePickerState?.panel?.querySelector('.account-report-date-picker');
    if(picker){picker.hidden=true;picker.style.removeProperty('left');picker.style.removeProperty('right');picker.style.removeProperty('top');picker.style.removeProperty('visibility');picker.style.removeProperty('max-height');}
    accountReportDatePickerState=null;
  }
  function shiftAccountReportDatePicker(delta){
    if(!accountReportDatePickerState)return;
    accountReportDatePickerState.viewMonth=accountPickerAddMonths(accountReportDatePickerState.viewMonth,delta);
    renderAccountReportDatePicker();
  }
  function selectAccountReportDatePickerDate(key){
    const state=accountReportDatePickerState;
    if(!state)return;
    if(!state.draftStart||state.draftEnd){state.draftStart=key;state.draftEnd='';}
    else if(key<state.draftStart){state.draftEnd=state.draftStart;state.draftStart=key;}
    else state.draftEnd=key;
    state.preset='';
    renderAccountReportDatePicker();
  }
  function setAccountReportDatePreset(preset){
    const state=accountReportDatePickerState;
    if(!state)return;
    const today=accountPickerTodayKey();
    state.preset=preset;
    if(preset==='today'){state.draftStart=today;state.draftEnd=today;}
    else if(preset==='yesterday'){state.draftStart=accountPickerAddDays(today,-1);state.draftEnd=state.draftStart;}
    else if(preset==='7days'){state.draftStart=accountPickerAddDays(today,-6);state.draftEnd=today;}
    else if(preset==='30days'){state.draftStart=accountPickerAddDays(today,-29);state.draftEnd=today;}
    else if(preset==='6months'){state.draftStart=accountPickerAddCalendarMonths(today,-6);state.draftEnd=today;}
    else if(preset==='year'){state.draftStart=accountPickerAddCalendarMonths(today,-12);state.draftEnd=today;}
    else{state.draftStart='';state.draftEnd='';}
    state.viewMonth=(state.draftStart||today).slice(0,7);
    renderAccountReportDatePicker();
  }
  function applyAccountReportDatePicker(){
    const state=accountReportDatePickerState;
    if(!state)return;
    const from=state.panel.querySelector('[data-account-report-from-date]');
    const to=state.panel.querySelector('[data-account-report-to-date]');
    if(from)from.value=state.draftStart||'';
    if(to)to.value=state.draftEnd||'';
    closeAccountReportDatePicker();
    renderAccountBankReport(state.panel.querySelector('[data-account-report-month]'));
  }
  function accountReportDateRangeMarkup(from,to){
    return `<div class="account-date-range account-report-date-range" role="button" tabindex="0" aria-label="Select report transaction date range" onclick="openAccountReportDateRangePicker(this,event)" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();openAccountReportDateRangePicker(this,event)}"><span class="account-date-calendar" aria-hidden="true"></span><span class="account-date-range-value">${htmlEscape(accountDateRangeDisplay(from,to))}</span><input type="hidden" class="account-date-native" data-account-report-from-date value="${htmlEscape(from)}"><input type="hidden" class="account-date-native" data-account-report-to-date value="${htmlEscape(to)}"><div class="account-date-picker account-report-date-picker" onclick="event.stopPropagation()" hidden><aside class="account-date-presets"><div class="account-date-presets-title">QUICK SELECT</div><button type="button" data-preset="today" onclick="setAccountReportDatePreset('today')">Today</button><button type="button" data-preset="yesterday" onclick="setAccountReportDatePreset('yesterday')">Yesterday</button><button type="button" data-preset="7days" onclick="setAccountReportDatePreset('7days')">Last 7 days</button><button type="button" data-preset="30days" onclick="setAccountReportDatePreset('30days')">Last 30 days</button><button type="button" data-preset="6months" onclick="setAccountReportDatePreset('6months')">Last 6 months</button><button type="button" data-preset="year" onclick="setAccountReportDatePreset('year')">Last year</button><button type="button" data-preset="all" onclick="setAccountReportDatePreset('all')">All time</button></aside><section class="account-date-picker-main"><div class="account-date-picker-toolbar"><button type="button" aria-label="Previous month" onclick="shiftAccountReportDatePicker(-1)">‹</button><span data-report-date-month-a></span><span data-report-date-month-b></span><button type="button" aria-label="Next month" onclick="shiftAccountReportDatePicker(1)">›</button></div><div class="account-date-calendars"><div data-report-date-calendar-a></div><div data-report-date-calendar-b></div></div><footer class="account-date-picker-footer"><span data-report-date-summary>Select date range</span><div><button type="button" class="account-date-picker-cancel" onclick="closeAccountReportDatePicker()">Cancel</button><button type="button" class="account-date-picker-apply" onclick="applyAccountReportDatePicker()">Apply</button></div></footer></section></div></div>`;
  }
  const ACCOUNT_REPORT_PAGE_SIZE=50;
  function accountMonthlyReportMarkup(rows,selectedMonth='all',selectedFromDate='',selectedToDate='',selectedPages={}){
   const invalidDateRange=selectedFromDate&&selectedToDate&&selectedFromDate>selectedToDate;
   const dateRows=invalidDateRange?[]:(rows||[]).filter(row=>{
     const date=accountDateKey(row.date);
     return date&&(!selectedFromDate||date>=selectedFromDate)&&(!selectedToDate||date<=selectedToDate);
   });
   const groups=accountReportMonthGroups(dateRows);
   const months=groups.map(([month])=>month);
   const active=selectedMonth==='all'||months.includes(selectedMonth)?selectedMonth:'all';
   const visible=active==='all'?groups:groups.filter(([month])=>month===active);
   const options=[`<option value="all"${active==='all'?' selected':''}>All SOC Months</option>`,...months.map(month=>`<option value="${htmlEscape(month)}"${active===month?' selected':''}>${htmlEscape(month)}</option>`)].join('');
    const sections=visible.map(([month,monthRows])=>{
      const summary=accountReportSummary(monthRows);
      const totalPages=Math.max(1,Math.ceil(summary.ordered.length/ACCOUNT_REPORT_PAGE_SIZE));
      const requestedPage=Math.max(1,Number(selectedPages[month]||1));
      const page=Math.min(requestedPage,totalPages);
      const pageRows=summary.ordered.slice((page-1)*ACCOUNT_REPORT_PAGE_SIZE,page*ACCOUNT_REPORT_PAGE_SIZE);
      const rowsHtml=pageRows.map(row=>`<tr>
       <td>${htmlEscape(formatAccountDate(row.date)||'-')}</td>
       <td>${htmlEscape(accountReportSocMonth(row))}</td>
       <td>${htmlEscape(row.name||'-')}</td>
       <td>${htmlEscape(row.description||row.remark||'-')}</td>
       <td>${htmlEscape(row.reference||'-')}</td>
       <td>${htmlEscape(row.type||'-')}</td>
       <td>${htmlEscape(row.supervisor||'-')}</td>
       <td>${htmlEscape(row.portfolio||'-')}</td>
       <td>${htmlEscape(row.location||'-')}</td>
       <td>${Number(row.debit||0)?rupees(row.debit):'-'}</td>
       <td>${Number(row.credit||0)?rupees(row.credit):'-'}</td>
       <td>${row.balance==null||String(row.balance).trim()===''?'-':rupees(row.balance)}</td>
     </tr>`).join('');
      const pager=totalPages>1?`<div class="account-report-pagination" data-report-page="${page}"><button type="button" onclick="changeAccountReportPage(this,-1)"${page===1?' disabled':''}>Previous</button><span>Page ${page} of ${totalPages} • Showing ${(page-1)*ACCOUNT_REPORT_PAGE_SIZE+1}-${Math.min(page*ACCOUNT_REPORT_PAGE_SIZE,summary.ordered.length)} of ${summary.ordered.length}</span><button type="button" onclick="changeAccountReportPage(this,1)"${page===totalPages?' disabled':''}>Next</button></div>`:'';
      return `<section class="account-report-month-section" data-report-month="${htmlEscape(month)}"><div class="account-report-month-head"><strong>${htmlEscape(month)}</strong><span>${summary.ordered.length} transaction${summary.ordered.length===1?'':'s'}</span></div><div class="account-bank-summary"><div class="account-bank-summary-item"><span>Opening Balance</span><strong>${summary.opening==null?'—':rupees(summary.opening)}</strong></div><div class="account-bank-summary-item"><span>Total Credit</span><strong>${rupees(summary.totalCredit)}</strong></div><div class="account-bank-summary-item"><span>Total Payment</span><strong>${rupees(summary.totalDebit)}</strong></div><div class="account-bank-summary-item"><span>Closing Balance</span><strong>${summary.closing==null?'—':rupees(summary.closing)}</strong></div></div><div class="account-bank-usage-tablewrap"><table class="account-bank-usage-table account-bank-report-table" style="min-width:1250px"><thead><tr><th>Transaction Date</th><th>SOC Month</th><th>Name</th><th>Description / Remark</th><th>Reference</th><th>Type</th><th>Supervisor</th><th>Portfolio</th><th>Location</th><th>Debit / Payment</th><th>Credit / Receive</th><th>Balance</th></tr></thead><tbody>${rowsHtml||'<tr><td colspan="12">No transactions for this SOC Month.</td></tr>'}</tbody></table></div>${pager}</section>`;
   }).join('');
    const emptyText=invalidDateRange?'From Date cannot be after To Date.':'No transactions available for the current filters.';
    return `<div class="account-report-filter"><label>SOC Month <select data-account-report-month onchange="renderAccountBankReport(this)">${options}</select></label>${accountReportDateRangeMarkup(selectedFromDate,selectedToDate)}<button type="button" class="account-report-clear-date" onclick="clearAccountBankReportDates(this)">Clear Dates</button></div>${sections||`<div class="account-bank-usage-empty">${emptyText}</div>`}`;
 }
function renderAccountMonthlyEntry(rows,selectedAccount){
  const periods=accountMonthlyPeriodRows(rows);
  const bankCount=accountMonthlyBankGroups(periods).length;
  const flagged=periods.map(accountMonthlyPeriodSummary).filter(summary=>summary.status.className==='review').length;
  const scope=selectedAccount?accountBankDisplayName(selectedAccount):`${bankCount} bank accounts`;
  const periodLabel=`${periods.length} monthly period${periods.length===1?'':'s'}`;
   const flaggedLabel=flagged?`${flagged} period${flagged===1?'':'s'} flagged`:'No flagged periods';
  return `<section id="accountMonthlyEntry" class="account-monthly-entry"><div class="account-monthly-entry-head"><div class="account-monthly-entry-copy"><span class="account-monthly-entry-kicker">Account tools</span><strong class="account-monthly-entry-title">Monthly Account Reconciliation</strong><span class="account-monthly-entry-sub">${htmlEscape(scope)} • ${periodLabel} • ${htmlEscape(flaggedLabel)}. Open the dedicated workspace for bank-wise monthly balances, usage and mismatch review.</span></div><button type="button" class="account-monthly-entry-btn" onclick="openAccountMonthlyScreen()"><span class="account-monthly-entry-btn-copy"><small>Open workspace</small><strong>Account Reconciliation</strong></span><span class="account-monthly-entry-btn-arrow" aria-hidden="true">&#8594;</span></button></div></section>`;
}
const accountMonthlyBankFilterState=new Map();
let accountMonthlyMismatchesOnly=false;
function accountMonthlyBankFilterMatches(summary,state){
  if(state.month&&state.month!=='all'&&summary.group.month!==state.month)return false;
  if(state.flagged&&summary.status.className!=='review')return false;
  if(accountMonthlyMismatchesOnly&&summary.status.className!=='review')return false;
  return true;
}
function accountMonthlyBankFilterMarkup(bankKey,summaries,state){
  const months=[...new Set(summaries.map(summary=>summary.group.month).filter(Boolean))].sort((a,b)=>accountMonthSortValue(b)-accountMonthSortValue(a));
  const active=state.month!=='all'||state.flagged;
  const options=months.map(month=>`<option value="${htmlEscape(month)}"${state.month===month?' selected':''}>${htmlEscape(month)}</option>`).join('');
  return `<div class="account-bank-filter"><button type="button" class="account-bank-filter-toggle${active?' active':''}" aria-label="Filter bank months" aria-expanded="false" onclick="toggleAccountBankMonthFilter(this)"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 5h16l-6.4 7.2v4.8l-3.2 1.8v-6.6L4 5Z"></path></svg>${active?'<i aria-hidden="true"></i>':''}</button><div class="account-bank-filter-popover" hidden><strong>Filter bank months</strong><small>Apply only to this bank card</small><label class="account-bank-filter-field">Transaction month<select data-bank-month-filter onchange="applyAccountBankMonthFilter(this)"><option value="all"${state.month==='all'?' selected':''}>All months</option>${options}</select></label><label class="account-bank-filter-check"><input type="checkbox" data-bank-flagged-filter${state.flagged?' checked':''} onchange="applyAccountBankMonthFilter(this)">Only flagged periods</label><button type="button" class="account-bank-filter-reset" onclick="resetAccountBankMonthFilter(this)">Reset</button></div></div>`;
}
function renderAccountMonthlyBankSummary(rows,selectedAccount){
  const periods=accountMonthlyPeriodRows(rows);
  const bankGroups=accountMonthlyBankGroups(periods);
  const cards=bankGroups.map(bank=>{
    const summaries=bank.periods.map(accountMonthlyPeriodSummary).sort((a,b)=>accountMonthSortValue(b.group.month)-accountMonthSortValue(a.group.month));
    const allRows=summaries.flatMap(summary=>summary.ordered);
    const latest=summaries[0]||{};
    const label=accountMonthlyAccountLabel({accountId:bank.accountId,rows:allRows});
    const bankKey=String(bank.accountId||label);
    const state=accountMonthlyBankFilterState.get(bankKey)||{month:'all',flagged:false};
    const filteredSummaries=summaries.filter(summary=>accountMonthlyBankFilterMatches(summary,state));
    const filteredRows=filteredSummaries.flatMap(summary=>summary.ordered);
    const latestVisible=filteredSummaries[0]||{};
    const totalCredit=filteredRows.reduce((sum,row)=>sum+Number(row.credit||0),0);
    const totalDebit=filteredRows.reduce((sum,row)=>sum+Number(row.debit||0),0);
    const span=accountMonthlyDateSpan(filteredRows);
    const statuses=new Set(summaries.map(summary=>summary.status.className));
    const flaggedCount=summaries.filter(summary=>summary.status.className==='review').length;
    const bankStatus=flaggedCount?{label:`Attention Required • ${flaggedCount}/${summaries.length} flagged`,className:'review'}:statuses.size===1&&statuses.has('complete')?{label:'Complete',className:'complete'}:{label:'Partial Coverage',className:'partial'};
    const filterActive=state.month!=='all'||state.flagged;
    const periodLabel=filterActive?`${filteredSummaries.length}/${summaries.length} monthly periods • ${filteredRows.length}/${allRows.length} transactions`:`${summaries.length} monthly period${summaries.length===1?'':'s'} • ${allRows.length} transactions`;
    const monthRows=summaries.map(summary=>{const visible=accountMonthlyBankFilterMatches(summary,state);return `<div class="account-bank-month-row"${visible?'':' hidden'}><div><strong>${htmlEscape(summary.group.month)}</strong><small>${summary.ordered.length} transactions</small></div><div>${htmlEscape(summary.coverage)}</div><div>${htmlEscape(summary.socLabel)}</div><div>${summary.opening==null?'—':rupees(summary.opening)}</div><div>${rupees(summary.totalCredit)}</div><div>${rupees(summary.totalDebit)}</div><div>${summary.lastBalance==null?'—':rupees(summary.lastBalance)}</div><div class="${summary.variance!=null&&Math.abs(summary.variance)>0.005?'bad':''}">${summary.variance==null?'—':rupees(summary.variance)}</div><div class="account-bank-month-actions"><span class="account-monthly-status ${summary.status.className}">${summary.status.label}</span>${bank.accountId&&summary.group.month!=='Unassigned Transaction Month'?`<button type="button" class="btn" onclick="viewAccountMonthlyTransactions('${htmlEscape(bank.accountId)}','${htmlEscape(summary.span.start)}','${htmlEscape(summary.span.end)}')">View</button>`:''}</div></div>`}).join('');
    const emptyState=filteredSummaries.length?'':'<div class="account-bank-month-empty">No monthly periods match this filter.</div>';
        return `<article class="account-bank-card"${accountMonthlyMismatchesOnly&&!filteredSummaries.length?' hidden':''} data-account-bank-card="true" data-bank-filter-id="${htmlEscape(bankKey)}"><div class="account-bank-card-head"><div><div class="account-monthly-account" title="${htmlEscape(label)}">${htmlEscape(label)}</div><div class="account-bank-period-count">${periodLabel}</div></div><div class="account-bank-card-head-actions">${accountMonthlyBankFilterMarkup(bankKey,summaries,state)}<span class="account-monthly-status ${bankStatus.className}">${bankStatus.label}</span></div></div><div class="account-bank-summary"><div class="account-bank-summary-item"><span>Transaction span</span><strong>${htmlEscape(span.start&&span.end?`${formatAccountDate(span.start)} to ${formatAccountDate(span.end)}`:'Unavailable')}</strong></div><div class="account-bank-summary-item"><span>Total credit</span><strong>${rupees(totalCredit)}</strong></div><div class="account-bank-summary-item"><span>Total used</span><strong>${rupees(totalDebit)}</strong></div><div class="account-bank-summary-item"><span>Latest closing</span><strong>${latestVisible.lastBalance==null?'—':rupees(latestVisible.lastBalance)}</strong></div></div><div class="account-bank-months"><div class="account-bank-month-row head"><div>Month</div><div>Transaction span</div><div>SOC</div><div>Opening</div><div>Credit</div><div>Used</div><div>Closing</div><div>Difference</div><div>Status</div></div>${monthRows}${emptyState}</div><div class="account-bank-usage-toggle-row"><button type="button" class="account-bank-usage-open" aria-expanded="false" onclick="toggleAccountBankUsagePanel(this)">View Report</button></div><div class="account-bank-usage account-bank-report" hidden></div></article>`;
  }).join('');
  const note=selectedAccount?`${accountBankDisplayName(selectedAccount)} • one entry per bank, with monthly transaction periods inside`:'One entry per bank account, with monthly transaction periods shown inside each bank.';
  return `<section id="accountMonthlyReconciliation" class="account-monthly-recon"><div class="account-monthly-recon-head"><div><h3>Monthly Account Reconciliation</h3><p>${htmlEscape(note)}. Balances use transaction month; SOC Month remains allocation context and filterable.</p></div><div class="account-monthly-head-actions"><button type="button" class="account-monthly-open-btn" onclick="openAccountMonthlyScreen()">Open full view</button><span class="badge">${bankGroups.length} bank${bankGroups.length===1?'':'s'}</span></div></div>${cards?`<div class="account-monthly-recon-grid">${cards}</div>`:'<div class="meta">No monthly reconciliation rows for the current Account / SOC Month filters.</div>'}</section>`;
}
function accountReconUsageItems(rows,field){
  const totals=new Map();
  (rows||[]).filter(row=>Number(row.debit||0)>0).forEach(row=>{
    const value=field==='socMonth'?normalizeSocMonth(row.socMonth):String(row[field]||'').trim();
    const label=value||'Unspecified';
    const current=totals.get(label)||{total:0,count:0};
    current.total+=Number(row.debit||0);
    current.count+=1;
    totals.set(label,current);
  });
  return [...totals.entries()].sort((a,b)=>b[1].total-a[1].total).slice(0,8);
}
function renderAccountReconUsageRows(rows,field){
  const items=accountReconUsageItems(rows,field);
  const totalDebit=(rows||[]).reduce((sum,row)=>sum+Number(row.debit||0),0);
  const max=items[0]?.[1].total||1;
  if(!items.length)return '<div class="meta">No debit usage for the current filters.</div>';
  return `<div class="account-recon-usage-list">${items.map(([label,item])=>{const share=totalDebit?item.total/totalDebit*100:0;return `<div class="account-recon-usage-row"><label title="${htmlEscape(label)}">${htmlEscape(label)}</label><small>${item.count} transaction${item.count===1?'':'s'}</small><div class="bar" aria-label="${share.toFixed(1)} percent"><i style="width:${(item.total/max*100).toFixed(1)}%"></i></div><strong>${rupees(item.total)}</strong></div>`}).join('')}</div>`;
}
function renderAccountReconciliationUsagePanel(rows){
  const tabs=[['type','By Type'],['supervisor','By Supervisor'],['name','By Name'],['portfolio','By Portfolio'],['location','By Location'],['socMonth','By SOC Month']];
  return `<section class="account-recon-usage-panel"><div class="account-recon-usage-head"><div><h3>Usage Breakdown</h3><p>Debit usage ranked by the selected dimension. Amount, transaction count and share are shown together.</p></div><span class="badge">Top 8</span></div><div class="account-recon-usage-tabs">${tabs.map(([field,label],index)=>`<button type="button" class="account-recon-usage-tab ${index===0?'active':''}" data-usage-field="${field}" onclick="setAccountReconUsageTab('${field}')">${label}</button>`).join('')}</div><div id="accountReconUsageOutput">${renderAccountReconUsageRows(rows,'type')}</div></section>`;
}
function renderAccountReconciliationSummary(rows){
  const periods=accountMonthlyPeriodRows(rows);
  const summaries=periods.map(accountMonthlyPeriodSummary);
  const totalCredit=(rows||[]).reduce((sum,row)=>sum+Number(row.credit||0),0);
  const totalDebit=(rows||[]).reduce((sum,row)=>sum+Number(row.debit||0),0);
  const flagged=summaries.filter(summary=>summary.status.className==='review').length;
   const difference=summaries.reduce((sum,summary)=>sum+(summary.variance==null?0:Math.abs(summary.variance)),0);
   const netDifference=summaries.reduce((sum,summary)=>sum+(summary.variance==null?0:summary.variance),0);
   const errorCount=summaries.filter(summary=>summary.status.label==='Reconciliation Error').length;
   const missingCount=summaries.filter(summary=>summary.status.label==='Opening Missing'||summary.status.label==='Missing Transaction Month').length;
   const netLabel=netDifference<0?`-${rupees(Math.abs(netDifference))}`:rupees(netDifference);
   return `<div class="account-recon-summary-grid"><div class="account-recon-summary-card"><span>Total Used</span><strong>${rupees(totalDebit)}</strong><small>${rows.length} visible transactions</small></div><div class="account-recon-summary-card"><span>Total Credit</span><strong>${rupees(totalCredit)}</strong><small>${accountMonthlyBankGroups(periods).length} bank accounts</small></div><div class="account-recon-summary-card ${flagged?'alert':''}"><span>Periods Requiring Review</span><strong>${flagged}</strong><small>${errorCount} errors • ${missingCount} missing data</small></div><div class="account-recon-summary-card ${difference>ACCOUNT_RECON_TOLERANCE?'alert':''}"><span>Absolute Variance</span><strong>${rupees(difference)}</strong><small>sum of absolute period differences</small></div><div class="account-recon-summary-card ${Math.abs(netDifference)>ACCOUNT_RECON_TOLERANCE?'alert':''}"><span>Net Variance</span><strong>${netLabel}</strong><small>signed total across periods</small></div></div>`;
}
let accountReconReturnState=null;
let accountReconBreakdownState=null;
function accountReconBreakRows(rows){
  const ordered=(rows||[]).map((row,index)=>({...row,__reconIndex:index})).sort((a,b)=>
    String(accountDateKey(a.date)||'').localeCompare(String(accountDateKey(b.date)||''))||a.__reconIndex-b.__reconIndex
  );
  const breaks=[];
  let previousBalance=null;
  ordered.forEach(row=>{
    const actual=accountMonthlyNumber(row.balance);
    if(previousBalance!=null&&actual!=null){
      const expected=previousBalance+Number(row.credit||0)-Number(row.debit||0);
      const difference=actual-expected;
      if(Math.abs(difference)>ACCOUNT_RECON_TOLERANCE)breaks.push({row,previousBalance,expected,actual,difference});
    }
    if(actual!=null)previousBalance=actual;
  });
  return breaks;
}
function renderAccountReconBreaksPanel(rows){
  if(!accountReconBreakdownState)return '';
  const breaks=accountReconBreakRows(rows);
  const account=accountById(accountReconBreakdownState.accountId);
  const scope=account?accountBankDisplayName(account):'Selected statement range';
  const body=breaks.length?`<div class="account-recon-breaks-tablewrap"><table class="account-recon-breaks-table"><thead><tr><th>Date</th><th>Transaction</th><th>Type</th><th>Previous Balance</th><th>Expected</th><th>Actual</th><th>Difference</th></tr></thead><tbody>${breaks.map(item=>`<tr><td>${formatAccountDate(item.row.date)}</td><td>${htmlEscape(item.row.name||item.row.description||'-')}</td><td>${htmlEscape(item.row.type||'-')}</td><td>${rupees(item.previousBalance)}</td><td>${rupees(item.expected)}</td><td>${rupees(item.actual)}</td><td class="bad"><strong>${rupees(item.difference)}</strong></td></tr>`).join('')}</tbody></table></div><p class="account-recon-breaks-note">Expected = previous balance + credit - debit. Difference = actual balance - expected balance.</p>`:'<div class="account-recon-breaks-empty">No balance breaks detected in this statement range.</div>';
  return `<section id="accountReconBreaksPanel" class="account-recon-breaks-panel"><div class="account-recon-breaks-head"><div><span class="account-recon-breaks-kicker">Reconciliation diagnostic</span><h3>Exact Breaks</h3><p>${htmlEscape(scope)} • ${breaks.length?`${breaks.length} balance break${breaks.length===1?'':'s'} found`:'No balance breaks found'}</p></div><span class="badge">${breaks.length} break${breaks.length===1?'':'s'}</span></div>${body}</section>`;
}
function toggleAccountBankMonthFilter(button){
  const screen=document.getElementById('accountMonthlyScreen');
  const popover=button?.closest('.account-bank-filter')?.querySelector('.account-bank-filter-popover');
  if(!popover)return;
  const open=popover.hidden;
  screen?.querySelectorAll('.account-bank-filter-popover').forEach(item=>{item.hidden=true;item.closest('.account-bank-filter')?.querySelector('.account-bank-filter-toggle')?.setAttribute('aria-expanded','false');});
  popover.hidden=!open;
  button.setAttribute('aria-expanded',String(open));
}
function refreshAccountMonthlyBankFilters(){
  const screen=document.getElementById('accountMonthlyScreen');
  const body=screen?.querySelector('.account-monthly-screen-body');
  if(!screen||!body)return;
  const selectedId=screen.dataset.selectedAccountId||'';
  const selectedAccount=selectedId?accountById(selectedId):null;
  body.innerHTML=renderAccountMonthlyBankSummary(getAccountFilteredRowsLive(),selectedAccount).replace('id="accountMonthlyReconciliation"','id="accountMonthlyReconciliationScreen"');
}
function applyAccountBankMonthFilter(control){
  const card=control?.closest('[data-account-bank-card]');
  const bankKey=card?.getAttribute('data-bank-filter-id');
  if(!bankKey)return;
  const popover=control.closest('.account-bank-filter-popover');
  accountMonthlyBankFilterState.set(bankKey,{month:popover?.querySelector('[data-bank-month-filter]')?.value||'all',flagged:!!popover?.querySelector('[data-bank-flagged-filter]')?.checked});
  refreshAccountMonthlyBankFilters();
}
function resetAccountBankMonthFilter(button){
  const card=button?.closest('[data-account-bank-card]');
  const bankKey=card?.getAttribute('data-bank-filter-id');
  if(!bankKey)return;
  accountMonthlyBankFilterState.delete(bankKey);
  refreshAccountMonthlyBankFilters();
}
function openAccountMonthlyScreen(){
  const existing=document.getElementById('accountMonthlyScreen');
  if(existing){existing.classList.add('show');return;}
  if(accountReconReturnState){
    const returnState=accountReconReturnState;
    accountReconReturnState=null;
    accountReconBreakdownState=null;
    Object.entries(returnState).forEach(([id,value])=>{const input=document.getElementById(id);if(input)input.value=value;});
    accountStatementPage=1;
    accountsPage();
    setTimeout(()=>openAccountMonthlyScreen(),0);
    return;
  }
  accountMonthlyBankFilterState.clear();
  accountMonthlyMismatchesOnly=false;
  const rows=getAccountFilteredRowsLive();
  const selectedAccountIds=multiFilterValues(document.getElementById('accAccount')?.value||'');
  const selectedAccount=selectedAccountIds.length===1?accountById(selectedAccountIds[0]):null;
  const periods=accountMonthlyPeriodRows(rows);
  const flagged=periods.map(accountMonthlyPeriodSummary).filter(summary=>summary.status.className==='review').length;
  const summary=renderAccountMonthlyBankSummary(rows,selectedAccount).replace('id="accountMonthlyReconciliation"','id="accountMonthlyReconciliationScreen"');
  const screen=document.createElement('div');
  screen.id='accountMonthlyScreen';
  screen.className='account-monthly-screen show';
  screen.dataset.selectedAccountId=selectedAccount?.accountId||'';
   screen.innerHTML=`<div class="account-monthly-screen-card" role="dialog" aria-modal="true" aria-labelledby="accountMonthlyScreenTitle"><div class="account-monthly-screen-head"><div><div class="account-monthly-screen-kicker">Account workspace</div><h2 id="accountMonthlyScreenTitle">Monthly Account Reconciliation</h2><p>One entry per bank account. Monthly transaction periods, balance movement, SOC allocation and reconciliation status are shown below.</p></div><button type="button" class="account-monthly-screen-close" onclick="closeAccountMonthlyScreen()">Back to Account Statement</button></div>${renderAccountReconciliationSummary(rows)}<div class="account-monthly-screen-suggestions"><div class="account-monthly-screen-suggestion"><span class="account-monthly-screen-suggestion-kicker">Recommended first</span><strong>Review flagged periods</strong><p>${flagged?`${flagged} monthly period${flagged===1?'':'s'} need attention because the balance trail needs review.`:'No monthly periods are currently flagged for review.'}</p><button type="button" data-mismatch-toggle="true" onclick="toggleAccountMonthlyMismatches()">${flagged?'Show mismatch periods':'No mismatches found'}</button></div><div class="account-monthly-screen-suggestion"><span class="account-monthly-screen-suggestion-kicker">Next step</span><strong>Trace source transactions</strong><p>Use Statement Data to inspect the exact rows behind any bank or month.</p><button type="button" onclick="openAccountStatementFromReconciliation()">Open Statement Data</button></div></div><div class="account-monthly-screen-body">${summary}</div></div>`;
  document.body.appendChild(screen);
  document.body.classList.add('account-monthly-screen-open');
  screen.querySelector('.account-monthly-screen-close')?.focus();
}
  function toggleAccountBankUsage(button,view){
   const widget=button?.closest('[data-usage-widget]');
   if(!widget)return;
   widget.querySelectorAll('[data-usage-view]').forEach(panel=>panel.hidden=panel.getAttribute('data-usage-view')!==view);
   widget.querySelectorAll('.account-bank-usage-toggle').forEach(toggle=>{
     const active=toggle.getAttribute('data-usage-mode')===view;
     toggle.classList.toggle('active',active);
     toggle.setAttribute('aria-pressed',String(active));
    });
  }
  function toggleAccountBankUsagePanel(button){
    const card=button?.closest('.account-bank-card');
    const usage=card?.querySelector('.account-bank-usage');
    if(!usage)return;
    const open=usage.hidden;
    if(open&&!usage.dataset.reportLoaded){
      const bankKey=card?.getAttribute('data-bank-filter-id');
      const rows=accountMonthlyRowsForBankKey(getAccountFilteredRowsLive(),bankKey);
      usage.innerHTML=accountMonthlyReportMarkup(rows);
      usage.dataset.reportLoaded='true';
   }
    usage.hidden=!open;
    button.setAttribute('aria-expanded',String(open));
      button.textContent=open?'Hide Report':'View Report';
    if(open)setTimeout(()=>usage.scrollIntoView({behavior:'smooth',block:'start'}),50);
   }
  function accountMonthlyRowsForBankKey(rows,bankKey){
    const periods=accountMonthlyPeriodRows(rows);
    const bank=accountMonthlyBankGroups(periods).find(item=>{
      const label=accountMonthlyAccountLabel({accountId:item.accountId,rows:item.periods[0]?.rows||[]});
      return String(item.accountId||label)===String(bankKey||'');
    });
    if(!bank)return [];
    const state=accountMonthlyBankFilterState.get(String(bankKey))||{month:'all',flagged:false};
    return bank.periods
      .map(accountMonthlyPeriodSummary)
      .filter(summary=>accountMonthlyBankFilterMatches(summary,state))
      .flatMap(summary=>summary.ordered);
  }
  function renderAccountBankReport(control){
    const card=control?.closest('.account-bank-card');
    const panel=card?.querySelector('.account-bank-report');
    const bankKey=card?.getAttribute('data-bank-filter-id');
    if(!panel||!bankKey)return;
    const rows=accountMonthlyRowsForBankKey(getAccountFilteredRowsLive(),bankKey);
    const month=panel.querySelector('[data-account-report-month]')?.value||'all';
    const fromDate=panel.querySelector('[data-account-report-from-date]')?.value||'';
    const toDate=panel.querySelector('[data-account-report-to-date]')?.value||'';
    panel.innerHTML=accountMonthlyReportMarkup(rows,month,fromDate,toDate);
  }
  function changeAccountReportPage(button,delta){
    const panel=button?.closest('.account-bank-report');
    const section=button?.closest('.account-report-month-section');
    const bankKey=panel?.closest('.account-bank-card')?.getAttribute('data-bank-filter-id');
    if(!panel||!section||!bankKey)return;
    const rows=accountMonthlyRowsForBankKey(getAccountFilteredRowsLive(),bankKey);
    const month=panel.querySelector('[data-account-report-month]')?.value||'all';
    const fromDate=panel.querySelector('[data-account-report-from-date]')?.value||'';
    const toDate=panel.querySelector('[data-account-report-to-date]')?.value||'';
    const pages={};
    panel.querySelectorAll('.account-report-month-section').forEach(item=>{
      const key=item.getAttribute('data-report-month');
      pages[key]=Number(item.querySelector('[data-report-page]')?.getAttribute('data-report-page')||1);
    });
    const key=section.getAttribute('data-report-month');
    pages[key]=Math.max(1,(pages[key]||1)+Number(delta||0));
    panel.innerHTML=accountMonthlyReportMarkup(rows,month,fromDate,toDate,pages);
  }
  function clearAccountBankReportDates(button){
    const panel=button?.closest('.account-bank-report');
    const fromDate=panel?.querySelector('[data-account-report-from-date]');
    const toDate=panel?.querySelector('[data-account-report-to-date]');
    if(!panel||!fromDate||!toDate)return;
    fromDate.value='';
    toDate.value='';
    renderAccountBankReport(fromDate);
  }
   function setAccountReconUsageTab(field){
  const screen=document.getElementById('accountMonthlyScreen');
  const output=screen?.querySelector('#accountReconUsageOutput');
  if(!screen||!output)return;
  output.innerHTML=renderAccountReconUsageRows(getAccountFilteredRowsLive(),field);
  screen.querySelectorAll('[data-usage-field]').forEach(button=>button.classList.toggle('active',button.getAttribute('data-usage-field')===field));
}
function toggleAccountMonthlyMismatches(){
  const screen=document.getElementById('accountMonthlyScreen');
  if(!screen)return;
  accountMonthlyMismatchesOnly=!accountMonthlyMismatchesOnly;
  screen.classList.toggle('suggestion-mismatch-only',accountMonthlyMismatchesOnly);
  const button=screen.querySelector('[data-mismatch-toggle]');
  if(button)button.textContent=accountMonthlyMismatchesOnly?'Show all periods':'Show mismatch periods';
  refreshAccountMonthlyBankFilters();
}
function openAccountStatementFromReconciliation(){
  closeAccountMonthlyScreen();
  document.querySelector('.statement-section-head')?.scrollIntoView({behavior:'smooth',block:'start'});
}
function closeAccountMonthlyScreen(){
  const screen=document.getElementById('accountMonthlyScreen');
  if(screen)screen.remove();
  document.body.classList.remove('account-monthly-screen-open');
}
function viewAccountMonthlyTransactions(accountId,from,to){
  closeAccountMonthlyScreen();
  accountReconBreakdownState={accountId:String(accountId||''),from:String(from||''),to:String(to||'')};
  accountReconReturnState={
    accCompany:document.getElementById('accCompany')?.value||'',
    accAccount:document.getElementById('accAccount')?.value||'',
    accMonth:document.getElementById('accMonth')?.value||'',
    accFromDate:document.getElementById('accFromDate')?.value||'',
    accToDate:document.getElementById('accToDate')?.value||''
  };
  const account=accountById(accountId);
  const company=document.getElementById('accCompany');
  const accountInput=document.getElementById('accAccount');
  const monthInput=document.getElementById('accMonth');
  const fromInput=document.getElementById('accFromDate');
  const toInput=document.getElementById('accToDate');
  if(account&&company)company.value=account.company||'';
  if(accountInput)accountInput.value=accountId||'';
  if(monthInput)monthInput.value='';
  if(fromInput)fromInput.value=from||'';
  if(toInput)toInput.value=to||'';
  accountStatementPage=1;
  accountsPage();
}

let bankImportDeleteResolver=null;
function resolveBankImportDelete(confirmed){
  const modal=document.getElementById('bankImportDeleteModal');
  if(modal){modal.classList.remove('show');modal.setAttribute('aria-hidden','true');modal.innerHTML='';}
  const resolver=bankImportDeleteResolver;
  bankImportDeleteResolver=null;
  if(resolver)resolver(!!confirmed);
}
function requestDashboardDelete({kicker='Protected admin action',title='Delete this item?',description='',points=[],confirmText='Yes, delete'}={}){
  const modal=document.getElementById('bankImportDeleteModal');
  if(!modal)return Promise.resolve(false);
  if(bankImportDeleteResolver)resolveBankImportDelete(false);
  const safePoints=Array.isArray(points)?points:[];
  modal.innerHTML=`<div class="bank-delete-card" role="dialog" aria-modal="true" aria-labelledby="bankDeleteTitle">
    <div class="bank-delete-head"><div class="bank-delete-icon">!</div><div class="bank-delete-kicker">${htmlEscape(kicker)}</div><h3 id="bankDeleteTitle">${htmlEscape(title)}</h3><p>${description}</p></div>
    <div class="bank-delete-body"><div class="bank-delete-points">${safePoints.map(point=>`<div class="bank-delete-point">${htmlEscape(point)}</div>`).join('')}</div><div class="bank-delete-actions"><button type="button" class="btn" onclick="resolveBankImportDelete(false)">No, keep it</button><button type="button" class="btn danger" onclick="resolveBankImportDelete(true)">${htmlEscape(confirmText)}</button></div></div>
  </div>`;
  modal.classList.add('show');
  modal.setAttribute('aria-hidden','false');
  setTimeout(()=>modal.querySelector('.danger')?.focus(),40);
  return new Promise(resolve=>{bankImportDeleteResolver=resolve;});
}
function requestBankImportDelete(label){
  return requestDashboardDelete({
    kicker:'Protected data action',
    title:'Delete import history?',
    description:`You're about to permanently remove <b>${htmlEscape(label)}</b> from the dashboard and request the same cleanup in Google Sheets.`,
    points:['Statement rows will disappear from the dashboard immediately.','The matching Google Sheet rows will also be deleted when the connection is available.','This action cannot be undone from the dashboard.'],
    confirmText:'Yes, delete import'
  });
}
function showDashboardActionToast(title,message,tone='success'){
  const toast=document.getElementById('dashboardActionToast');
  if(!toast)return;
  clearTimeout(window.__dashboardActionToastTimer);
  toast.className=`dashboard-action-toast ${tone==='warning'?'warning':''} show`;
  toast.innerHTML=`<div class="dashboard-action-toast-icon">${tone==='warning'?'!':'✓'}</div><div class="dashboard-action-toast-copy"><strong>${htmlEscape(title)}</strong><span>${htmlEscape(message)}</span></div>`;
  toast.setAttribute('aria-hidden','false');
  window.__dashboardActionToastTimer=setTimeout(()=>{toast.classList.remove('show');toast.setAttribute('aria-hidden','true');},5200);
}

function renderUploadedStatementSummary(){
  const summaries=visibleAccountMaster().map(a=>{
    const rs=accountRowsForMasterAccount(a);
    // Only imports that still have live statement rows count as present.
    // If Google Sheet rows (or Import_History) were deleted, status must drop to Not Uploaded.
    const imports=successfulAccountImportsForMasterAccount(a).filter(h=>{
      const id=String(h.importId||'').trim();
      if(!id)return false;
      return rs.some(r=>String(r.importId||'').trim()===id);
    });
    const months=accountStatementMonthsForMasterAccount(a,rs);
    // Authority: actual statement rows currently loaded — not stale Import_History alone.
    const uploaded=rs.length>0;
    return {account:a,rows:rs.length,months,imports,uploaded};
  });

  const uploaded=summaries.filter(x=>x.uploaded).length;
  const notUploaded=summaries.length-uploaded;
  const allMonths=[...new Set(summaries.flatMap(x=>x.months))]
    .sort((x,y)=>accountMonthSortValue(x)-accountMonthSortValue(y));
  const latestMonth=allMonths.length?allMonths[allMonths.length-1]:'—';

  return `
  <div class="uploaded-statement-summary">
    <div class="uploaded-statement-head">
      <div>
        <h3>Uploaded Statement Summary</h3>
        <p>Quickly identify which bank statements are available and which statement months are currently loaded.</p>
      </div>
      <div class="uploaded-statement-stats">
        <span class="uploaded-statement-chip">${summaries.length} Total Accounts</span>
        <span class="uploaded-statement-chip">${uploaded} Uploaded</span>
        <span class="uploaded-statement-chip">${notUploaded} Not Uploaded</span>
        <span class="uploaded-statement-chip">Latest: ${latestMonth}</span>
        <button id="uploadedStatementSummaryToggle" class="uploaded-summary-toggle" onclick="toggleUploadedStatementSummary()">
          ${uploadedStatementSummaryExpanded?'Hide Statement Summary':'View Statement Summary'}
        </button>
      </div>
    </div>

    <div id="uploadedStatementSummaryBody" class="uploaded-summary-body ${uploadedStatementSummaryExpanded?'':'collapsed'}">
      <div class="tablewrap">
        <table class="uploaded-statement-table">
          <thead>
            <tr>
              <th>Company</th>
              <th>Bank</th>
              <th>Statement Month(s)</th>
              <th>Rows</th>
              <th>Status</th>
            </tr>
          </thead>
          <tbody>
            ${summaries.map(x=>`
              <tr class="${x.uploaded?'statement-uploaded':'statement-missing'}">
               <td><strong>${htmlEscape(C(x.account.company)?.name||x.account.company||'-')}</strong></td>
               <td>${htmlEscape(accountBankDisplayName(x.account))}</td>
                <td>
                  ${x.months.length
                     ? `<div class="uploaded-statement-months">${x.months.map(m=>`<span class="uploaded-statement-month">${htmlEscape(m)}</span>`).join('')}</div>`
                    : '—'}
                </td>
                <td>${x.rows}</td>
                <td><span class="uploaded-statement-status ${x.uploaded?'ok':'none'}">${x.uploaded?'Uploaded':'Not Uploaded'}</span></td>
              </tr>`).join('')}
          </tbody>
        </table>
      </div>
    </div>
  </div>`;
}

function bankStatementImportPanel(){
 accountMaster=accountMaster.map((a,i)=>({
   ...a,
   accountId:a.accountId||`ACC${String(i+1).padStart(3,'0')}`,
   companyCode:a.companyCode||C(a.company)?.code||''
 }));

  const prevImportCompany=(document.getElementById('bankImportCompany')||{}).value||'';
  const prevImportAccount=(document.getElementById('bankImportAccount')||{}).value||lastBankImportAccountId||'';
  const activeAccounts=visibleAccountMaster();
  const companyOptions=[...new Set(activeAccounts.map(a=>a.company).filter(Boolean))];
  const preferredAccount=accountById(prevImportAccount);
  const preferredCompany=preferredAccount?.company||'';
  const importCompany=companyOptions.includes(prevImportCompany)
    ? prevImportCompany
    : (companyOptions.includes(preferredCompany)?preferredCompany:(companyOptions[0]||''));
  const companyAccounts=activeAccounts.filter(a=>a.company===importCompany);
 const importAccount=companyAccounts.find(a=>a.accountId===prevImportAccount) || companyAccounts[0] || null;
 const importAccountId=importAccount?.accountId||'';

   const activeAccountIds=new Set(activeAccounts.map(a=>String(a.accountId)));
   const historyRows=groupedAccountImportHistory(accountImportHistoryRows.filter(h=>activeAccountIds.has(String(h.accountId)))).slice(0,25);

  return `${renderAccountSourceDiagnostics()}<div class="account-import-card admin-bank-import-card">
   <div class="account-import-head">
     <div>
       <h3>Import Bank Statement</h3>
        <p>Select a Company and Bank, choose the Excel file, and click <b>Upload &amp; Save</b>. The data will be sent to both Google Sheets and the dashboard.</p>
     </div>
     <div class="account-import-head" style="display:flex;gap:7px;align-items:center"><span class="account-chip">${activeAccounts.length} Accounts</span><button class="btn script-url-btn" onclick="resetAccountAppsScriptUrl()" title="Change Apps Script Web App URL">Script URL</button></div>
   </div>

   <div class="account-import-grid account-import-grid-company">
     <div class="account-import-field">
            <label for="bankImportCompany">Company Name</label>
            <select id="bankImportCompany" aria-label="Import company" onchange="refreshBankImportAccountOptions()">
          ${companyOptions.map(cid=>`<option value="${htmlEscape(cid)}" ${cid===importCompany?'selected':''}>${htmlEscape(C(cid)?.name||cid)}</option>`).join('')}
       </select>
     </div>
     <div class="account-import-field">
            <label for="bankImportAccount">Bank</label>
            <select id="bankImportAccount" aria-label="Import bank account">
          ${companyAccounts.map(a=>`<option value="${htmlEscape(a.accountId)}" ${a.accountId===importAccountId?'selected':''}>${htmlEscape(accountBankDisplayName(a))}</option>`).join('')}
       </select>
     </div>
     <div class="account-import-field">
            <label for="bankStatementFile">Bank Statement Excel</label>
            <input type="file" id="bankStatementFile" aria-label="Bank statement Excel" accept=".xlsx,.xls,.csv">
     </div>
     <div class="account-import-actions">
       <button class="action-btn primary" onclick="uploadAndSaveBankStatement()">Upload &amp; Save to Google Sheet</button>
       <button class="action-btn" onclick="previewBankStatement()">Preview only</button>
     </div>
   </div>

    <div id="bankImportStatus" class="bank-import-status">${lastBankImportNotice?`<span class="import-ok">${htmlEscape(lastBankImportNotice)}</span>`:'Select a Company, Bank, and Excel file, then click Upload &amp; Save.'}</div>
   <div id="bankImportPreview" class="bank-import-preview"></div>

   <div class="bank-import-history-block">
     <div class="section" style="margin:16px 0 8px"><h3>Import History</h3><span class="badge">Delete = sheet + dashboard</span></div>
     <div class="tablewrap"><table>
       <thead><tr>
         <th>Import ID</th><th>Company</th><th>Bank</th><th>Sheet</th><th>File</th><th>Date</th>
         <th class="num-col">Total</th><th class="num-col">New</th><th>Status</th><th></th>
       </tr></thead>
       <tbody>
         ${historyRows.length?historyRows.map(h=>`<tr>
             <td title="${htmlEscape((h.importIds||[]).join(', '))}">${htmlEscape(h.importId||'-')}</td>
            <td>${htmlEscape(C(h.company)?.code||h.company||'-')}</td>
            <td>${htmlEscape(h.bank||'-')}</td>
            <td>${htmlEscape(h.sheetName||'-')}</td>
            <td>${htmlEscape(h.fileName||'-')}</td>
             <td>${htmlEscape(h.importDate?formatImportDateTime(h.importDate):'-')}</td>
           <td class="num-col">${h.totalRows??'-'}</td>
            <td class="num-col">${h.newRows??'-'}</td>
             <td>${htmlEscape(h.status||'-')}</td>
             <td><button class="btn" style="padding:4px 8px;font-size:10px;color:#b42318" onclick="deleteBankImportGroup(decodeURIComponent('${billingJsArg(JSON.stringify(h.importIds||[]))}'))">Delete</button></td>
         </tr>`).join(''):`<tr><td colspan="10" class="meta" style="text-align:center;padding:16px">No import history yet.</td></tr>`}
       </tbody>
     </table></div>
      <div class="meta" style="margin-top:6px">If you delete rows from a bank account tab, such as DDS_YES, in Google Sheets, the dashboard will update after live sync.</div>
   </div>
 </div>`;
}

async function uploadAndSaveBankStatement(){
  await previewBankStatement();
  if(!bankImportPreviewRows.length)return;
  await saveBankStatementToGoogle();
}

async function deleteBankImportGroup(serializedIds){
  let ids=[];
  try{ids=Array.isArray(serializedIds)?serializedIds:JSON.parse(String(serializedIds||'[]'));}catch(e){ids=[];}
  ids=[...new Set(ids.map(x=>String(x||'').trim()).filter(Boolean))];
  if(!ids.length)return;
  const label=ids.length>1?`${ids.length} batches from this upload`:ids[0];
  if(!(await requestBankImportDelete(label)))return;
  const wasAdminImportView=!!document.querySelector('.admin-import-management-shell');
  const previousScrollY=window.scrollY||window.pageYOffset||0;
  const previousNav=currentNavId();

  const idSet=new Set(ids);
  const histories=(accountImportHistoryRows||[]).filter(h=>idSet.has(String(h.importId||'').trim()));
  const historyById=new Map(histories.map(h=>[String(h.importId||'').trim(),h]));

  // 1) Local dashboard update immediately
  accountStatementRows=(accountStatementRows||[]).filter(r=>!idSet.has(String(r.importId||'').trim()));
  accountImportHistoryRows=(accountImportHistoryRows||[]).filter(h=>!idSet.has(String(h.importId||'').trim()));
  socStatementRows=accountStatementRows.map(r=>({
    debit:r.debit,credit:r.credit,name:r.name,location:r.location,portfolio:r.portfolio,
    remark:r.remark,socMonth:r.socMonth,type:r.type,supervisor:r.supervisor,sourceCompany:r.company
  }));
  try{
    const saved=JSON.parse(localStorage.getItem('debtDashboard_Latest_20260827_v2')||'{}');
    saved.accountStatementRows=accountStatementRows;
    saved.accountImportHistoryRows=accountImportHistoryRows;
    saved.socStatementRows=socStatementRows;
    localStorage.setItem('debtDashboard_Latest_20260827_v2',JSON.stringify(saved));
  }catch(e){}

  // 2) Ask Apps Script to delete every chunk from Google Sheet (if supported)
  const url=getAccountAppsScriptUrl();
  let deletedRows=0;
  const remoteErrors=[];
  if(url){
    for(const id of ids){
      const hist=historyById.get(id)||{};
      try{
        const res=await fetch(url,{
          method:'POST',
          headers:{'Content-Type':'text/plain;charset=utf-8'},
          body:JSON.stringify({action:'deleteBankImport',importId:id,sheetName:hist.sheetName||'',accountId:hist.accountId||''}),
          redirect:'follow',
          cache:'no-store'
        });
        const txt=await res.text();
        let data={};
        try{data=JSON.parse(txt)}catch(e){data={}}
        if(data.ok)deletedRows+=Number(data.deletedRows||0);
        else remoteErrors.push(data.error||`Import ${id} could not be deleted`);
      }catch(err){
        remoteErrors.push(`Import ${id} delete request failed`);
      }
    }
  }

  // 3) Refresh the current view without falling back to the Admin home screen.
  if(wasAdminImportView && typeof openAdmin==='function'){
    try{
      await openAdmin('imports');
      requestAnimationFrame(()=>window.scrollTo({top:previousScrollY,left:0,behavior:'auto'}));
    }catch(e){}
  }else if(previousNav==='n6' && typeof accountsPage==='function'){
    try{accountsPage();}catch(e){}
  }else if(typeof renderCurrentViewAfterSync==='function'){
    try{renderCurrentViewAfterSync(previousNav, {});}catch(e){}
  }

  const remoteMsg=remoteErrors.length
    ? `${remoteErrors.length} Google deletion(s) need manual review.`
    : (url?`Google Sheet cleaned (${deletedRows} statement rows).`:'Dashboard cleaned locally; Google Sheet connection is not configured.');
  showDashboardActionToast(
    `${ids.length>1?'Upload batches':'Import'} deleted`,
    remoteMsg,
    remoteErrors.length?'warning':'success'
  );
}

async function deleteBankImport(importId){
  return deleteBankImportGroup(JSON.stringify([String(importId||'').trim()]));
}


function accountDateKey(v){
  const f=formatAccountDate(v);
  const m=String(f||'').match(/^(\d{1,2})-([A-Za-z]{3})-(\d{4})$/);
  if(!m)return '';
  const months={Jan:'01',Feb:'02',Mar:'03',Apr:'04',May:'05',Jun:'06',Jul:'07',Aug:'08',Sep:'09',Oct:'10',Nov:'11',Dec:'12'};
  return `${m[3]}-${months[m[2]]||'00'}-${String(m[1]).padStart(2,'0')}`;
}
function accountTextMatch(r,q){
  if(!q)return true;
  const parts=String(q).toLowerCase().trim().split(/\s+/).filter(Boolean);
  if(!parts.length)return true;
  const hay=[r.description,r.reference,r.remark,r.name,r.portfolio,r.location,r.supervisor,r.type,r.socMonth,r.bank]
    .map(x=>String(x||'').toLowerCase()).join(' ');
  return parts.every(p=>hay.includes(p));
}
function accountAmountMatch(r,condition,amount,amount2){
  const loRaw=String(amount??'').trim();
  const hiRaw=String(amount2??'').trim();
  const lo=loRaw===''?NaN:Number(loRaw);
  const hi=hiRaw===''?NaN:Number(hiRaw);
  const hasLo=Number.isFinite(lo);
  const hasHi=Number.isFinite(hi);
  if(!hasLo && !hasHi)return true;

  // Resolve effective mode:
  // - both filled → between
  // - only max → less-or-equal max
  // - only amount → use selected condition (default exact when "none")
  let mode=String(condition||'none');
  if(hasLo && hasHi) mode='between';
  else if(!hasLo && hasHi) mode='lte';
  else if(mode==='none' || !mode) mode='exact';

  const d=Number(r.debit||0), c=Number(r.credit||0);
  // Compare against the active side amount (debit or credit), not sum
  const values=[];
  if(d>0) values.push(d);
  if(c>0) values.push(c);
  if(!values.length) values.push(0);

  const check=v=>{
    if(mode==='exact') return Math.abs(v-lo)<0.005;
    if(mode==='gt') return v>lo;
    if(mode==='lt') return v<lo;
    if(mode==='lte') return v<=hi;
    if(mode==='between'){
      const a=hasLo?lo:hi;
      const b=hasHi?hi:lo;
      return v>=Math.min(a,b) && v<=Math.max(a,b);
    }
    return true;
  };
  return values.some(check);
}
function accountDebtRowsForFilters(options={}){
  let rows=(accountStatementRows||[]).filter(r=>accountRowBelongsToVisibleAccount(r));
  if(options.company)rows=rows.filter(r=>multiFilterMatches(r.company,options.company,v=>String(v)));
  if(options.accountId){
    rows=rows.filter(r=>multiFilterValues(options.accountId).some(accountId=>r.accountId
      ? String(r.accountId)===String(accountId)
       : multiFilterMatches(r.company,options.company,v=>String(v))&&multiFilterMatches(r.bank,options.bank,normText)));
  }
  if(options.name)rows=rows.filter(r=>multiFilterMatches(r.name,options.name,normText));
  if(options.month)rows=rows.filter(r=>multiFilterMatches(r.socMonth,options.month,v=>monthKey(v)));
  if(options.portfolio)rows=rows.filter(r=>multiFilterMatches(r.portfolio,options.portfolio,normText));
  if(options.location)rows=rows.filter(r=>multiFilterMatches(r.location,options.location,normText));
  if(options.txn)rows=rows.filter(r=>multiFilterMatches(r.type,options.txn,normText));
  if(options.from)rows=rows.filter(r=>{const k=accountDateKey(r.date);return k&&k>=options.from;});
  if(options.to)rows=rows.filter(r=>{const k=accountDateKey(r.date);return k&&k<=options.to;});
  const dcValues=multiFilterValues(options.dc);
  if(dcValues.length===1&&dcValues[0]==='debit')rows=rows.filter(r=>Number(r.debit||0)>0);
  if(dcValues.length===1&&dcValues[0]==='credit')rows=rows.filter(r=>Number(r.credit||0)>0);
  if(options.search)rows=rows.filter(r=>accountTextMatch(r,options.search));
  if(String(options.amount||'').trim()!==''||String(options.amount2||'').trim()!==''){
    rows=rows.filter(r=>accountAmountMatch(r,options.amountCondition||'none',options.amount,options.amount2));
  }
  rows=statementRowsForDebt(rows);
  if(options.supervisor){
    rows=rows.filter(r=>multiFilterMatches(r.supervisor,options.supervisor,normText));
  }
  return rows;
}
let _accountSearchFocus=null;
let _accountFilterDraft={amount:'',search:''};
let _accountFilterTimer=null;
const ACCOUNT_PAGE_SIZE=250;
let accountStatementPage=1;
function accountPageRows(rows){
  const total=(rows||[]).length;
  const pages=Math.max(1,Math.ceil(total/ACCOUNT_PAGE_SIZE));
  accountStatementPage=Math.min(Math.max(1,accountStatementPage),pages);
  const start=(accountStatementPage-1)*ACCOUNT_PAGE_SIZE;
  return (rows||[]).slice(start,start+ACCOUNT_PAGE_SIZE);
}
function accountPaginationMarkup(total){
  const pages=Math.max(1,Math.ceil(Number(total||0)/ACCOUNT_PAGE_SIZE));
  accountStatementPage=Math.min(Math.max(1,accountStatementPage),pages);
  const start=total?((accountStatementPage-1)*ACCOUNT_PAGE_SIZE)+1:0;
  const end=total?Math.min(accountStatementPage*ACCOUNT_PAGE_SIZE,total):0;
  return `<div class="account-pagination"><span>Showing ${start}-${end} of ${total||0} rows</span><div class="account-pagination-actions"><button type="button" onclick="changeAccountStatementPage(-1)" ${accountStatementPage<=1?'disabled':''}>Previous</button><span>Page ${accountStatementPage} of ${pages}</span><button type="button" onclick="changeAccountStatementPage(1)" ${accountStatementPage>=pages?'disabled':''}>Next</button></div></div>`;
}
function changeAccountStatementPage(delta){accountStatementPage+=Number(delta||0);accountsPage({keepPage:true});}
function liveAccountSearch(input){
  const value=String(input?.value??'');
  _accountFilterDraft.search=value;
  accountStatementPage=1;
  clearTimeout(_accountFilterTimer);
  _accountFilterTimer=setTimeout(refreshAccountResultsLive,120);
}
function liveAccountAmountFilter(input){
  // Live filter without rebuilding inputs (prevents value corruption like "p052").
  const id=(input&&input.id)||'';
  const value=String(input?.value??'');
  if(id==='accAmount') _accountFilterDraft.amount=value;
  accountStatementPage=1;
  clearTimeout(_accountFilterTimer);
  _accountFilterTimer=setTimeout(refreshAccountResultsLive,120);
}
function applyAccountAmountFilterNow(){
  const a=document.getElementById('accAmount');
  if(a) _accountFilterDraft.amount=String(a.value||'');
  refreshAccountResultsLive();
}
function getAccountFilteredRowsLive(){
  const val=id=>(document.getElementById(id)||{}).value||'';
  const selectedCompany=val('accCompany');
  const activeAccounts=visibleAccountMaster();
  const selectedAccountIds=multiFilterValues(val('accAccount'));
  let rows=accountStatementRows.filter(r=>{
    if(!accountRowBelongsToVisibleAccount(r,activeAccounts))return false;
    if(!multiFilterMatches(r.company,selectedCompany,v=>String(v)))return false;
    if(selectedAccountIds.length&&!selectedAccountIds.some(id=>r.accountId?String(r.accountId)===String(id):activeAccounts.some(a=>String(a.accountId)===String(id)&&accountRowBelongsToMasterAccount(r,a))))return false;
     return true;
   });
  const name=val('accName'); if(name)rows=rows.filter(r=>multiFilterMatches(r.name,name,normText));
  const month=val('accMonth'); if(month)rows=rows.filter(r=>multiFilterMatches(r.socMonth,month,v=>normText(normalizeSocMonth(v))));
  const portfolio=val('accPortfolio'); if(portfolio)rows=rows.filter(r=>multiFilterMatches(r.portfolio,portfolio,normText));
  const supervisor=val('accSupervisor'); if(supervisor)rows=rows.filter(r=>multiFilterMatches(r.supervisor,supervisor,normText));
  const location=val('accLocation'); if(location)rows=rows.filter(r=>multiFilterMatches(r.location,location,normText));
  const txn=val('accTxnType'); if(txn)rows=rows.filter(r=>multiFilterMatches(r.type,txn,normText));
  const from=val('accFromDate'), to=val('accToDate');
  if(from)rows=rows.filter(r=>{const k=accountDateKey(r.date);return k&&k>=from;});
  if(to)rows=rows.filter(r=>{const k=accountDateKey(r.date);return k&&k<=to;});
  const dcValues=multiFilterValues(val('accDebitCredit'));
  if(dcValues.length===1&&dcValues[0]==='debit')rows=rows.filter(r=>Number(r.debit||0)>0);
  if(dcValues.length===1&&dcValues[0]==='credit')rows=rows.filter(r=>Number(r.credit||0)>0);
  const search=val('accSearch')||_accountFilterDraft.search||'';
  if(search)rows=rows.filter(r=>accountTextMatch(r,search));
  // Always read live DOM values for amount fields (inputs are not rebuilt while typing)
  const liveAmount=String(document.getElementById('accAmount')?.value ?? _accountFilterDraft.amount ?? '').trim();
  const amountCondition=val('accAmountCondition')||'none';
  if(liveAmount!==''){
    rows=rows.filter(r=>accountAmountMatch(r,amountCondition,liveAmount,''));
  }
  return rows;
}
function refreshAccountResultsLive(){
  // Update only KPIs + table — filter inputs stay untouched (true live typing)
  if(!document.querySelector('.account-statement-fixed-shell'))return;
  const rows=getAccountFilteredRowsLive();
  const selectedAccountIds=multiFilterValues(document.getElementById('accAccount')?.value||'');
  const selectedAccount=selectedAccountIds.length===1?accountById(selectedAccountIds[0]):null;
  const debtRows=accountDebtRowsForFilters({
    company:document.getElementById('accCompany')?.value||'',
     accountId:selectedAccountIds.join(MULTI_FILTER_SEPARATOR),
     bank:selectedAccount?.bank||'',
     name:document.getElementById('accName')?.value||'',
     month:document.getElementById('accMonth')?.value||'',
    portfolio:document.getElementById('accPortfolio')?.value||'',
    supervisor:document.getElementById('accSupervisor')?.value||'',
    location:document.getElementById('accLocation')?.value||'',
    txn:document.getElementById('accTxnType')?.value||'',
    from:document.getElementById('accFromDate')?.value||'',
    to:document.getElementById('accToDate')?.value||'',
    dc:document.getElementById('accDebitCredit')?.value||'',
    search:document.getElementById('accSearch')?.value||_accountFilterDraft.search||'',
    amountCondition:document.getElementById('accAmountCondition')?.value||'none',
    amount:document.getElementById('accAmount')?.value||_accountFilterDraft.amount||'',
  });
  const totalDebit=rows.reduce((a,r)=>a+Number(r.debit||0),0);
  const totalCredit=rows.reduce((a,r)=>a+Number(r.credit||0),0);
  const closing=rows.length?Number(rows[rows.length-1].balance||0):0;
  const eligible=debtRows.filter(r=>r.isDebtAllocation||socDeductionTypes.includes(String(r.type||'').trim().toUpperCase()));
  const socDebit=eligible.reduce((a,r)=>a+Number(r.debit||0),0);
  const socCredit=eligible.reduce((a,r)=>a+Number(r.credit||0),0);
  const netDebt=socDebit-socCredit;
  const kpis=document.querySelector('.account-kpis');
  if(kpis)kpis.innerHTML=`${kpi('Total Debit',rupees(totalDebit))}${kpi('Total Credit',rupees(totalCredit))}${kpi('Closing Balance',rupees(closing))}${kpi('Net Debt',rupees(netDebt))}`;
  const badge=document.querySelector('.statement-section-head .badge');
  if(badge)badge.textContent=`${rows.length} rows`;
  const tbody=document.querySelector('.account-statement-data-table tbody');
  if(tbody){
    tbody.innerHTML=accountPageRows(rows).map(r=>`<tr><td>${formatAccountDate(r.date)}</td><td>${htmlEscape(r.name||'')}</td><td>${htmlEscape(r.supervisor||'')}</td><td>${htmlEscape(r.portfolio||'')}</td><td>${htmlEscape(r.location||'')}</td><td>${htmlEscape(normalizeSocMonth(r.socMonth))}</td><td>${htmlEscape(r.type||'')}</td><td style="text-align:center!important">${r.debit?rupees(r.debit):'-'}</td><td style="text-align:center!important">${r.credit?rupees(r.credit):'-'}</td><td style="text-align:center!important">${rupees(r.balance||0)}</td></tr>`).join('')
       ||`<tr><td colspan="10">No statement data for selected account / filters.</td></tr>`;
  }
  const pager=document.querySelector('.account-pagination');
  if(pager)pager.outerHTML=accountPaginationMarkup(rows.length);
   const monthly=document.getElementById('accountMonthlyEntry')||document.getElementById('accountMonthlyReconciliation');
    if(monthly)monthly.outerHTML=renderAccountMonthlyEntry(rows,selectedAccount);
   const breakPanel=document.getElementById('accountReconBreaksPanel');
   if(breakPanel)breakPanel.outerHTML=renderAccountReconBreaksPanel(rows);
}
function renderAccountReconciliation(rows, selectedAccount){
  const fundAmountEl=document.getElementById('accReconFundAmount');
  const fundDateEl=document.getElementById('accReconFundDate');
  const endDateEl=document.getElementById('accReconEndDate');
  const fundAmount=Number(fundAmountEl?.value||0);
  const fundDate=fundDateEl?.value||'';
  const endDate=endDateEl?.value||'';
  const scoped=(rows||[]).filter(r=>{
    const k=accountDateKey(r.date);
    if(fundDate && (!k || k<fundDate))return false;
    if(endDate && (!k || k>endDate))return false;
    return true;
  });
  const used=scoped.reduce((a,r)=>a+Number(r.debit||0),0);
  const remaining=Math.max(fundAmount-used,0);
  const extra=Math.max(used-fundAmount,0);
  const count=scoped.filter(r=>Number(r.debit||0)>0).length;
  const usagePct=fundAmount>0?(used/fundAmount*100):0;
  const u=document.getElementById('accReconUsed'); if(u)u.textContent=rupees(used);
  const rem=document.getElementById('accReconRemaining'); if(rem)rem.textContent=rupees(remaining);
  const ex=document.getElementById('accReconExtra'); if(ex)ex.textContent=rupees(extra);
  const ct=document.getElementById('accReconCount'); if(ct)ct.textContent=`${count} debit transactions • ${usagePct.toFixed(1)}% used`;
  const meta=document.getElementById('accReconMeta');
  if(meta)meta.textContent=`${selectedAccount?accountBankDisplayName(selectedAccount):'Selected account'} • reconciliation uses debit transactions from the current filtered statement${fundDate?' from '+fundDate:''}${endDate?' to '+endDate:''}.`;
}
function updateAccountReconciliation(){
  const company=(document.getElementById('accCompany')||{}).value||'';
  const accountId=(document.getElementById('accAccount')||{}).value||'';
   const accountIds=multiFilterValues(accountId);
   const a=accountIds.length===1?accountById(accountIds[0]):null;
  let rows=accountStatementRows.filter(r=>{
    if(company && !multiFilterMatches(r.company,company,v=>String(v)))return false;
    if(accountIds.length&&!accountIds.some(id=>r.accountId?String(r.accountId)===String(id):a&&accountRowBelongsToMasterAccount(r,a)))return false;
    return true;
  });
  const from=(document.getElementById('accFromDate')||{}).value||'';
   const to=(document.getElementById('accToDate')||{}).value||'';
   const portfolio=(document.getElementById('accPortfolio')||{}).value||'';
   const name=(document.getElementById('accName')||{}).value||'';
   const supervisor=(document.getElementById('accSupervisor')||{}).value||'';
  const location=(document.getElementById('accLocation')||{}).value||'';
  const soc=(document.getElementById('accMonth')||{}).value||'';
  const tx=(document.getElementById('accTxnType')||{}).value||'';
  const search=(document.getElementById('accSearch')||{}).value||'';
  const amountCondition=(document.getElementById('accAmountCondition')||{}).value||'';
  const amount=(document.getElementById('accAmount')||{}).value||'';
  const dc=(document.getElementById('accDebitCredit')||{}).value||'';
   rows=rows.filter(r=>{
     const k=accountDateKey(r.date);
     if(from && (!k||k<from))return false; if(to && (!k||k>to))return false;
      if(name&&!multiFilterMatches(r.name,name,normText))return false;
      if(portfolio && !multiFilterMatches(r.portfolio,portfolio,normText))return false; if(supervisor&&!multiFilterMatches(r.supervisor,supervisor,normText))return false; if(location&&!multiFilterMatches(r.location,location,normText))return false;
     if(soc&&!multiFilterMatches(r.socMonth,soc,v=>normText(normalizeSocMonth(v))))return false; if(tx&&!multiFilterMatches(r.type,tx,normText))return false;
     const dcValues=multiFilterValues(dc); if(dcValues.length===1&&dcValues[0]==='debit'&&!(Number(r.debit||0)>0))return false; if(dcValues.length===1&&dcValues[0]==='credit'&&!(Number(r.credit||0)>0))return false;
    if(!accountTextMatch(r,search))return false;
     if(String(amount||'').trim()!=='' && !accountAmountMatch(r,amountCondition||'none',amount,''))return false;
    return true;
  });
  renderAccountReconciliation(rows,a);
}

function accountsPage(options={}){
  if(!options.keepPage)accountStatementPage=1;
  head('Accounts','Group › Accounts');
 accountMaster=accountMaster.map((a,i)=>({...a,accountId:a.accountId||`ACC${String(i+1).padStart(3,'0')}`,companyCode:a.companyCode||C(a.company)?.code||''}));
 const val=id=>(document.getElementById(id)||{}).value||'';
  const prevCompany=val('accCompany'), prevAccount=val('accAccount'), prevName=val('accName'), prevMonth=val('accMonth'), prevPortfolio=val('accPortfolio'), prevSupervisor=val('accSupervisor'), prevLocation=val('accLocation');
  const prevFrom=val('accFromDate'), prevTo=val('accToDate'), prevTxn=val('accTxnType'), prevDC=val('accDebitCredit');
  const rawAmountCondition=val('accAmountCondition')||'none';
  const prevAmountCondition=['none','exact','gt','lt'].includes(rawAmountCondition)?rawAmountCondition:'none';
 // Prefer live draft values so amount/search are not lost/corrupted during re-render
 const domSearch=val('accSearch');
 const domAmount=val('accAmount');
 const prevSearch=(document.activeElement&&document.activeElement.id==='accSearch')
   ? (_accountFilterDraft.search!=null?_accountFilterDraft.search:domSearch)
   : (domSearch!==''?domSearch:(_accountFilterDraft.search||''));
 const prevAmount=domAmount!==''?domAmount:(_accountFilterDraft.amount||'');
 _accountFilterDraft.amount=prevAmount;
 _accountFilterDraft.search=prevSearch;
 const prevFundAmount=val('accReconFundAmount'), prevFundDate=val('accReconFundDate'), prevEndDate=val('accReconEndDate');
  const activeAccounts=visibleAccountMaster();
  const companyOptions=[...new Set(activeAccounts.map(a=>a.company).filter(Boolean))];
   const selectedCompany=multiFilterKeepAvailable(prevCompany,companyOptions,v=>String(v));
   const statementAccounts=multiFilterValues(selectedCompany).length?activeAccounts.filter(a=>multiFilterMatches(a.company,selectedCompany,v=>String(v))):activeAccounts.slice();
  const selectedAccountIds=multiFilterValues(prevAccount).filter(id=>statementAccounts.some(a=>String(a.accountId)===String(id)));
  const selectedAccount=selectedAccountIds.length===1?statementAccounts.find(a=>String(a.accountId)===String(selectedAccountIds[0]))||null:null;
 const accountId=selectedAccount?.accountId||'';
  let rows=accountStatementRows.filter(r=>{
    if(!accountRowBelongsToVisibleAccount(r,activeAccounts))return false;
     if(!multiFilterMatches(r.company,selectedCompany,v=>String(v)))return false;
    if(selectedAccountIds.length&&!selectedAccountIds.some(id=>r.accountId?String(r.accountId)===String(id):statementAccounts.some(a=>String(a.accountId)===String(id)&&accountRowBelongsToMasterAccount(r,a))))return false;
   return true;
 });
  const names=[...new Set(rows.map(r=>String(r.name||'').trim()).filter(Boolean))].sort((a,b)=>a.localeCompare(b));
  const name=multiFilterKeepAvailable(prevName,names,normText); if(name)rows=rows.filter(r=>multiFilterMatches(r.name,name,normText));
  const months=[...new Set(rows.map(r=>normalizeSocMonth(r.socMonth)).filter(Boolean))].sort();
  const month=multiFilterKeepAvailable(prevMonth,months,v=>normText(normalizeSocMonth(v))); if(month)rows=rows.filter(r=>multiFilterMatches(r.socMonth,month,v=>normText(normalizeSocMonth(v))));
    const portfolios=[...new Set(rows.map(r=>r.portfolio).filter(Boolean))].sort(); const portfolio=multiFilterKeepAvailable(prevPortfolio,portfolios,normText); if(portfolio)rows=rows.filter(r=>multiFilterMatches(r.portfolio,portfolio,normText));
     const supervisors=[...new Set(rows.map(r=>String(r.supervisor||'').trim()).filter(Boolean))].sort((a,b)=>a.localeCompare(b));
    const supervisor=multiFilterKeepAvailable(prevSupervisor,supervisors,normText); if(supervisor)rows=rows.filter(r=>multiFilterMatches(r.supervisor,supervisor,normText));
   const locations=[...new Set(rows.map(r=>r.location).filter(Boolean))].sort(); const location=multiFilterKeepAvailable(prevLocation,locations,normText); if(location)rows=rows.filter(r=>multiFilterMatches(r.location,location,normText));
  const txnTypes=[...new Set(rows.map(r=>String(r.type||'').trim()).filter(Boolean))].sort(); const txn=multiFilterKeepAvailable(prevTxn,txnTypes,normText); if(txn)rows=rows.filter(r=>multiFilterMatches(r.type,txn,normText));
 const from=prevFrom,to=prevTo;
 if(from)rows=rows.filter(r=>{const k=accountDateKey(r.date);return k&&k>=from;}); if(to)rows=rows.filter(r=>{const k=accountDateKey(r.date);return k&&k<=to;});
  const dc=multiFilterKeepAvailable(prevDC,['debit','credit'],v=>String(v)); const dcValues=multiFilterValues(dc); if(dcValues.length===1&&dcValues[0]==='debit')rows=rows.filter(r=>Number(r.debit||0)>0); if(dcValues.length===1&&dcValues[0]==='credit')rows=rows.filter(r=>Number(r.credit||0)>0);
 if(prevSearch)rows=rows.filter(r=>accountTextMatch(r,prevSearch));
  // Amount filter — works even if condition is still "Any"
  if(String(prevAmount||'').trim()!==''){
    rows=rows.filter(r=>accountAmountMatch(r,prevAmountCondition||'none',prevAmount,''));
 }
  const totalDebit=rows.reduce((a,r)=>a+Number(r.debit||0),0), totalCredit=rows.reduce((a,r)=>a+Number(r.credit||0),0);
  const closing=rows.length?Number(rows[rows.length-1].balance||0):0;
  const debtRows=accountDebtRowsForFilters({
    company:selectedCompany,
     accountId:selectedAccountIds.join(MULTI_FILTER_SEPARATOR),
     bank:selectedAccount?.bank||'',
     name,
     month,
    portfolio,
    supervisor,
    location,
    txn,
    from,
    to,
    dc,
    search:prevSearch,
    amountCondition:prevAmountCondition,
    amount:prevAmount,
  });
  const eligible=debtRows.filter(r=>r.isDebtAllocation||socDeductionTypes.includes(String(r.type||'').trim().toUpperCase()));
 const socDebit=eligible.reduce((a,r)=>a+Number(r.debit||0),0), socCredit=eligible.reduce((a,r)=>a+Number(r.credit||0),0), netDebt=socDebit-socCredit;
  document.getElementById('content').innerHTML=`
  ${renderAccountSourceDiagnostics()}
  <div class="account-statement-fixed-shell">
     <div class="overview-filterbar account-filter-panel">
  <div class="filter-title">Account Statement</div>
  <div class="filter-controls account-statement-filters account-statement-filters-final">
    ${multiFilterControl('accCompany',selectedCompany,companyOptions,'All Companies',()=>accountsPage(),v=>C(v)?.name||v)}
     ${multiFilterControl('accAccount',multiFilterEncode(selectedAccountIds),statementAccounts.map(a=>a.accountId),'All Banks',()=>accountsPage(),v=>{const a=statementAccounts.find(x=>String(x.accountId)===String(v));return a?(selectedCompany?'':((C(a.company)?.code||a.company)+' • '))+accountBankDisplayName(a):v;})}
    ${multiFilterControl('accName',name,names,'All Names',()=>accountsPage())}
    <div class="account-date-range" role="button" tabindex="0" aria-label="Select account statement date range" onclick="openAccountDateRangePicker(event)" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();openAccountDateRangePicker(event)}"><span class="account-date-calendar" aria-hidden="true"></span><span class="account-date-range-value">${htmlEscape(accountDateRangeDisplay(from,to))}</span><input id="accFromDate" class="account-date-native" aria-label="From date" type="date" value="${htmlEscape(from)}" title="From Date" onchange="accountsPage()"><input id="accToDate" class="account-date-native" aria-label="To date" type="date" value="${htmlEscape(to)}" title="To Date" onchange="accountsPage()"><div id="accountDatePicker" class="account-date-picker" onclick="event.stopPropagation()" hidden><aside class="account-date-presets"><div class="account-date-presets-title">QUICK SELECT</div><button type="button" onclick="setAccountDatePreset('today')">Today</button><button type="button" onclick="setAccountDatePreset('yesterday')">Yesterday</button><button type="button" onclick="setAccountDatePreset('7days')">Last 7 days</button><button type="button" onclick="setAccountDatePreset('30days')">Last 30 days</button><button type="button" onclick="setAccountDatePreset('6months')">Last 6 months</button><button type="button" onclick="setAccountDatePreset('year')">Last year</button><button type="button" onclick="setAccountDatePreset('all')">All time</button></aside><section class="account-date-picker-main"><div class="account-date-picker-toolbar"><button type="button" aria-label="Previous month" onclick="shiftAccountDatePicker(-1)">‹</button><span id="accountDatePickerMonthA"></span><span id="accountDatePickerMonthB"></span><button type="button" aria-label="Next month" onclick="shiftAccountDatePicker(1)">›</button></div><div class="account-date-calendars"><div id="accountDateCalendarA"></div><div id="accountDateCalendarB"></div></div><footer class="account-date-picker-footer"><span id="accountDatePickerSummary">Select date range</span><div><button type="button" class="account-date-picker-cancel" onclick="closeAccountDatePicker()">Cancel</button><button type="button" class="account-date-picker-apply" onclick="applyAccountDatePicker()">Apply</button></div></footer></section></div></div>
    ${multiFilterControl('accPortfolio',portfolio,portfolios,'All Portfolios',()=>accountsPage())}
    ${multiFilterControl('accSupervisor',supervisor,supervisors,'All Supervisors',()=>accountsPage())}
    ${multiFilterControl('accLocation',location,locations,'All Locations',()=>accountsPage())}
    ${multiFilterControl('accMonth',month,months,'All SOC Months',()=>accountsPage(),v=>normalizeSocMonth(v))}
    ${multiFilterControl('accTxnType',txn,txnTypes,'All Transaction Types',()=>accountsPage())}
    ${multiFilterControl('accDebitCredit',dc,['debit','credit'],'Debit + Credit',()=>accountsPage(),v=>v==='debit'?'Debit Only':'Credit Only')}
    <select id="accAmountCondition" aria-label="Amount condition" onchange="accountsPage()"><option value="none" ${prevAmountCondition==='none'?'selected':''}>Amount: Any</option><option value="exact" ${prevAmountCondition==='exact'?'selected':''}>Exact</option><option value="gt" ${prevAmountCondition==='gt'?'selected':''}>Greater Than</option><option value="lt" ${prevAmountCondition==='lt'?'selected':''}>Less Than</option></select>
    <input id="accAmount" aria-label="Amount" type="number" min="0" step="0.01" value="${htmlEscape(prevAmount)}" placeholder="Amount" oninput="liveAccountAmountFilter(this)" onchange="applyAccountAmountFilterNow()">
   <input id="accSearch" aria-label="Search account statements" class="filter-span-2" type="search" value="${htmlEscape(prevSearch)}" placeholder="Search description / reference / name / remark" autocomplete="off" oninput="liveAccountSearch(this)" onkeydown="if(event.key==='Enter'){event.preventDefault();_accountFilterDraft.search=this.value;refreshAccountResultsLive();}">
   <button class="reset-filter-btn" onclick="resetAccountFilters()">Reset</button>
  </div>
 </div>
  <div class="kpis account-kpis">${kpi('Total Debit',rupees(totalDebit))}${kpi('Total Credit',rupees(totalCredit))}${kpi('Closing Balance',rupees(closing))}${kpi('Net Debt',rupees(netDebt))}</div>
    ${renderAccountMonthlyEntry(rows,selectedAccount)}
   ${renderAccountReconBreaksPanel(rows)}
   <div class="statement-section-head"><h3>Statement Data</h3><span class="badge">${rows.length} rows</span></div>
  <div class="tablewrap account-statement-tablewrap"><table class="account-statement-data-table"><thead><tr><th style="text-align:center!important">Date</th><th style="text-align:center!important">Name</th><th style="text-align:center!important">Supervisor</th><th style="text-align:center!important">Portfolio</th><th style="text-align:center!important">Location</th><th style="text-align:center!important">SOC Month</th><th style="text-align:center!important">Advance / Salary/ Office/ Incentive</th><th style="text-align:center!important">Debit</th><th style="text-align:center!important">Credit</th><th style="text-align:center!important">Balance</th></tr></thead><tbody>${accountPageRows(rows).map(r=>`<tr><td>${formatAccountDate(r.date)}</td><td>${htmlEscape(r.name||'')}</td><td>${htmlEscape(r.supervisor||'')}</td><td>${htmlEscape(r.portfolio||'')}</td><td>${htmlEscape(r.location||'')}</td><td>${htmlEscape(normalizeSocMonth(r.socMonth))}</td><td>${htmlEscape(r.type||'')}</td><td style="text-align:center!important">${r.debit?rupees(r.debit):'-'}</td><td style="text-align:center!important">${r.credit?rupees(r.credit):'-'}</td><td style="text-align:center!important">${rupees(r.balance||0)}</td></tr>`).join('')||`<tr><td colspan="10">No statement data for selected account / filters.</td></tr>`}</tbody></table></div>${accountPaginationMarkup(rows.length)}
 </div>`;
}

function refreshBankImportAccountOptions(){
  const company=(document.getElementById('bankImportCompany')||{}).value||'';
  const sel=document.getElementById('bankImportAccount');
  if(!sel)return;
  const opts=visibleAccountMaster().filter(a=>a.company===company);
 sel.innerHTML=opts.map(a=>`<option value="${a.accountId}">${accountBankDisplayName(a)}</option>`).join('');
 const status=document.getElementById('bankImportStatus');
 if(status)status.textContent='Select bank and upload a bank statement Excel file.';
 const p=document.getElementById('bankImportPreview');
 if(p)p.innerHTML='';
 bankImportPreviewRows=[];
 bankImportPreviewAccountId='';
}

function resetAccountFilters(){
 accountReconBreakdownState=null;
 ['accCompany','accAccount','accName','accMonth','accPortfolio','accSupervisor','accLocation','accTxnType','accDebitCredit','accSearch','accAmount','accFromDate','accToDate','accAmountCondition','accReconFundAmount','accReconFundDate','accReconEndDate'].forEach(id=>{const e=document.getElementById(id);if(e)e.value=(id==='accAmountCondition'?'none':'');});
  _accountFilterDraft={amount:'',search:''};
 accountsPage();
}

let billingImportRows=[];
let billingImportFileName='';
let currentFinanceTab='billing';
let financeBillingScrollLeft=0;
let financeBillingScrollTop=0;

function restoreFinanceBillingScroll(){
 const wrap=document.querySelector('#financeArea .invoice-register-wrap') ||
            document.querySelector('#financeArea .tablewrap');
 if(!wrap)return;
 wrap.scrollLeft=financeBillingScrollLeft||0;
 wrap.scrollTop=financeBillingScrollTop||0;
}


function billingHeaderNorm(v){
 return String(v||'').trim().toUpperCase().replace(/[^A-Z0-9]+/g,' ');
}

function billingHeaderIndex(headers,aliases){
 const hs=headers.map(billingHeaderNorm);
 for(const alias of aliases){
   const a=billingHeaderNorm(alias);
   const i=hs.findIndex(h=>h===a);
   if(i>=0)return i;
 }
 return -1;
}

function billingImportMonthKey(v){
 return normalizeSocMonth(v)||String(v||'').trim();
}

function currentBillingImportKeys(){
 return new Set((bills||[])
   .filter(b=>String(b.sno||'').trim())
   .map(b=>`${billingImportMonthKey(b.month)}|${String(b.sno).trim().toUpperCase()}`));
}


// Billing upload now accepts the uploaded Company / Portfolio / State / City values directly.
function billingMapEsc(v){
  return String(v==null?'':v)
    .replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;')
    .replace(/"/g,'&quot;').replace(/'/g,'&#39;');
}

function setBillingUploadStatus(message,label='Status'){
  const status=document.getElementById('billingUploadStatus');
  if(!status)return;
  status.innerHTML=`<span class="label">${billingMapEsc ? billingMapEsc(label) : label}</span><div class="value">${message}</div>`;
}

function renderBillingImportPreviewTable(){
  const preview=document.getElementById('billingUploadPreview');
  if(!preview)return;
  const sample=(billingImportRows||[]).slice(0,8);
  preview.innerHTML=`<div class="tablewrap"><table>
    <thead><tr><th>S.No</th><th>Head</th><th>Supervisor</th><th>Invoice No</th><th>Billing Month</th><th>Company</th><th>Portfolio</th><th>State</th><th>City</th><th>Segment</th><th>Basic</th><th>IGST</th><th>Status</th></tr></thead>
     <tbody>${sample.map(r=>`<tr><td>${billingMapEsc(r.sno)}</td><td>${billingMapEsc(r.head||'-')}</td><td>${billingMapEsc(r.supervisor||'-')}</td><td>${billingMapEsc(r.invoiceNo)}</td><td>${billingMapEsc(r.billingMonth)}</td><td>${billingMapEsc(r.company)}</td><td>${billingMapEsc(r.portfolio)}</td><td>${billingMapEsc(r.state)}</td><td>${billingMapEsc(r.city)}</td><td>${billingMapEsc(r.segment||'-')}</td><td>${moneyFull(r.basic)}</td><td>${moneyFull(r.igst)}</td><td>${billingMapEsc(r.status||'-')}</td></tr>`).join('')}</tbody>
  </table></div>${billingImportRows.length>8?`<div class="meta" style="margin-top:8px">Preview showing first 8 of ${billingImportRows.length} rows.</div>`:''}`;
}

async function previewBillingUpload(){
 const file=(document.getElementById('billingUploadFile')||{}).files?.[0];
 const preview=document.getElementById('billingUploadPreview');

 if(!file){
   setBillingUploadStatus('Select Billing Excel file first.');
   return;
 }
 if(typeof XLSX==='undefined'){
   setBillingUploadStatus('Excel parser not available.');
   return;
 }

 try{
   const buf=await file.arrayBuffer();
   const wb=XLSX.read(buf,{type:'array',cellDates:true});
   let matrix=null;
   let matrixDisplay=null;

   for(const name of wb.SheetNames){
     const ws=wb.Sheets[name];
     const m=XLSX.utils.sheet_to_json(ws,{header:1,defval:'',raw:true});
     if(!m.length)continue;
     const hi=m.findIndex((r,idx)=>idx<15 && r.some(v=>/invoice\s*no/i.test(String(v||''))));
     if(hi>=0){
       // Keep raw values for amounts/IDs, but also keep Excel's displayed text.
       // Billing Month must use the displayed value because some Excel month cells
       // can have an internal date/time representation that falls on the prior day/month.
       const md=XLSX.utils.sheet_to_json(ws,{header:1,defval:'',raw:false,dateNF:'dd-mmm-yy'});
       matrix=m.slice(hi);
       matrixDisplay=md.slice(hi);
       break;
     }
   }

   if(!matrix)throw new Error('Billing headers not found.');

   const headers=matrix[0]||[];
    const idx={
      sno:billingHeaderIndex(headers,['S.No','S No','SNO','Serial No']),
      head:billingHeaderIndex(headers,['Head','Business Head','Owner']),
      supervisor:billingHeaderIndex(headers,['Supervisor','Supervisor Name']),
     invoiceNo:billingHeaderIndex(headers,['Invoice No','Invoice Number']),
     invoiceDate:billingHeaderIndex(headers,['Invoice Date']),
     billingMonth:billingHeaderIndex(headers,['Billing Month']),
      company:billingHeaderIndex(headers,['Company']),
      portfolio:billingHeaderIndex(headers,['Portfolio']),
      state:billingHeaderIndex(headers,['State']),
      city:billingHeaderIndex(headers,['City']),
      segment:billingHeaderIndex(headers,['Segment','Business Segment']),
      basic:billingHeaderIndex(headers,['Basic Bill Amount','Basic Amount']),
     igst:billingHeaderIndex(headers,['IGST','IGST Amount']),
     tds:billingHeaderIndex(headers,['TDS Amount','TDS']),
     net:billingHeaderIndex(headers,['Net Amount']),
     received:billingHeaderIndex(headers,['Received Amount']),
     paymentDate:billingHeaderIndex(headers,['Payment Received Date','Payment Date']),
     status:billingHeaderIndex(headers,['Status'])
   };

   const required=['sno','invoiceNo','billingMonth','company','portfolio','basic'];
   const missing=required.filter(k=>idx[k]<0);
   if(missing.length)throw new Error('Missing required columns: '+missing.join(', '));

   const val=(row,i)=>i>=0?(row[i]??''):'';
   const num=v=>{
     if(v==null||v==='')return 0;
     const n=Number(String(v).replace(/,/g,'').replace(/[₹$]/g,'').trim());
     return Number.isFinite(n)?n:0;
   };

   billingImportRows=matrix.slice(1).map((row,rowOffset)=>{
     const displayRow=(matrixDisplay&&matrixDisplay[rowOffset+1])||row;
     const basic=num(val(row,idx.basic));
     const igst=num(val(row,idx.igst));
     const tds=num(val(row,idx.tds));
     const netRaw=num(val(row,idx.net));
     return {
        sno:String(val(row,idx.sno)||'').trim(),
        head:String(val(row,idx.head)||'').trim(),
        supervisor:String(val(row,idx.supervisor)||'').trim(),
       invoiceNo:String(val(row,idx.invoiceNo)||'').trim(),
       invoiceDate:formatExcelDate(val(row,idx.invoiceDate)),
       billingMonth:formatMonthValue(val(displayRow,idx.billingMonth)||val(row,idx.billingMonth)),
       company:String(val(row,idx.company)||'').trim(),
        portfolio:String(val(row,idx.portfolio)||'').trim(),
        state:String(val(row,idx.state)||'').trim(),
        city:String(val(row,idx.city)||'').trim(),
        segment:String(val(row,idx.segment)||'').trim(),
        basic,
       igst,
       tds,
       net:netRaw || (basic+igst-tds),
       received:num(val(row,idx.received)),
       paymentDate:formatExcelDate(val(row,idx.paymentDate)),
       status:String(val(row,idx.status)||'').trim()
     };
   }).filter(r=>r.sno&&r.invoiceNo&&r.billingMonth);

   billingImportFileName=file.name;

   const existing=currentBillingImportKeys();
   let existingCount=0;
   billingImportRows.forEach(r=>{
     const key=`${billingImportMonthKey(r.billingMonth)}|${String(r.sno).toUpperCase()}`;
     if(existing.has(key))existingCount++;
   });

   setBillingUploadStatus(`<span class="import-ok">${billingImportRows.length} Billing rows ready.</span> • ${existingCount} existing keys • ${billingImportRows.length-existingCount} possible new`);

   if(preview){
     renderBillingImportPreviewTable();
     setBillingUploadStatus(`<span class="import-ok">${billingImportRows.length} Billing rows ready.</span> • ${existingCount} existing keys • ${billingImportRows.length-existingCount} possible new`);
   }
 }catch(err){
   billingImportRows=[];
   billingImportFileName='';
   setBillingUploadStatus(`<span class="import-warn">${String(err.message||err)}</span>`);
   if(preview)preview.innerHTML='';
 }
}

async function saveBillingUploadToGoogle(){
 if(!billingImportRows.length){
   alert('Preview Billing file first.');
   return;
 }

 const url=getAccountAppsScriptUrl();
 if(!url)return;
 const pendingBillingRows=billingImportRows.map(r=>({...r}));

 setBillingUploadStatus('<span class="import-ok">Saving Billing data to Google Sheet...</span>');

 try{
   const res=await fetch(url,{
     method:'POST',
     headers:{'Content-Type':'text/plain;charset=utf-8'},
     body:JSON.stringify({
       action:'saveBillingData',
       fileName:billingImportFileName,
       rows:billingImportRows
     }),
     redirect:'follow',
     cache:'no-store'
   });

   const txt=await res.text();
   let data={};
   try{data=JSON.parse(txt)}catch(e){throw new Error('Apps Script response invalid: '+txt.slice(0,180));}
   if(!data.ok)throw new Error(data.error||'Billing save failed');

   setBillingUploadStatus(`<span class="import-ok">${data.added||0} new rows added • ${data.updated||0} existing rows updated</span> • ${data.unchanged||0} unchanged • ${data.rejected||0} rejected`);

   // INSTANT DASHBOARD: apply the successfully saved rows locally now.
   applyBillingUploadInstant(pendingBillingRows);

   billingImportRows=[];
   billingImportFileName='';
   const input=document.getElementById('billingUploadFile');
   if(input)input.value='';

   // Server confirmation runs in the background; local data is already visible.

 }catch(err){
   setBillingUploadStatus(`<span class="import-warn">Billing save failed: ${String(err.message||err)}</span>`);
 }
}


function billingSampleUniqueSorted(values){
  return [...new Set((values||[])
    .map(v=>String(v||'').trim())
    .filter(Boolean))]
    .sort((a,b)=>a.localeCompare(b,undefined,{numeric:true,sensitivity:'base'}));
}

function billingSampleExcelSafeText(v){
  return String(v==null?'':v).replace(/[\r\n]+/g,' ').trim();
}

async function generateBillingSampleFormat(){
  try{
    if(!window.ExcelJS){
      throw new Error('Excel generator library could not load. Internet connection required once.');
    }

    // Monthly_Assignment is the single operational source for
    const activeAssignments=(monthlyAssignmentRows||[]).filter(r=>r.active!==false&&r.company&&r.portfolio);

    // Company -> Portfolio
    const portfolioRows=billingSampleUniqueSorted(
      activeAssignments.map(r=>{
        const companyName=companyNameById[r.company] || C(r.company).name || '';
        return companyName+'|||'+String(canonicalPortfolio(r.portfolio)||'').trim();
      })
    ).map(x=>x.split('|||'))
     .filter(x=>x[0]&&x[1])
     .sort((a,b)=>a[0].localeCompare(b[0])||a[1].localeCompare(b[1]));

    // Company + Portfolio -> State
    const stateRows=billingSampleUniqueSorted(
      activeAssignments.filter(r=>r.state).map(r=>{
        const companyName=companyNameById[r.company] || C(r.company).name || '';
        return companyName+'|||'+String(canonicalPortfolio(r.portfolio)||'').trim()+'|||'+String(r.state||'').trim();
      })
    ).map(x=>x.split('|||'))
     .filter(x=>x[0]&&x[1]&&x[2])
     .sort((a,b)=>a[0].localeCompare(b[0])||a[1].localeCompare(b[1])||a[2].localeCompare(b[2]));

    // Company + Portfolio + State -> City
    const cityRows=billingSampleUniqueSorted(
      activeAssignments.filter(r=>r.state&&r.city).map(r=>{
        const companyName=companyNameById[r.company] || C(r.company).name || '';
        return companyName+'|||'+String(canonicalPortfolio(r.portfolio)||'').trim()+'|||'+String(r.state||'').trim()+'|||'+String(canonicalCity(r.city)||'').trim();
      })
    ).map(x=>x.split('|||'))
     .filter(x=>x[0]&&x[1]&&x[2]&&x[3])
     .sort((a,b)=>a[0].localeCompare(b[0])||a[1].localeCompare(b[1])||a[2].localeCompare(b[2])||a[3].localeCompare(b[3]));

    const wb=new ExcelJS.Workbook();
    wb.creator='Debt Service Management Group Dashboard';
    wb.created=new Date();
    wb.calcProperties.fullCalcOnLoad=true;

    const ws=wb.addWorksheet('Billing',{
      views:[{state:'frozen',ySplit:1}]
    });

    const headers=[
      'S.No','Head','Supervisor','Invoice No','Invoice Date','Billing Month','Company','Portfolio',
      'State','City','Segment','Basic Bill Amount','IGST','TDS Amount','Net Amount',
      'Received Amount','Payment Received Date','Status'
    ];

    // Locked sample range: header in row 1 + entry rows 2:500.
    // Use a real Excel Table so the exported sample has full table formatting,
    // banded rows and built-in filter dropdowns across the complete range.
    const lastDataRow=500;
    const blankRows=Array.from({length:lastDataRow-1},()=>Array(headers.length).fill(null));
    ws.addTable({
      name:'BillingSampleTable',
      ref:'A1',
      headerRow:true,
      totalsRow:false,
      style:{
        theme:'TableStyleMedium2',
        showFirstColumn:false,
        showLastColumn:false,
        showRowStripes:true,
        showColumnStripes:false
      },
      columns:headers.map(name=>({name})),
      rows:blankRows
    });

     // S.No must remain formula-driven exactly from A2 through A500.
     // TDS and Net Amount formulas stay automatic for the same entry range.
     for(let r=2;r<=lastDataRow;r++){
       ws.getCell(`A${r}`).value={formula:'ROW()-1'};
        ws.getCell(`N${r}`).value={formula:`IF(L${r}="","",ROUND(L${r}*2%,2))`};
        ws.getCell(`O${r}`).value={formula:`IF(L${r}="","",L${r}+IF(M${r}="",0,M${r})-N${r})`};
    }

    // Professional table presentation.
    ws.getRow(1).font={bold:true,color:{argb:'FFFFFFFF'}};
    ws.getRow(1).alignment={vertical:'middle',horizontal:'center',wrapText:true};
    ws.getRow(1).height=26;
    for(let r=1;r<=lastDataRow;r++){
      const row=ws.getRow(r);
      row.height=r===1?26:20;
      row.alignment={vertical:'middle'};
    }

    // Center serial/date/month/status-type fields; keep descriptive text readable.
    ['A','B','C','D','E','F','I','J','K','Q','R'].forEach(col=>{
      ws.getColumn(col).alignment={vertical:'middle',horizontal:'center'};
    });
    ['L','M','N','O','P'].forEach(col=>{
      ws.getColumn(col).alignment={vertical:'middle',horizontal:'right'};
    });

    const widths=[9,18,20,18,15,15,34,24,22,24,18,19,14,16,16,18,18,16];
    widths.forEach((w,i)=>ws.getColumn(i+1).width=w);

    ws.getColumn('A').numFmt='0';
    ws.getColumn('E').numFmt='dd-mmm-yy';
    ws.getColumn('Q').numFmt='dd-mmm-yy';
    ws.getColumn('L').numFmt='#,##0.00';
    ws.getColumn('M').numFmt='#,##0.00';
    ws.getColumn('N').numFmt='#,##0.00';
    ws.getColumn('O').numFmt='#,##0.00';
    ws.getColumn('P').numFmt='#,##0.00';

    // Helper Lists sheet.
    const lists=wb.addWorksheet('Lists');

    // A: Companies
    lists.getCell('A1').value='Company';
    companyNames.forEach((v,i)=>lists.getCell(i+2,1).value=billingSampleExcelSafeText(v));

    // C:D Company -> Portfolio
    lists.getCell('C1').value='Company';
    lists.getCell('D1').value='Portfolio';
    portfolioRows.forEach((x,i)=>{
      lists.getCell(i+2,3).value=billingSampleExcelSafeText(x[0]);
      lists.getCell(i+2,4).value=billingSampleExcelSafeText(x[1]);
    });

    // F:G Company|Portfolio -> State
    lists.getCell('F1').value='Company|Portfolio';
    lists.getCell('G1').value='State';
    stateRows.forEach((x,i)=>{
      lists.getCell(i+2,6).value=billingSampleExcelSafeText(x[0]+'|'+x[1]);
      lists.getCell(i+2,7).value=billingSampleExcelSafeText(x[2]);
    });

    // I:J Company|Portfolio|State -> City
    lists.getCell('I1').value='Company|Portfolio|State';
    lists.getCell('J1').value='City';
    cityRows.forEach((x,i)=>{
      lists.getCell(i+2,9).value=billingSampleExcelSafeText(x[0]+'|'+x[1]+'|'+x[2]);
      lists.getCell(i+2,10).value=billingSampleExcelSafeText(x[3]);
    });

    // L: Status
    lists.getCell('L1').value='Status';
    lists.getCell('L2').value='Received';
    lists.getCell('L3').value='Partially Received';
    lists.getCell('L4').value='Pending';

    // Dependent dropdowns for all sample entry rows (2:500).
    const companyEnd=Math.max(2,companyNames.length+1);
    const portfolioEnd=Math.max(2,portfolioRows.length+1);
    const stateEnd=Math.max(2,stateRows.length+1);
    const cityEnd=Math.max(2,cityRows.length+1);

    for(let r=2;r<=lastDataRow;r++){
      ws.getCell(`G${r}`).dataValidation={
        type:'list',
        allowBlank:true,
        formulae:[`INDIRECT("Lists!$A$2:$A$${companyEnd}")`],
        showErrorMessage:true,
        errorTitle:'Select Company',
        error:'Please select Company from the dropdown.'
      };

      ws.getCell(`H${r}`).dataValidation={
        type:'list',
        allowBlank:true,
         formulae:[`INDIRECT("Lists!$D$"&MATCH($G${r},Lists!$C$2:$C$${portfolioEnd},0)+1&":$D$"&(MATCH($G${r},Lists!$C$2:$C$${portfolioEnd},0)+COUNTIF(Lists!$C$2:$C$${portfolioEnd},$G${r})))`],
        showErrorMessage:true,
        errorTitle:'Select Portfolio',
        error:'Select Company first, then choose Portfolio.'
      };

      ws.getCell(`I${r}`).dataValidation={
        type:'list',
        allowBlank:true,
         formulae:[`INDIRECT("Lists!$G$"&MATCH($G${r}&"|"&$H${r},Lists!$F$2:$F$${stateEnd},0)+1&":$G$"&(MATCH($G${r}&"|"&$H${r},Lists!$F$2:$F$${stateEnd},0)+COUNTIF(Lists!$F$2:$F$${stateEnd},$G${r}&"|"&$H${r})))`],
        showErrorMessage:true,
        errorTitle:'Select State',
        error:'Select Company and Portfolio first, then choose State.'
      };

      ws.getCell(`J${r}`).dataValidation={
        type:'list',
        allowBlank:true,
         formulae:[`INDIRECT("Lists!$J$"&MATCH($G${r}&"|"&$H${r}&"|"&$I${r},Lists!$I$2:$I$${cityEnd},0)+1&":$J$"&(MATCH($G${r}&"|"&$H${r}&"|"&$I${r},Lists!$I$2:$I$${cityEnd},0)+COUNTIF(Lists!$I$2:$I$${cityEnd},$G${r}&"|"&$H${r}&"|"&$I${r})))`],
        showErrorMessage:true,
        errorTitle:'Select City',
        error:'Select Company, Portfolio and State first, then choose City.'
      };

      ws.getCell(`R${r}`).dataValidation={
        type:'list',
        allowBlank:true,
        formulae:['INDIRECT("Lists!$L$2:$L$4")'],
        showErrorMessage:true,
        errorTitle:'Select Status',
        error:'Select Received, Partially Received or Pending.'
      };
    }

    // Hide helper master sheet in generated workbook.
    lists.state='veryHidden';

    const buffer=await wb.xlsx.writeBuffer();
    const blob=new Blob([buffer],{
      type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
    });

    const a=document.createElement('a');
    a.href=URL.createObjectURL(blob);
    a.download='Billing_Sample_Latest_Master.xlsx';
    document.body.appendChild(a);
    a.click();
    setTimeout(()=>{
      URL.revokeObjectURL(a.href);
      a.remove();
    },1000);

    setBillingUploadStatus(`<span class="import-ok">Sample generated from Monthly_Assignment.</span> • ${companyNames.length} companies • ${portfolioRows.length} company/portfolio mappings • ${stateRows.length} state mappings • ${cityRows.length} city mappings • 499 entry rows (A2:A500 formula-driven)`,'Sample Status');

  }catch(err){
    console.error('Billing sample generation failed',err);
    setBillingUploadStatus(`<span class="import-warn">Sample generation failed: ${String(err.message||err)}</span>`,'Sample Status');
  }
}

function billingUploadPanel(){
 return `<div class="panel billing-upload-card">
   <div class="billing-upload-head">
     <div class="billing-upload-title">
       <h3>Billing Excel Upload</h3>
       <p>Generate the latest master-based sample, upload the completed file, review it and save it to Google Sheet.</p>
     </div>
     <span class="billing-upload-badge">S.No + Billing Month = Unique Key</span>
   </div>

   <div class="billing-upload-toolbar">
     <button class="action-btn" onclick="generateBillingSampleFormat()">Generate Sample Format</button>
      <div class="billing-upload-filebox">
        <label for="billingUploadFile" class="sr-only">Billing Excel file</label>
        <input id="billingUploadFile" aria-label="Billing Excel file" type="file" accept=".xlsx,.xls,.csv">
     </div>
     <button class="action-btn" onclick="previewBillingUpload()">Preview Billing</button>
     <button class="action-btn primary" onclick="saveBillingUploadToGoogle()">Save to Google Sheet</button>
   </div>

   <div class="billing-upload-footrow">
     <div id="billingUploadStatus" class="billing-upload-status">
       <span class="label">Upload Status</span>
       <div class="value">Select Billing Excel. Required starting column: S.No.</div>
     </div>
     <div class="billing-upload-note">
       <span class="label">Master Validation</span>
       <div class="value">Company, Portfolio, State and City are checked against current master data before saving.</div>
     </div>
   </div>

   <div id="billingUploadPreview" style="margin-top:12px"></div>
 </div>`;
}


let creditNoteImportRows=[];
let creditNoteImportFileName='';

function creditNoteUploadPanel(){
 return `<div class="panel billing-upload-card">
   <div class="billing-upload-head">
     <div class="billing-upload-title">
       <h3>Credit Note Excel Upload</h3>
    <p>Upload the Credit Note format with Head and payment-receipt fields. Credit Note is deducted in full after Costing % is calculated.</p>
     </div>
     <span class="billing-upload-badge">Company + Month + S. No. = Unique Key</span>
   </div>
   <div class="billing-upload-toolbar">
     <button class="action-btn" onclick="generateCreditNoteSampleFormat()">Generate Sample Format</button>
      <div class="billing-upload-filebox"><label for="creditNoteUploadFile" class="sr-only">Credit Note Excel file</label><input id="creditNoteUploadFile" aria-label="Credit Note Excel file" type="file" accept=".xlsx,.xls,.csv"></div>
     <button class="action-btn" onclick="previewCreditNoteUpload()">Preview Credit Note</button>
     <button class="action-btn primary" onclick="saveCreditNoteUploadToGoogle()">Save to Google Sheet</button>
   </div>
   <div class="billing-upload-footrow">
     <div id="creditNoteUploadStatus" class="billing-upload-status">
       <span class="label">Upload Status</span>
        <div class="value">Required columns: S. No. | Head | Supervisor | State | Amount | Month | Bank | Company Name. Received Date and Payment Received Status are optional.</div>
     </div>
     <div class="billing-upload-note">
       <span class="label">Costing Rule</span>
         <div class="value">Final Costing = (Net Billing After TDS × Costing %) − Credit Note Amount</div>
     </div>
   </div>
   <div id="creditNoteUploadPreview" style="margin-top:12px"></div>
 </div>`;
}
function creditNoteEsc(v){return String(v==null?'':v).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;');}
function setCreditNoteUploadStatus(message){
 const el=document.getElementById('creditNoteUploadStatus'); if(!el)return;
 el.innerHTML=`<span class="label">Upload Status</span><div class="value">${message}</div>`;
}
function creditNoteCanonicalMonthText(v){
 const k=monthKey(v);
 const m=String(k||'').match(/^(\d{4})-(\d{2})$/);
 if(!m)return '';
 const names=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
 const mi=Number(m[2])-1;
 return (mi>=0&&mi<12)?`${names[mi]}-${m[1]}`:'';
}
function creditNoteUploadKey(r){return [r.companyId||r.company||'',monthKey(r.month),String(r.sno||'').trim().toUpperCase()].join('|');}
function currentCreditNoteKeys(){return new Set((creditNoteRows||[]).map(creditNoteUploadKey).filter(Boolean));}

function persistInstantDashboardRows(){
 try{
   const key='debtDashboard_Latest_20260827_v2';
   let saved={};
   try{saved=JSON.parse(localStorage.getItem(key)||'{}')||{};}catch(e){saved={};}
   saved.bills=bills;
   saved.creditNoteRows=creditNoteRows;
   saved.accountStatementRows=accountStatementRows;
   saved.accountImportHistoryRows=accountImportHistoryRows;
   localStorage.setItem(key,JSON.stringify(saved));
 }catch(e){}
}

function applyCreditNoteUploadInstant(rows){
 const index=new Map();
 (creditNoteRows||[]).forEach((r,i)=>index.set(creditNoteUploadKey(r),i));
 (rows||[]).forEach(r=>{
   const company=r.companyId||r.company||creditNoteCompanyIdByName(r.companyName||'');
   if(!company)return;
    const item={
      sno:String(r.sno||'').trim(),
      head:String(r.head||'').trim(),
      supervisor:canonicalSupervisor(String(r.supervisor||'').trim()),
     state:String(r.state||'').trim(),
     amount:Number(r.amount||0),
      month:creditNoteCanonicalMonthText(r.month),
      bank:canonicalPortfolio(String(r.bank||'').trim()),
      receivedDate:formatExcelDate(r.receivedDate||''),
      paymentStatus:String(r.paymentStatus||'').trim(),
      company,
     companyName:C(company).name||String(r.companyName||'').trim()
   };
   const k=creditNoteUploadKey(item);
   if(index.has(k)) creditNoteRows[index.get(k)]=item;
   else { index.set(k,creditNoteRows.length); creditNoteRows.push(item); }
 });
 persistInstantDashboardRows();
}

function applyBillingUploadInstant(rows){
 const index=new Map();
 (bills||[]).forEach((b,i)=>index.set(`${billingImportMonthKey(b.month)}|${String(b.sno||'').trim().toUpperCase()}`,i));
 (rows||[]).forEach(r=>{
   const company=creditNoteCompanyIdByName(r.company||'');
   if(!company)return;
   const amount=Number(r.basic||0), igst=Number(r.igst||0), tds=Number(r.tds||0), received=Number(r.received||0);
   const net=Number(r.net||0)||(amount+igst-tds);
   let status=String(r.status||'').trim();
     const item={
      sno:String(r.sno||'').trim(),
      head:String(r.head||'').trim(),
      supervisor:String(r.supervisor||'').trim(),
     inv:String(r.invoiceNo||'').trim(),
     date:formatExcelDate(r.invoiceDate||''),
     month:formatMonthValue(r.billingMonth||''),
     c:company,
      p:canonicalPortfolio(String(r.portfolio||'').trim()),
      segment:String(r.segment||'').trim(),
      state:String(r.state||'').trim(),
     city:canonicalCity(String(r.city||'').trim()),
     amount,igst,tds,net,received,
     paymentReceivedDate:formatExcelDate(r.paymentDate||''),
     status
   };
   const k=`${billingImportMonthKey(item.month)}|${String(item.sno).toUpperCase()}`;
   if(index.has(k)) bills[index.get(k)]=item;
   else { index.set(k,bills.length); bills.push(item); }
 });
 receiptRegister=bills.filter(b=>b.received>0).map((b,i)=>({
   id:`RCP${String(i+1).padStart(3,'0')}`,invoice:b.inv,month:b.month,company:b.c,
   portfolio:b.p,state:b.state,city:b.city,bankAmount:b.received,tds:b.tds,
   totalSettled:b.received+b.tds,status:'Received'
 }));
 persistInstantDashboardRows();
}
function creditNoteAssignmentWarning(r){
 // Credit Note upload is authoritative for its own 7 fields.
 // Monthly_Assignment match is intentionally NOT required.
 return '';
}
function generateCreditNoteSampleFormat(){
  if(typeof XLSX==='undefined'){alert('Excel generator not available.');return;}
  const headers=['S. No.','Head','Supervisor','State','Amount','Month','Bank','Company Name','Received Date','Payment Received Status'];
  const ws=XLSX.utils.aoa_to_sheet([headers]);
  ws['!cols']=[{wch:10},{wch:18},{wch:22},{wch:20},{wch:14},{wch:12},{wch:16},{wch:36},{wch:16},{wch:22}];
 const wb=XLSX.utils.book_new(); XLSX.utils.book_append_sheet(wb,ws,'Credit_Note');
 XLSX.writeFile(wb,'Credit_Note_Upload_Format.xlsx');
}
async function previewCreditNoteUpload(){
 const file=document.getElementById('creditNoteUploadFile')?.files?.[0];
 const preview=document.getElementById('creditNoteUploadPreview');
 if(!file){setCreditNoteUploadStatus('Select Credit Note Excel file first.');return;}
 if(typeof XLSX==='undefined'){setCreditNoteUploadStatus('Excel parser not available.');return;}
 try{
   const wb=XLSX.read(await file.arrayBuffer(),{type:'array',cellDates:true});
   let matrix=null, display=null;
   for(const name of wb.SheetNames){
     const ws=wb.Sheets[name];
     const raw=XLSX.utils.sheet_to_json(ws,{header:1,defval:'',raw:true});
     const shown=XLSX.utils.sheet_to_json(ws,{header:1,defval:'',raw:false,dateNF:'mmm-yy'});
     const hi=raw.findIndex((row,idx)=>idx<15 && row.some(v=>/supervisor/i.test(String(v||''))) && row.some(v=>/company\s*name/i.test(String(v||''))));
     if(hi>=0){matrix=raw.slice(hi);display=shown.slice(hi);break;}
   }
   if(!matrix)throw new Error('Credit Note headers not found.');
   const headers=matrix[0]||[];
    const idx={
      sno:billingHeaderIndex(headers,['S. No.','S No','SNO','Serial No']),
      head:billingHeaderIndex(headers,['Head','Business Head','Owner']),
      supervisor:billingHeaderIndex(headers,['Supervisor','Supervisor Name']),
     state:billingHeaderIndex(headers,['State']),
     amount:billingHeaderIndex(headers,['Amount','Credit Note Amount']),
     month:billingHeaderIndex(headers,['Month','Billing Month']),
     bank:billingHeaderIndex(headers,['Bank','Portfolio','Portfolio / Client']),
      company:billingHeaderIndex(headers,['Company Name','Company']),
      receivedDate:billingHeaderIndex(headers,['Received Date','Payment Received Date']),
      paymentStatus:billingHeaderIndex(headers,['Payment Received Status','Payment Status','Status'])
   };
    const required=['sno','supervisor','state','amount','month','bank','company'];
    const missing=required.filter(k=>idx[k]<0); if(missing.length)throw new Error('Missing columns: '+missing.join(', '));
   const val=(row,i)=>i>=0?(row[i]??''):'';
   const parseAmount=v=>{const n=Number(String(v??'').replace(/,/g,'').replace(/[₹$]/g,'').trim());return Number.isFinite(n)?n:0;};
   const upload=[];
   matrix.slice(1).forEach((row,i)=>{
     if(!row.some(v=>String(v??'').trim()!==''))return;
     const dr=display?.[i+1]||row;
     const rawCompany=String(val(row,idx.company)||'').trim();
     const companyId=creditNoteCompanyIdByName(rawCompany);
     const companyName=companyId?C(companyId).name:rawCompany;
      const r={
        sno:String(val(row,idx.sno)||'').trim(),
        head:String(val(row,idx.head)||'').trim(),
        supervisor:canonicalSupervisor(String(val(row,idx.supervisor)||'').trim()),
       state:String(val(row,idx.state)||'').trim(),
       amount:parseAmount(val(row,idx.amount)),
        month:creditNoteCanonicalMonthText(val(dr,idx.month)||val(row,idx.month)),
        bank:canonicalPortfolio(String(val(row,idx.bank)||'').trim()),
        receivedDate:formatExcelDate(val(row,idx.receivedDate)),
        paymentStatus:String(val(row,idx.paymentStatus)||'').trim(),
        companyName,companyId,errors:[],warning:''
     };
     if(!r.sno)r.errors.push('S. No.'); if(!r.supervisor)r.errors.push('Supervisor'); if(!r.state)r.errors.push('State');
     if(!(r.amount>0))r.errors.push('Amount'); if(!monthKey(r.month))r.errors.push('Month'); if(!r.bank)r.errors.push('Bank'); if(!r.companyId)r.errors.push('Company Name');
     if(!r.errors.length)r.warning=creditNoteAssignmentWarning(r);
     upload.push(r);
   });
   if(!upload.length)throw new Error('No Credit Note rows found.');
   const seen=new Set();
   upload.forEach(r=>{if(r.errors.length)return;const k=creditNoteUploadKey(r);if(seen.has(k))r.errors.push('Duplicate key in file');else seen.add(k);});
   creditNoteImportRows=upload; creditNoteImportFileName=file.name;
   const valid=upload.filter(r=>!r.errors.length), invalid=upload.length-valid.length;
   const existing=currentCreditNoteKeys(); const existingCount=valid.filter(r=>existing.has(creditNoteUploadKey(r))).length;
   setCreditNoteUploadStatus(`<span class="import-ok">${valid.length} rows ready</span> • ${existingCount} existing/update • ${invalid} invalid`);
   if(preview){
      preview.innerHTML=`<div class="tablewrap"><table><thead><tr><th>S. No.</th><th>Head</th><th>Supervisor</th><th>State</th><th class="num-col">Amount</th><th>Month</th><th>Bank</th><th>Company Name</th><th>Received Date</th><th>Payment Status</th><th>Status</th></tr></thead><tbody>${upload.slice(0,12).map(r=>`<tr><td>${creditNoteEsc(r.sno)}</td><td>${creditNoteEsc(r.head||'-')}</td><td>${creditNoteEsc(r.supervisor)}</td><td>${creditNoteEsc(r.state)}</td><td class="num-col">${money(r.amount)}</td><td>${creditNoteEsc(formatBillingMonth(r.month))}</td><td>${creditNoteEsc(r.bank)}</td><td>${creditNoteEsc(r.companyName)}</td><td>${creditNoteEsc(r.receivedDate||'-')}</td><td>${creditNoteEsc(r.paymentStatus||'-')}</td><td>${r.errors.length?`<span class="import-warn">Invalid: ${creditNoteEsc(r.errors.join(', '))}</span>`:(r.warning?`<span class="import-warn">${creditNoteEsc(r.warning)}</span>`:'<span class="import-ok">Ready</span>')}</td></tr>`).join('')}</tbody></table></div>${upload.length>12?`<div class="meta" style="margin-top:8px">Showing first 12 of ${upload.length} rows.</div>`:''}`;
   }
 }catch(err){creditNoteImportRows=[];creditNoteImportFileName='';if(preview)preview.innerHTML='';setCreditNoteUploadStatus(`<span class="import-warn">${creditNoteEsc(err.message||err)}</span>`);}
}
async function saveCreditNoteUploadToGoogle(){
 const rows=(creditNoteImportRows||[]).filter(r=>!r.errors?.length);
 if(!rows.length){alert('Preview valid Credit Note rows first.');return;}
 const url=getAccountAppsScriptUrl(); if(!url)return;
 const pendingCreditNoteRows=rows.map(r=>({...r}));
 setCreditNoteUploadStatus('<span class="import-ok">Saving Credit Note data to Google Sheet...</span>');
 try{
    const res=await fetch(url,{method:'POST',headers:{'Content-Type':'text/plain;charset=utf-8'},body:JSON.stringify({action:'saveCreditNoteData',fileName:creditNoteImportFileName,rows:rows.map(r=>({sno:r.sno,head:r.head,supervisor:r.supervisor,state:r.state,amount:r.amount,month:creditNoteCanonicalMonthText(r.month),bank:r.bank,companyName:r.companyName,receivedDate:r.receivedDate,paymentStatus:r.paymentStatus}))}),redirect:'follow',cache:'no-store'});
   const txt=await res.text(); let data={}; try{data=JSON.parse(txt)}catch(e){throw new Error('Apps Script response invalid: '+txt.slice(0,180));}
   if(!data.ok)throw new Error(data.error||'Credit Note save failed');
   setCreditNoteUploadStatus(`<span class="import-ok">${data.added||0} added • ${data.updated||0} updated</span> • ${data.unchanged||0} unchanged • ${data.rejected||0} rejected`);
   // INSTANT DASHBOARD: Credit Note KPIs/Costing/Reports get the saved rows immediately.
   applyCreditNoteUploadInstant(pendingCreditNoteRows);
   creditNoteImportRows=[];creditNoteImportFileName='';const input=document.getElementById('creditNoteUploadFile');if(input)input.value='';const preview=document.getElementById('creditNoteUploadPreview');if(preview)preview.innerHTML='';
 }catch(err){setCreditNoteUploadStatus(`<span class="import-warn">Save failed: ${creditNoteEsc(err.message||err)}</span>`);}
}


let costingSettlementAutoTimer=null;
let costingSettlementLastFingerprint='';
let costingSettlementAutoSaveRunning=false;

function costingSettlementSaveFilters(){
 const f=costingCurrentFilters();
  return {
    company:f.company,
    head:f.head,
    portfolio:f.portfolio,
   supervisor:f.supervisor,
   month:f.month,
   state:'',
    location:'',
    segment:f.segment
 };
}

function settlementRowFromFilters(f){
  if(!f.company || !f.portfolio || !f.supervisor || !f.month)return null;
  if(isSeemaSupervisor(f.supervisor))return null;
 const settle=socSettlement({
   company:f.company,
   portfolio:f.portfolio,
   supervisor:f.supervisor,
    month:f.month,
    state:'',
    location:'',
    head:f.head,
    segment:f.segment
 });
 const row=settle.selectedSettlement;
 if(!row)return null;
 // Skip empty shell rows that have no billing, rate, debit or credit-note activity.
 const hasSignal=
   Number(row.netBilling||0)!==0 ||
   row.rate!=null ||
    Number(row.debit||0)!==0 ||
    Number(row.credit||0)!==0 ||
     Number(row.creditNoteAmount||0)!==0 ||
     Number(row.supervisorTdsAmount||0)!==0 ||
    Number(row.returnAmount||0)!==0 ||
    Number(row.entitlement||0)!==0 ||
   Number(row.opening||0)!==0 ||
   Number(row.closing||0)!==0;
 if(!hasSignal)return null;
 const seededOpen=getSeedClosingForPreviousMonth(f.supervisor, row.monthKey);
 const openVal=seededOpen!=null?seededOpen:(row.opening==null?null:Number(row.opening));
   const closeVal=(row.rate!=null&&row.entitlement!=null&&row.hasStatementData&&openVal!=null)
     ?(Number(openVal)+Number(row.entitlement||0)-Number(row.netDebit||0)+Number(row.returnAmount||0))
   :(row.closing==null?null:Number(row.closing));
 return {
   month:monthLabelFromKey(row.monthKey),
   company: f.company ? (C(f.company)?.name||f.company) : 'ALL',
   portfolio: f.portfolio ? canonicalPortfolio(f.portfolio) : 'ALL',
   supervisor:f.supervisor,
   netBilling:Number(row.netBilling||0),
   costingPercent:row.rate==null?null:Number(row.rate),
    costingAmount:row.costingBeforeCreditNote==null?null:Number(row.costingBeforeCreditNote),
    creditNote:Number(row.creditNoteAmount||0),
    supervisorTds:Number(row.supervisorTdsAmount||0),
   finalCostingAmount:row.entitlement==null?null:Number(row.entitlement),
    previousBalance:openVal,
    netDebit:Number(row.netDebit||0),
    returnAmount:Number(row.returnAmount||0),
    closingBalance:closeVal
 };
}

function buildCostingSettlementPayload(){
 return settlementRowFromFilters(costingSettlementSaveFilters());
}

/** Expand current Costing filters into every complete settlement row that should be saved. */
function buildAllCostingSettlementPayloads(){
 const base=costingSettlementSaveFilters();
 // Save when Month is selected.
 // - Supervisor = All → every supervisor visible under current filters
 // - Supervisor selected → only that supervisor (same numbers as KPI cards)
 // Calculation uses the SAME filter scope as the Costing page (company/portfolio optional).
 // One sheet row per Supervisor + Month (no per-company overwrite).
 if(!base.month)return [];

 const mk=monthKey(base.month);
 if(!mk)return [];

 let supervisors=[];
 if(base.supervisor){
   supervisors=[base.supervisor];
 }else{
   supervisors=costingSupervisorsForFilters({
      company:base.company||'',
      head:base.head||'',
      portfolio:base.portfolio||'',
     supervisor:'',
     month:mk,
     state:base.state||'',
     location:base.location||''
   });
 }
 if(!supervisors.length)return [];

 const rows=[];
 const seen=new Set();
  supervisors.forEach(supervisor=>{
    if(isSeemaSupervisor(supervisor))return;
    // IMPORTANT: same filter object shape the KPI cards use — do NOT loop companies separately.
   const f={
     company:base.company||'',
     portfolio:base.portfolio||'',
     supervisor,
     month:mk,
     state:base.state||'',
      location:'',
      segment:base.segment||''
   };
   const settle=socSettlement(f);
   const row=settle.selectedSettlement;
   if(!row)return;

   const hasSignal=
     Number(row.netBilling||0)!==0 ||
     row.rate!=null ||
      Number(row.debit||0)!==0 ||
      Number(row.credit||0)!==0 ||
       Number(row.creditNoteAmount||0)!==0 ||
       Number(row.supervisorTdsAmount||0)!==0 ||
      Number(row.returnAmount||0)!==0 ||
      Number(row.entitlement||0)!==0 ||
     Number(row.opening||0)!==0 ||
     Number(row.closing||0)!==0;
   if(!hasSignal)return;

   // Seed opening from March_2026_Closing / CS before save
   const seededOpen=getSeedClosingForPreviousMonth(supervisor, mk);
   const openVal=seededOpen!=null?seededOpen:(row.opening==null?null:Number(row.opening));
    const closeVal=(row.rate!=null&&row.entitlement!=null&&row.hasStatementData&&openVal!=null)
       ?(Number(openVal)+Number(row.entitlement||0)-Number(row.netDebit||0)+Number(row.returnAmount||0))
     :(row.closing==null?null:Number(row.closing));
   const payload={
     month:monthLabelFromKey(row.monthKey||mk),
     company: base.company ? (C(base.company)?.name||base.company) : 'ALL',
     portfolio: base.portfolio ? canonicalPortfolio(base.portfolio) : 'ALL',
     supervisor,
     netBilling:Number(row.netBilling||0),
     costingPercent:row.rate==null?null:Number(row.rate),
      costingAmount:row.costingBeforeCreditNote==null?null:Number(row.costingBeforeCreditNote),
      creditNote:Number(row.creditNoteAmount||0),
      supervisorTds:Number(row.supervisorTdsAmount||0),
      finalCostingAmount:row.entitlement==null?null:Number(row.entitlement),
      previousBalance:openVal,
      netDebit:Number(row.netDebit||0),
      returnAmount:Number(row.returnAmount||0),
      closingBalance:closeVal
   };
   const key=[String(payload.supervisor||'').toLowerCase(),String(payload.month||'').toLowerCase()].join('|');
   if(seen.has(key))return;
   seen.add(key);
   rows.push(payload);
 });
 return rows;
}

function costingSettlementFingerprint(row){
 if(!row)return '';
 return JSON.stringify([
    row.month,row.supervisor,row.netBilling,row.costingPercent,
    row.costingAmount,row.creditNote,row.supervisorTds,row.finalCostingAmount,
    row.previousBalance,row.netDebit,row.returnAmount,row.closingBalance
 ]);
}

function costingSettlementListFingerprint(rows){
 return (rows||[]).map(costingSettlementFingerprint).join('||');
}

function setCostingSaveStatus(msg,type){
 const el=document.getElementById('costingSaveStatus');
 if(!el)return;
 el.className='costing-save-status'+(type?' '+type:'');
 el.textContent=msg||'';
}

async function postCostingSettlementBulk(url,rows){
 const res=await fetch(url,{
   method:'POST',
   headers:{'Content-Type':'text/plain;charset=utf-8'},
   body:JSON.stringify({action:'saveCostingSettlementBulk',rows}),
   redirect:'follow',
   cache:'no-store'
 });
 const txt=await res.text();
 let data={};
 try{data=JSON.parse(txt)}catch(e){throw new Error('Apps Script response invalid: '+txt.slice(0,180));}
 if(!data.ok)throw new Error(data.error||'Bulk settlement save failed');
 return data;
}

async function postCostingSettlementRow(url,row){
 const res=await fetch(url,{
   method:'POST',
   headers:{'Content-Type':'text/plain;charset=utf-8'},
   body:JSON.stringify({action:'saveCostingSettlement',row}),
   redirect:'follow',
   cache:'no-store'
 });
 const txt=await res.text();
 let data={};
 try{data=JSON.parse(txt)}catch(e){throw new Error('Apps Script response invalid: '+txt.slice(0,180));}
 if(!data.ok)throw new Error(data.error||'Settlement save failed');
 return data;
}

async function saveCurrentCostingSettlement(manual){
 const rows=buildAllCostingSettlementPayloads();
 if(!rows.length){
   if(manual){
      alert('Select a Month to save to Google Sheets.\nAll Supervisors = save every supervisor.\nOne Supervisor selected = save that supervisor\'s KPI figures.');
   }
    setCostingSaveStatus('Select a Month. All Supervisors = save all; one Supervisor = save that supervisor\'s KPI data.','');
   return false;
 }

 const fp=costingSettlementListFingerprint(rows);
 if(!manual && fp===costingSettlementLastFingerprint)return true;

 const url=getAccountAppsScriptUrl();
 if(!url){
   if(manual)alert('Apps Script Web App URL missing.');
   return false;
 }

 if(costingSettlementAutoSaveRunning && !manual)return false;
 costingSettlementAutoSaveRunning=true;
 setCostingSaveStatus(
   (manual?'Saving':'Auto-saving')+` ${rows.length} settlement row(s) together to Costing_Settlement...`,
   ''
 );

 try{
   let saved=0, updated=0, lastRow='-';
   try{
      // Send all rows in one request.
     const data=await postCostingSettlementBulk(url,rows);
     saved=Number(data.added||0);
     updated=Number(data.updated||0);
     if(Array.isArray(data.results)&&data.results.length){
       lastRow=data.results[data.results.length-1].rowNumber||'-';
     }
   }catch(bulkErr){
     const msg=String(bulkErr.message||bulkErr);
     // Purana deploy ho to sequential fallback
     if(!/Unknown action|saveCostingSettlementBulk/i.test(msg))throw bulkErr;
     for(const row of rows){
       const data=await postCostingSettlementRow(url,row);
       if(data.mode==='added')saved++; else updated++;
       if(data.rowNumber!=null)lastRow=data.rowNumber;
     }
   }

   costingSettlementLastFingerprint=fp;
   const parts=[];
   if(saved)parts.push(saved+' new');
   if(updated)parts.push(updated+' updated');
   setCostingSaveStatus(
     `Saved together • ${rows.length} row(s) in Costing_Settlement`+(parts.length?' ('+parts.join(', ')+')':'')+(rows.length===1?` • Row ${lastRow}`:''),
     'ok'
   );
   return true;
 }catch(err){
   setCostingSaveStatus('Save failed: '+String(err.message||err),'warn');
   if(manual)alert('Costing settlement save failed: '+String(err.message||err));
   return false;
 }finally{
   costingSettlementAutoSaveRunning=false;
 }
}

function scheduleCostingSettlementAutoSave(){
 clearTimeout(costingSettlementAutoTimer);
 const rows=buildAllCostingSettlementPayloads();
 if(!rows.length){
    setCostingSaveStatus('Select a Month — auto-save Supervisor + Month rows (KPI data).','');
   return;
 }
 const fp=costingSettlementListFingerprint(rows);
 if(fp===costingSettlementLastFingerprint){
   setCostingSaveStatus(`Up to date • ${rows.length} settlement row(s) already saved in Costing_Settlement`,'ok');
   return;
 }
 setCostingSaveStatus(`Auto-save pending • ${rows.length} settlement row(s)...`,'');
 costingSettlementAutoTimer=setTimeout(()=>saveCurrentCostingSettlement(false),900);
}


function costingMultiFilterChanged(id,values){
  if(id==='costCompany'){
    refreshCostingFilterOptions();
    renderCostingPageBody();
    return;
  }
  refreshCostingFilterOptions();
  renderCostingPageBody();
  if(id==='costSupervisor'||id==='costMonth')refreshCostingPreviousBalanceFromSheet();
}

 function costingPage(){
  lastDashboardPage='costing';
  head('Costing','Group › Costing');

 // Company dropdown is master-driven so a newly added company appears even before billing/account activity.
 const costingCompanies=[...new Set(companies.map(c=>c.id).filter(Boolean))];

 document.getElementById('content').innerHTML=`
    <div class="overview-filterbar account-filter-panel costing-filter-panel">
      <div class="filter-title">Costing Settlement Filters</div>
      <div class="filter-controls costing-filter-grid">
           ${multiFilterControl('costCompany','',costingCompanies,'All Companies',values=>costingMultiFilterChanged('costCompany',values),v=>C(v)?.name||v)}
          ${multiFilterControl('costMonth','',[],'All Months',values=>costingMultiFilterChanged('costMonth',values),monthLabelFromKey)}
          ${multiFilterControl('costHead','',[],'All Heads',values=>costingMultiFilterChanged('costHead',values))}
          ${multiFilterControl('costSupervisor','',[],'All Supervisors',values=>costingMultiFilterChanged('costSupervisor',values))}
          ${multiFilterControl('costPortfolio','',[],'All Portfolios',values=>costingMultiFilterChanged('costPortfolio',values))}
         ${multiFilterControl('costState','',[],'All States',values=>costingMultiFilterChanged('costState',values))}
         ${multiFilterControl('costLocation','',[],'All Locations',values=>costingMultiFilterChanged('costLocation',values))}
         ${multiFilterControl('costSegment','',[],'All Segments',values=>costingMultiFilterChanged('costSegment',values))}
       <button class="btn" onclick="resetCostingFilters()">Reset</button>
     </div>
   </div>
   <div id="costingPageBody"></div>
 `;
 refreshCostingFilterOptions(true);
 renderCostingPageBody();
}

function costingCurrentFilters(){
 return {
    company:document.getElementById('costCompany')?.value||'',
    head:document.getElementById('costHead')?.value||'',
   portfolio:document.getElementById('costPortfolio')?.value||'',
   supervisor:document.getElementById('costSupervisor')?.value||'',
   month:document.getElementById('costMonth')?.value||'',
   state:document.getElementById('costState')?.value||'',
    location:document.getElementById('costLocation')?.value||'',
    segment:document.getElementById('costSegment')?.value||''
 };
}

function setCostingSelectOptions(id,options,placeholder,formatter){
  updateMultiFilterControl(id,options,placeholder,formatter);
}

function refreshCostingFilterOptions(){
 const f=costingCurrentFilters();
 let br=[...bills], sr=[...socStatementRows], lm=[...locationMasterRows];
 let ma=monthlyAssignmentRows.filter(r=>r.active!==false);

 // Company is the first dependency for every Costing source.
 if(f.company){
   br=br.filter(x=>multiFilterMatches(x.c,f.company,v=>String(v)));
   sr=sr.filter(x=>multiFilterMatches(x.sourceCompany,f.company,v=>String(v)));
   lm=lm.filter(r=>multiFilterMatches(r.company,f.company,v=>String(v)));
   ma=ma.filter(r=>multiFilterMatches(r.company,f.company,v=>String(v)));
 }

 // Month is the second dependency and narrows all month-aware sources.
 const monthSource=isSeemaSupervisor(f.supervisor)
   ? [...sr.map(x=>monthKey(x.socMonth)),...seemaSalaryMonths()]
   : [
       ...costingMasterRows.filter(r=>!f.company||!r.company||multiFilterMatches(r.company,f.company,v=>String(v))).map(r=>monthKey(r.month)),
       ...br.map(x=>monthKey(x.month)),
       ...sr.map(x=>monthKey(x.socMonth)),
       ...ma.filter(r=>r.month&&r.month!=='*').map(r=>monthKey(r.month))
     ];
 const months=[...new Set(monthSource.filter(isDashboardVisibleMonth))].sort((a,b)=>monthOrdinal(a)-monthOrdinal(b));
 setCostingSelectOptions('costMonth',months,'All Months',monthLabelFromKey);
 const fMonth=costingCurrentFilters();
 const monthSelections=multiFilterValues(fMonth.month);
 if(monthSelections.length){
   br=br.filter(x=>monthSelections.some(month=>monthKey(x.month)===monthKey(month)));
   sr=sr.filter(x=>monthSelections.some(month=>monthKey(x.socMonth)===monthKey(month)));
   ma=ma.filter(r=>monthSelections.some(month=>assignmentAppliesToMonth(r,month)));
 }

 // Head depends on Company + Month.
 const headOptions=[...new Set([
   ...ma.map(r=>String(r.head||'').trim()),
   ...costingMasterRows.filter(r=>
     (!fMonth.company||!r.company||multiFilterMatches(r.company,fMonth.company,v=>String(v))) &&
     (!monthSelections.length||monthSelections.some(month=>monthKey(r.month)===monthKey(month)))
   ).map(r=>String(r.head||'').trim()),
   ...br.map(r=>billHead(r))
 ].filter(Boolean))].sort((a,b)=>a.localeCompare(b));
 setCostingSelectOptions('costHead',headOptions,'All Heads');
 const fHead=costingCurrentFilters();
 if(fHead.head){
   br=br.filter(x=>multiFilterMatches(billHead(x),fHead.head,normText));
   ma=ma.filter(r=>multiFilterMatches(r.head,fHead.head,normText));
   lm=lm.filter(r=>!r.head||multiFilterMatches(r.head,fHead.head,normText));
 }

 // Supervisor depends on Company + Month + Head, before Portfolio.
 const supervisors=costingSupervisorsForFilters({
   company:fHead.company||'',
   head:fHead.head||'',
   portfolio:'',
   supervisor:'',
   month:fHead.month||'',
   state:'',
   location:''
 });
 setCostingSelectOptions('costSupervisor',supervisors,'All Supervisors');
 const fSupervisor=costingCurrentFilters();
 if(fSupervisor.supervisor){
   br=br.filter(x=>multiFilterMatches(billSupervisor(x),fSupervisor.supervisor,v=>normText(canonicalSupervisor(v))));
   sr=sr.filter(x=>multiFilterMatches(String(x.supervisor||'').trim(),fSupervisor.supervisor,v=>normText(canonicalSupervisor(v))));
   ma=ma.filter(r=>multiFilterMatches(String(r.supervisor||'').trim(),fSupervisor.supervisor,v=>normText(canonicalSupervisor(v))));
 }

 // Portfolio depends on Company + Month + Head + Supervisor.
 const portfolios=[...new Set(ma.map(r=>canonicalPortfolio(r.portfolio)).filter(Boolean))].sort((a,b)=>a.localeCompare(b));
 setCostingSelectOptions('costPortfolio',portfolios,'All Portfolios');
 const fPortfolio=costingCurrentFilters();
 if(fPortfolio.portfolio){
   br=br.filter(x=>multiFilterMatches(x.p,fPortfolio.portfolio,v=>normText(canonicalPortfolio(v))));
   sr=sr.filter(x=>multiFilterMatches(normalizeStatementPortfolio(x.portfolio),fPortfolio.portfolio,v=>normText(canonicalPortfolio(v))));
   lm=lm.filter(r=>multiFilterMatches(r.portfolio,fPortfolio.portfolio,v=>normText(canonicalPortfolio(v))));
   ma=ma.filter(r=>multiFilterMatches(r.portfolio,fPortfolio.portfolio,v=>normText(canonicalPortfolio(v))));
 }

 // State and Location are downstream of Portfolio.
 const states=[...new Set([
   ...ma.map(r=>String(r.state||'').trim()),
   ...lm.map(r=>String(r.state||'').trim()),
   ...br.map(x=>String(x.state||'').trim())
 ].filter(Boolean))].sort((a,b)=>a.localeCompare(b));
 setCostingSelectOptions('costState',states,'All States');
 const fState=costingCurrentFilters();
 if(fState.state){
   br=br.filter(x=>multiFilterMatches(x.state,fState.state,stateKey));
   sr=sr.filter(x=>multiFilterMatches(statementSettlementState(x),fState.state,stateKey));
   lm=lm.filter(r=>multiFilterMatches(r.state,fState.state,stateKey));
   ma=ma.filter(r=>multiFilterMatches(r.state,fState.state,stateKey));
 }

 const locations=[...new Set([
   ...ma.map(r=>canonicalCity(r.city)),
   ...lm.map(r=>canonicalCity(r.city)),
   ...br.map(x=>canonicalCity(x.city))
 ].filter(Boolean))].sort((a,b)=>a.localeCompare(b));
 setCostingSelectOptions('costLocation',locations,'All Locations');
 const fLocation=costingCurrentFilters();
 if(fLocation.location){
   br=br.filter(x=>multiFilterMatches(x.city,fLocation.location,v=>normText(canonicalCity(v))));
   sr=sr.filter(x=>multiFilterMatches(x.location,fLocation.location,v=>normText(canonicalCity(v))));
   lm=lm.filter(r=>multiFilterMatches(r.city,fLocation.location,v=>normText(canonicalCity(v))));
   ma=ma.filter(r=>multiFilterMatches(r.city,fLocation.location,v=>normText(canonicalCity(v))));
 }

 // Segment is the final Costing dependency.
 const segmentOptions=[...new Set(br.map(r=>String(r.segment||'').trim()).filter(Boolean))].sort((a,b)=>a.localeCompare(b));
 setCostingSelectOptions('costSegment',segmentOptions,'All Segments');
}

function resetCostingFilters(){
  ['costCompany','costHead','costPortfolio','costSupervisor','costMonth','costState','costLocation','costSegment'].forEach(id=>{
   const el=document.getElementById(id);
   if(el)el.value='';
 });
 refreshCostingFilterOptions();
 renderCostingPageBody();
}

async function refreshCostingPreviousBalanceFromSheet(){
  // Always fetch fresh Previous Balance from Google Sheet / Apps Script.
  // This is intentionally independent of billing/account-statement rows.
  try{
    window.__costingSeedFetchBusy=true;
    window.__costingSeedLiveLoaded=false;
    window.__costingSeedFetchTries=0;

    // Clear in-memory seed and settlement data so stale browser data cannot win.
    march2026ClosingRows=[];
    costingSettlementRows=[];

    const ok=await fetchCostingOpeningSeedsFromApi();
    if(ok){
      window.__costingSeedLiveLoaded=true;
      // Cache only AFTER successful Google Sheet read.
      try{ saveMarchSeedToLocal(); }catch(_){}
    }
  }catch(err){
    console.warn('[CostingPB refresh]',err);
  }finally{
    window.__costingSeedFetchBusy=false;
    renderCostingPageBody();
  }
}


async function fetchMarchClosingDirectFromGoogleSheet(){
 try{
   const sid=CURRENT_GOOGLE_SHEET_ID||'';
   if(!sid)return false;
   // gviz CSV export by sheet name — works when user is logged into Google in same browser
   const url='https://docs.google.com/spreadsheets/d/'+encodeURIComponent(sid)+'/gviz/tq?tqx=out:csv&sheet='+encodeURIComponent('March_2026_Closing')+'&_ts='+Date.now();
   const res=await fetch(url,{method:'GET',credentials:'include',cache:'no-store'});
   if(!res.ok)return false;
   const text=await res.text();
   if(!text||text[0]==='<'||text.indexOf('accounts')>=0||text.indexOf('<!DOCTYPE')>=0)return false;
    const lines=text.replace(/^\\uFEFF/,'').split(/\\r?\\n/).filter(l=>String(l||'').trim()!=='');
    if(lines.length<2){
      march2026ClosingRows=[];
      try{localStorage.removeItem('costingMarch2026Seed');}catch(_){ }
      return true;
    }
   // simple CSV split (handles quoted cells lightly)
   const splitCsv=line=>{
     const out=[]; let cur='',q=false;
     for(let i=0;i<line.length;i++){
       const ch=line[i];
       if(ch==='"'){q=!q;continue;}
       if(ch===','&&!q){out.push(cur);cur='';continue;}
       cur+=ch;
     }
     out.push(cur);
     return out.map(s=>String(s||'').trim());
   };
   const header=splitCsv(lines[0]).map(h=>normHeader(h));
   let si=header.findIndex(h=>h.includes('supervisor')||h==='name');
   let ci=header.findIndex(h=>h.includes('closing')||h==='closingbalance'||h.includes('balance'));
   if(si<0)si=0;
   if(ci<0)ci=header.length>1?1:0;
   const rows=[];
   for(let i=1;i<lines.length;i++){
     const cols=splitCsv(lines[i]);
     const supervisor=String(cols[si]||'').trim();
     const closing=num(cols[ci]);
     if(supervisor&&isFinite(closing))rows.push({supervisor,closing});
   }
    if(!rows.length){
      march2026ClosingRows=[];
      try{localStorage.removeItem('costingMarch2026Seed');}catch(_){ }
      return true;
    }
   march2026ClosingRows=rows;
   try{ localStorage.setItem('costingMarch2026Seed', JSON.stringify(rows)); }catch(_){}
   console.log('[CostingSeed:CSV]', rows.length, rows);
   return true;
 }catch(err){
   console.warn('[CostingSeed:CSV]', err);
   return false;
 }
}

async function fetchCostingSettlementDirectFromGoogleSheet(){
 try{
   const sid=CURRENT_GOOGLE_SHEET_ID||'';
   if(!sid)return false;
   const url='https://docs.google.com/spreadsheets/d/'+encodeURIComponent(sid)+'/gviz/tq?tqx=out:csv&sheet='+encodeURIComponent('Costing_Settlement')+'&_ts='+Date.now();
   const res=await fetch(url,{method:'GET',credentials:'include',cache:'no-store'});
   if(!res.ok)return false;
   const text=await res.text();
   if(!text||text[0]==='<'||text.includes('<!DOCTYPE'))return false;
   const lines=text.replace(/^\uFEFF/,'').split(/\r?\n/).filter(l=>String(l||'').trim()!=='');
   if(lines.length<2){costingSettlementRows=[];return true;}
   const splitCsv=line=>{
     const out=[];let cur='',q=false;
     for(let i=0;i<line.length;i++){
       const ch=line[i];
       if(ch==='"'){q=!q;continue;}
       if(ch===','&&!q){out.push(cur);cur='';continue;}
       cur+=ch;
     }
     out.push(cur);
     return out.map(s=>String(s||'').trim());
   };
   const header=splitCsv(lines[0]).map(h=>normHeader(h));
   const index=aliases=>header.findIndex(h=>aliases.some(a=>h===a||h.includes(a)));
   const mi=index(['month']),si=index(['supervisor','supervisorname']),pi=index(['previousbalance','previous']),ci=index(['closingbalance','closing']);
   if(mi<0||si<0||ci<0)return false;
   const numberOrNull=value=>{
     const raw=String(value??'').trim();
     if(!raw)return null;
     const n=Number(raw.replace(/,/g,'').replace(/[₹%]/g,''));
     return Number.isFinite(n)?n:null;
   };
   const rows=[];
   for(let i=1;i<lines.length;i++){
     const cols=splitCsv(lines[i]);
     const month=formatMonthValue(cols[mi]);
     const supervisor=String(cols[si]||'').trim();
     if(month&&supervisor)rows.push({month,supervisor,previousBalance:pi>=0?numberOrNull(cols[pi]):null,closingBalance:numberOrNull(cols[ci])});
   }
   costingSettlementRows=rows;
   console.log('[CostingSettlement:CSV]',rows.length);
   return true;
 }catch(err){
   console.warn('[CostingSettlement:CSV]',err);
   return false;
 }
}

async function fetchCostingOpeningSeedsFromApi(){
  // 0) Direct Google Sheet CSV (March_2026_Closing) — no deploy needed
  let directMarchLoaded=false;
  let directSettlementLoaded=false;
  try{
    directMarchLoaded=await fetchMarchClosingDirectFromGoogleSheet();
  }catch(_){}
  try{
    directSettlementLoaded=await fetchCostingSettlementDirectFromGoogleSheet();
  }catch(_){}

 // IMPORTANT: Previous Balance must read from the SAME deployed Apps Script URL
 // used by March_2026_Closing saves. Ignore stale browser/localStorage URLs.
 const base=String(DEFAULT_ACCOUNT_WEBAPP_URL||'').trim();
  if(!base){ console.warn('[CostingSeed] no Apps Script URL'); return directMarchLoaded||directSettlementLoaded; }

 const tryParseSeeds=data=>{
   if(!data)return false;
   lastSeedMeta={
     ok:!!data.ok,
     marchFound:data.marchSheetFound,
     marchRows:data.marchRowCount,
     sheetNames:data.sheetNames||null,
     source:data.source||data.action||'api'
   };
   // Shape A: dedicated getCostingOpeningSeeds
    if(data.march2026Closing||data.costingSettlement){
      if(Array.isArray(data.march2026Closing)){
        march2026ClosingRows=data.march2026Closing.map(r=>({supervisor:String(r.supervisor||'').trim(),closing:Number(r.closing)}))
          .filter(r=>r.supervisor&&Number.isFinite(r.closing));
        if(!march2026ClosingRows.length){try{localStorage.removeItem('costingMarch2026Seed');}catch(_){}
        }
      }
      if(Array.isArray(data.costingSettlement)){
        costingSettlementRows=data.costingSettlement.map(r=>({
          month:formatMonthValue(r.month),
          supervisor:String(r.supervisor||'').trim(),
          previousBalance:r.previousBalance!=null&&r.previousBalance!==''?Number(r.previousBalance):null,
          closingBalance:Number(r.closingBalance)
        })).filter(r=>r.month&&r.supervisor);
      }
   }
   // Shape B: full dashboardData.sheets
   if(data.sheets){
     lastLiveSheets=data.sheets;
     const names=Object.keys(data.sheets||{});
     lastSeedMeta.sheetNames=names;
     lastSeedMeta.marchFound=names.some(n=>String(n).toLowerCase().replace(/[\s_]/g,'')==='march2026closing');
     lastSeedMeta.marchRows=(data.sheets['March_2026_Closing']||[]).length;
     preloadSettlementSeedsFromSheets(data.sheets);
   }
   const ok=!!((march2026ClosingRows&&march2026ClosingRows.length)||(costingSettlementRows&&costingSettlementRows.length));
   console.log('[CostingSeed]', ok, 'March', (march2026ClosingRows||[]).length, 'CS', (costingSettlementRows||[]).length, lastSeedMeta, march2026ClosingRows);
   return ok;
 };

 // 1) GET getCostingOpeningSeeds
 try{
   const sep=base.includes('?')?'&':'?';
   const url=`${base}${sep}action=getCostingOpeningSeeds&_ts=${Date.now()}`;
   const res=await fetch(url,{method:'GET',cache:'no-store',redirect:'follow'});
   const txt=await res.text();
   let data={}; try{data=JSON.parse(txt);}catch(_){data={};}
   if(tryParseSeeds(data))return true;
 }catch(e){ console.warn('[CostingSeed] GET seeds', e); }

 // 2) GET dashboardData (same path that already loads billing)
 try{
   const sep=base.includes('?')?'&':'?';
   const url=`${base}${sep}action=dashboardData&scope=full&_ts=${Date.now()}`;
   const res=await fetch(url,{method:'GET',cache:'no-store',redirect:'follow'});
   const txt=await res.text();
   let data={}; try{data=JSON.parse(txt);}catch(_){data={};}
   if(tryParseSeeds(data))return true;
 }catch(e){ console.warn('[CostingSeed] GET dashboardData', e); }

 // 3) POST fallback
 try{
   const res=await fetch(base,{
     method:'POST', redirect:'follow', cache:'no-store',
     headers:{'Content-Type':'text/plain;charset=utf-8'},
     body:JSON.stringify({action:'getCostingOpeningSeeds'})
   });
   const txt=await res.text();
   let data={}; try{data=JSON.parse(txt);}catch(_){data={};}
   if(tryParseSeeds(data))return true;
 }catch(e){ console.warn('[CostingSeed] POST seeds', e); }

  return directMarchLoaded||directSettlementLoaded;
}


/**
 * Writes Supervisor + Closing Balance rows straight into the March_2026_Closing
 * Google Sheet via the Apps Script web app (action=saveMarch2026Closing).
 * This is the ONLY place that should be treated as "saved" — localStorage is
 * just an optimistic local cache so the UI updates instantly.
 */
/**
 * Wipes the browser-local March_2026_Closing cache (localStorage) and pulls a
 * fresh copy straight from the Google Sheet. Use this after any local-only test
 * data (typos, wrong-format saves) so the sheet becomes the single source again.
 */
async function clearMarch2026SeedLocal(){
 const status=document.getElementById('marchSeedStatus');
 try{ localStorage.removeItem('costingMarch2026Seed'); }catch(_){}
 march2026ClosingRows=[];
  if(status)status.textContent='Local cache cleared. Loading fresh data from Google Sheets...';
 window.__costingSeedFetchTries=0;
 try{
   const ok=await fetchCostingOpeningSeedsFromApi();
   if(status)status.textContent=ok
      ? 'Local cache cleared. Loaded '+(march2026ClosingRows||[]).length+' supervisor(s) from Google Sheets.'
      : 'Local cache cleared. No data was received from Google Sheets — please check the sheet.';
 }catch(err){
    if(status)status.textContent='Local cache cleared, but Google Sheets failed to load: '+String(err.message||err);
 }
 renderCostingPageBody();
}

async function postMarch2026ClosingToSheet(rows){
  // March_2026_Closing must always use the current hard-coded Apps Script endpoint.
  // Do NOT trust an old accountAppsScriptUrl from browser localStorage.
  const base=String(DEFAULT_ACCOUNT_WEBAPP_URL||'').trim();
  if(!base) throw new Error('Apps Script Web App URL missing.');

  const res=await fetch(base,{
    method:'POST', redirect:'follow', cache:'no-store',
    headers:{'Content-Type':'text/plain;charset=utf-8'},
    body:JSON.stringify({action:'saveMarch2026Closing',rows})
  });
  const txt=await res.text();
  let data=null;
  try{ data=JSON.parse(txt); }
  catch(_){
    console.error('[MarchSeed] non-JSON response:', txt.slice(0,300));
    throw new Error('No JSON response was received from Apps Script. This may be a deployment or permission issue. Raw response: '+txt.slice(0,150));
  }
  console.log('[MarchSeed] response:', data);
  if(!data.ok) throw new Error(data.error||'March_2026_Closing sheet save failed');

  if(!data.build || data.build!==APPS_SCRIPT_EXPECTED_BUILD){
    throw new Error('Apps Script is serving an older version (build: '+(data.build||'none')+'). Open Deploy > Manage deployments > Edit, select Version: New version, deploy, and try again.');
  }
  if(String(data.sheetName||'')!=='March_2026_Closing'){
    throw new Error('Wrong target sheet returned by Apps Script: '+String(data.sheetName||'unknown'));
  }
  return data;
}

async function applyMarch2026SeedFromUI(){
  const name=(document.getElementById('marchSeedSupervisor')?.value||'').trim();
  const amt=Number(String(document.getElementById('marchSeedAmount')?.value||'').replace(/,/g,'').replace(/[₹]/g,'').trim());
  const status=document.getElementById('marchSeedStatus');
  if(!name){ if(status)status.textContent='Select or enter a Supervisor.'; return; }
  if(!isFinite(amt)){ if(status)status.textContent='Enter a valid Closing Balance.'; return; }

  // IMPORTANT: Google Sheet is authoritative. Save remotely FIRST.
  // Only after confirmed API success do we update localStorage/UI.
  if(status)status.textContent='Saving '+name+' to March_2026_Closing sheet...';
  try{
    await postMarch2026ClosingToSheet([{supervisor:name,closing:amt}]);
    window.__costingSeedFetchTries=0;

    // Pull the confirmed sheet data back into the UI.
    await fetchCostingOpeningSeedsFromApi();

    // Keep the browser cache only as a read cache after successful remote save.
    saveMarchSeedToLocal();
    if(status)status.textContent='Saved to Google Sheet (March_2026_Closing): '+name+' = '+amt+'.';
  }catch(err){
    if(status)status.textContent='Google Sheet save FAILED — local data NOT saved: '+String(err.message||err);
  }
  renderCostingPageBody();
}

async function applyMarch2026SeedBulk(){
  const text=(document.getElementById('marchSeedBulk')?.value||'').trim();
  const status=document.getElementById('marchSeedStatus');
  if(!text){ if(status)status.textContent='Paste lines: Supervisor,Amount'; return; }

  const parsedRows=[];
  let n=0;
  text.split(/\r?\n+/).forEach(line=>{
    const p=line.split(/[\t,|]+/).map(x=>String(x||'').trim()).filter(Boolean);
    if(p.length<2)return;
    const supervisor=p[0];
    const closing=Number(String(p[1]).replace(/,/g,'').replace(/[₹]/g,''));
    if(!supervisor||!isFinite(closing))return;
    parsedRows.push({supervisor,closing});
    n++;
  });
  if(!n){ if(status)status.textContent='No valid lines found. Use one line per entry in this format: Supervisor,Amount'; return; }

  // IMPORTANT: Google Sheet is authoritative. Do not put bulk data into localStorage
  // until the Apps Script confirms that the sheet write succeeded.
  if(status)status.textContent='Saving '+n+' supervisor(s) to March_2026_Closing sheet...';
  try{
    await postMarch2026ClosingToSheet(parsedRows);
    window.__costingSeedFetchTries=0;
    await fetchCostingOpeningSeedsFromApi();
    saveMarchSeedToLocal();
    if(status)status.textContent='Saved to Google Sheet (March_2026_Closing): '+n+' supervisor(s).';
  }catch(err){
    if(status)status.textContent='Google Sheet save FAILED — local data NOT saved: '+String(err.message||err);
  }
  renderCostingPageBody();
}

function seemaCostingKpis(settle,selectedMonth){
  const monthMeta=selectedMonth?`Selected month: ${formatBillingMonth(selectedMonth)}`:'All selected months';
  const salarySource=seemaSalarySheetName||'Salary sheet not loaded';
  const showPreviousBalance=!(selectedMonth&&Number(settle.rate)===100);
   const closingMeta=Number(settle.rate)===100
     ? 'Billing Net Amount − Total Used (100% rule • no carry forward)'
     : 'Previous Balance + Final Costing Amount − Total Used';
  return `<div class="kpis costing-seema-kpis">
    ${kpi('Net Billing',money(settle.netBilling),'Basic Bill − TDS')}
    ${kpi('Costing %',selectedMonth?(settle.rate==null?'Not Configured':settle.rate+'%'):'Month-wise',selectedMonth?'Applicable for '+formatBillingMonth(selectedMonth):'Select month for settlement')}
    ${kpi('Costing Before Credit Note',selectedMonth&&settle.rate==null?'Not Configured':money(settle.costingBeforeCreditNote),'Net Billing × Costing %')}
    ${kpi('Credit Note',money(settle.creditNoteAmount),'Full amount less after costing %')}
    ${kpi('Supervisor TDS',supervisorTdsKpiValue({supervisor:'Seema Sharma',month:selectedMonth},settle.supervisorTdsAmount),'Select Supervisor + Month • Less after Credit Note')}
     ${kpi('Final Costing Amount',selectedMonth&&settle.rate==null?'Not Configured':money(settle.entitlement),'Costing Before Credit Note − Credit Note')}
     ${showPreviousBalance?kpi('Previous Balance',selectedMonth?(settle.opening==null?'Pending':settlementSignedMoney(settle.opening)):'Select Month','Carry-forward shown separately'):''}
     ${kpi('Total Debit',money(settle.advanceDebit??settle.debit),`Advance debit only • remark contains Advance • ${monthMeta}`)}
    ${kpi('Dead Fund',money(settle.deadFund),`Dead / Dead Fund account entries • ${monthMeta}`)}
    ${kpi('Total Salary',money(settle.totalSalary),`${salarySource} • ${monthMeta}`)}
    ${kpi('Total Used',money(settle.totalUsed),'Dead Fund + Total Salary')}
      ${kpi('Net Debit',money(settlementNetDebitDisplay(settle)),'Statement Net Debit + Supervisor TDS')}
    ${kpi('Return Amount',money(settle.returnAmount),returnAmountKpiMeta())}
      ${kpi('Pending Return',money(settlementNetDebitDisplay(settle)-Number(settle.returnAmount||0)),'Net Debit − Return Amount')}
    ${kpi('Closing Balance',selectedMonth?(settle.finalBalance==null?'Pending':settlementSignedMoney(settle.finalBalance)):'Select Month',closingMeta)}
  </div>`;
}
function seemaCostingTable(rows){
  return `<div class="section"><h3>Seema Sharma Month-wise Costing</h3><span class="badge">Billing + Accounts + Salary Sheet</span></div>
  <div class="month-costing-wrap"><div class="tablewrap"><table>
    <thead><tr>
      <th>Month</th><th class="num-col">Billing Net Amount</th><th class="num-col">Previous Balance</th>
      <th class="num-col">Total Debit</th><th class="num-col">Dead Fund</th><th class="num-col">Net Debit</th>
      <th class="num-col">Total Salary</th><th class="num-col">Total Used</th><th class="num-col">Closing Balance</th>
    </tr></thead><tbody>
      ${(rows||[]).map(x=>`<tr>
        <td>${htmlEscape(formatBillingMonth(x.month))}</td>
        <td class="num-col">${money(x.net)}</td>
         <td class="num-col">${Number(x.rate)===100?'—':(x.opening==null?'Pending':settlementSignedMoney(x.opening))}</td>
         <td class="num-col">${money(x.advanceDebit??x.debit)}</td>
        <td class="num-col">${money(x.deadFund)}</td>
         <td class="num-col">${money(settlementNetDebitDisplay(x))}</td>
        <td class="num-col">${money(x.totalSalary)}</td>
        <td class="num-col">${money(x.totalUsed)}</td>
        <td class="num-col"><strong>${settlementSignedMoney(x.closing)}</strong></td>
      </tr>`).join('')||`<tr><td colspan="9">No Seema Sharma billing, account or salary rows found.</td></tr>`}
    </tbody>
  </table></div></div>`;
}

function accountAdjustmentAuditRows(statementRows){
  const grouped=new Map();
  (statementRows||[]).forEach(row=>(row.adjustmentTrace||[]).forEach(trace=>{
    const key=[trace.ruleId,trace.targetSupervisor,trace.targetHead,trace.targetMonth,trace.targetPortfolio].join('|');
    const item=grouped.get(key)||{ruleId:trace.ruleId,ruleName:trace.ruleName,action:trace.action,targetSupervisor:trace.targetSupervisor,targetHead:trace.targetHead,targetMonth:trace.targetMonth,targetPortfolio:trace.targetPortfolio,amount:0,count:0};
    item.amount+=Number(trace.amount||0);
    item.count+=1;
    grouped.set(key,item);
  }));
  return [...grouped.values()].sort((a,b)=>String(a.ruleName).localeCompare(String(b.ruleName)));
}
function costingAuditData(filters){
  const monthValues=multiFilterValues(filters.month);
  if(monthValues.length!==1)return {message:'Select exactly one month to open the month-wise calculation audit.',rows:[]};
  if(!filters.head&&!filters.supervisor)return {message:'Select a Head or Supervisor to open the calculation audit.',rows:[]};
  const month=monthValues[0];
  const selectedSupervisors=multiFilterValues(filters.supervisor);
  const supervisors=selectedSupervisors.length?selectedSupervisors:costingSupervisorsForFilters({...filters,month,supervisor:''});
  const rows=[];
  const headOnly=!selectedSupervisors.length&&multiFilterValues(filters.head).length===1;
  let headSummary=null;
  if(headOnly){
    const aggregate=costingAggregateSettlement(filters);
    const direct=headDirectSupervisorSettlement(aggregate,filters.head);
    const monthRow=(aggregate.monthlyCosting||[]).find(row=>monthKey(row.month)===monthKey(month));
    const aggregateRate=Number(String(monthRow?.rateLabel||aggregate.rateLabel||'').replace('%',''));
    const displayed=direct?settlementNetDebitDisplay(direct.selectedSettlement||direct):settlementNetDebitDisplay(aggregate);
    const closing=direct&&Number.isFinite(aggregateRate)
      ? settlementClosingFromDisplayedNetDebit({...aggregate,rate:aggregateRate},displayed,filters)
      : aggregate.finalBalance;
     headSummary={head:multiFilterValues(filters.head).join(', '),supervisor:'Head Summary',netBilling:aggregate.netBilling,rate:Number.isFinite(aggregateRate)?aggregateRate:null,costingBeforeCreditNote:aggregate.costingBeforeCreditNote,creditNote:aggregate.creditNoteAmount,supervisorTds:aggregate.supervisorTdsAmount,finalCosting:aggregate.entitlement,previousBalance:aggregate.opening,baseNetDebit:aggregate.netDebt,displayedNetDebit:displayed,returnAmount:aggregate.returnAmount,closing,portfolios:[],adjustments:(aggregate.rows||[]).flatMap(item=>accountAdjustmentAuditRows(item.settle?.st||[]))};
  }
  supervisors.filter(supervisor=>!isSeemaSupervisor(supervisor)).forEach(supervisor=>{
    const scoped={...filters,supervisor,month,__costingSupervisorExplicit:selectedSupervisors.length>0};
    const settle=socSettlement(scoped);
    const billRows=settlementBaseBills(scoped);
     const statementRows=settlementBaseStatements(scoped);
     const adjustments=accountAdjustmentAuditRows(statementRows);
    const portfolioKeys=[...new Set([
      ...billRows.map(row=>canonicalPortfolio(row.p)),
      ...statementRows.map(row=>canonicalPortfolio(normalizeStatementPortfolio(row.portfolio)))
    ].filter(Boolean))].sort((a,b)=>a.localeCompare(b));
    if(!portfolioKeys.length)portfolioKeys.push('Unmapped');
    const portfolios=portfolioKeys.map(portfolio=>{
      const portfolioBills=billRows.filter(row=>canonicalPortfolio(row.p)===portfolio);
      const portfolioStatements=statementRows.filter(row=>canonicalPortfolio(normalizeStatementPortfolio(row.portfolio))===portfolio);
      const netBilling=portfolioBills.reduce((sum,row)=>sum+billingNetAmount(row),0);
      const rates=costingRatesForSupervisor(supervisor,month,filters.company,portfolio,filters.head);
      const appliedRate=costingApplicableRate(rates,scoped);
      const costingBeforeCreditNote=appliedRate==null?null:netBilling*Number(appliedRate)/100;
      const creditNote=creditNoteTotalForRows(portfolioBills,false);
      const baseNetDebit=portfolioStatements.reduce((sum,row)=>sum+Number(row.debit||0)-Number(row.credit||0),0);
       return {portfolio,netBilling,headRate:rates?.headRate??null,supervisorRate:rates?.supervisorRate??null,appliedRate,costingBeforeCreditNote,creditNote,finalBeforeTds:costingBeforeCreditNote==null?null:costingBeforeCreditNote-creditNote,baseNetDebit,billCount:portfolioBills.length,statementCount:portfolioStatements.length,adjustments:accountAdjustmentAuditRows(portfolioStatements)};
    });
    const displayRow=settle.selectedSettlement||settle;
    rows.push({
      head:multiFilterValues(filters.head).join(', ')||'—',supervisor,
      netBilling:settle.netBilling,rate:settle.rate,costingBeforeCreditNote:settle.costingBeforeCreditNote,
      creditNote:settle.creditNoteAmount,supervisorTds:settle.supervisorTdsAmount,finalCosting:settle.entitlement,
      previousBalance:settle.opening,baseNetDebit:settle.netDebt,displayedNetDebit:settlementNetDebitDisplay(displayRow),
       returnAmount:settle.returnAmount,closing:settle.finalBalance,portfolios,adjustments
    });
  });
  return {month,rows,headSummary};
}

function renderCostingAuditBase(filters){
  if(isSeemaSupervisor(filters.supervisor))return '';
  const audit=costingAuditData(filters);
  if(!audit.rows.length)return `<div class="section costing-audit-panel"><h3>Month-wise Calculation Audit</h3><p class="meta">${htmlEscape(audit.message)}</p></div>`;
  const value=v=>v==null?'—':money(v);
  const signed=v=>v==null?'—':settlementSignedMoney(v);
  const rate=v=>v==null?'Not Configured':`${v}%`;
  const summaryRows=[...(audit.headSummary?[audit.headSummary]:[]),...audit.rows].map(row=>`<tr><td>${htmlEscape(row.head)}</td><td><strong>${htmlEscape(row.supervisor)}</strong></td><td class="num-col">${value(row.netBilling)}</td><td class="num-col">${rate(row.rate)}</td><td class="num-col">${value(row.costingBeforeCreditNote)}</td><td class="num-col">${value(row.creditNote)}</td><td class="num-col">${value(row.supervisorTds)}</td><td class="num-col">${value(row.finalCosting)}</td><td class="num-col">${signed(row.previousBalance)}</td><td class="num-col">${value(row.baseNetDebit)}</td><td class="num-col">${value(row.displayedNetDebit)}</td><td class="num-col">${value(row.returnAmount)}</td><td class="num-col"><strong>${signed(row.closing)}</strong></td></tr>`).join('');
  const portfolioRows=audit.rows.flatMap(row=>row.portfolios.map(item=>`<tr><td>${htmlEscape(row.head)}</td><td>${htmlEscape(row.supervisor)}</td><td><strong>${htmlEscape(item.portfolio)}</strong></td><td class="num-col">${value(item.netBilling)}</td><td class="num-col">${rate(item.headRate)}</td><td class="num-col">${rate(item.supervisorRate)}</td><td class="num-col">${rate(item.appliedRate)}</td><td class="num-col">${value(item.costingBeforeCreditNote)}</td><td class="num-col">${value(item.creditNote)}</td><td class="num-col">${value(item.finalBeforeTds)}</td><td class="num-col">${value(item.baseNetDebit)}</td><td class="num-col">${item.billCount}/${item.statementCount}</td></tr>`)).join('');
  return `<div class="section costing-audit-panel"><h3>Month-wise Calculation Audit</h3><span class="badge">${htmlEscape(formatBillingMonth(audit.month))} • Head / Supervisor / Portfolio</span><p class="meta">This audit shows the exact source scope and calculation layers. Supervisor TDS, Return Amount, Previous Balance and Closing Balance are supervisor-month values and are not repeated in every portfolio row.</p><div class="tablewrap"><table><thead><tr><th>Head</th><th>Supervisor</th><th class="num-col">Net Billing</th><th class="num-col">Rate</th><th class="num-col">Costing Before Credit Note</th><th class="num-col">Credit Note</th><th class="num-col">Supervisor TDS</th><th class="num-col">Final Costing</th><th class="num-col">Previous Balance</th><th class="num-col">Base Net Debit</th><th class="num-col">Displayed Net Debit</th><th class="num-col">Return Amount</th><th class="num-col">Closing Balance</th></tr></thead><tbody>${summaryRows}</tbody></table></div><h4 style="margin:18px 0 8px">Portfolio Calculation Detail</h4><div class="tablewrap"><table><thead><tr><th>Head</th><th>Supervisor</th><th>Portfolio</th><th class="num-col">Net Billing</th><th class="num-col">Head Rate</th><th class="num-col">Supervisor Rate</th><th class="num-col">Applied Rate</th><th class="num-col">Costing Before Credit Note</th><th class="num-col">Credit Note</th><th class="num-col">Final Before TDS</th><th class="num-col">Base Net Debit</th><th class="num-col">Bills / Statements</th></tr></thead><tbody>${portfolioRows}</tbody></table></div><div class="meta" style="margin-top:12px"><strong>Applied conditions:</strong> Billing matches Company + Head + Supervisor + Month + Portfolio. SOC matches Supervisor + SOC Month + Portfolio; Base Net Debit = Debit − Credit. Costing rate matches Costing_Master by month and scope; Head and Supervisor rates are alternative, not additive. Credit Note matches company, head, supervisor, month and bank/portfolio; it is state-level, not city-level. Supervisor TDS matches Head + Supervisor + Month and is applied once at supervisor level. Closing uses Previous Balance + Final Costing − Displayed Net Debit + Return Amount.</div></div>`;
}

function renderCostingAudit(filters){
  const html=renderCostingAuditBase(filters);
  const audit=costingAuditData(filters);
  if(!audit.rows.length)return html;
  const adjustmentRows=audit.headSummary?.adjustments||audit.rows.flatMap(row=>row.adjustments||[]);
  if(!adjustmentRows.length)return html;
  const adjustmentMarkup=`<h4 style="margin:18px 0 8px">Applied Account / SOC Transaction Adjustments</h4><div class="tablewrap"><table><thead><tr><th>Rule</th><th>Action</th><th>Target Supervisor</th><th>Target Head</th><th>Target Month</th><th>Target Portfolio</th><th class="num-col">Amount</th><th class="num-col">Rows</th></tr></thead><tbody>${adjustmentRows.map(item=>`<tr><td><strong>${htmlEscape(item.ruleName)}</strong></td><td>${htmlEscape(item.action)}</td><td>${htmlEscape(item.targetSupervisor||'—')}</td><td>${htmlEscape(item.targetHead||'—')}</td><td>${htmlEscape(item.targetMonth?formatBillingMonth(item.targetMonth):'—')}</td><td>${htmlEscape(item.targetPortfolio||'—')}</td><td class="num-col">${settlementSignedMoney(item.amount)}</td><td class="num-col">${item.count}</td></tr>`).join('')}</tbody></table></div>`;
  return html.replace(/<\/div>\s*$/,adjustmentMarkup+'</div>');
}
function renderCostingPageBody(){
 const host=document.getElementById('costingPageBody');
 if(!host)return;

  // Previous Balance comes from live Google Sheet data only.

  // Refresh live seed data once per page view.
 if(!window.__costingSeedFetchBusy && !window.__costingSeedLiveLoaded){
   const tries=Number(window.__costingSeedFetchTries||0);
   if(tries<3){
     window.__costingSeedFetchBusy=true;
     window.__costingSeedFetchTries=tries+1;
     (async()=>{
       try{
         let ok=await fetchMarchClosingDirectFromGoogleSheet();
         if(!ok) ok=await fetchCostingOpeningSeedsFromApi();
         if(ok) window.__costingSeedLiveLoaded=true;
         window.__costingSeedFetchBusy=false;
         if(ok) renderCostingPageBody();
       }catch(_){ window.__costingSeedFetchBusy=false; }
     })();
   }
 }

  const filters=costingCurrentFilters();
  const supervisorSelections=multiFilterValues(filters.supervisor);
  const monthSelections=multiFilterValues(filters.month);
  const selectedSupervisor=supervisorSelections.length===1?supervisorSelections[0]:'';
  const selectedMonth=monthSelections.length===1?monthSelections[0]:'';
   const isSeema=isSeemaSupervisor(selectedSupervisor);
     const settle=socSettlement({...filters,supervisor:selectedSupervisor,month:selectedMonth,__costingSupervisorExplicit:true});
   const costingAudit=renderCostingAudit(filters);

 if(!selectedSupervisor){
   const agg=costingAggregateSettlement(filters);
   host.innerHTML=`
     <div class="section"><h3>Costing Summary</h3><span class="badge">All Supervisors • ${agg.rows.length} Supervisors</span></div>
     <div class="kpis">
       ${kpi('Net Billing',money(agg.netBilling),'Filtered billing total')}
         ${kpi('Applicable Costing %',agg.rateLabel,selectedMonth?'Selected Head/Supervisor rate for '+formatBillingMonth(selectedMonth):'Selected month-wise rates')}
       ${kpi('Costing Before Credit Note',money(agg.costingBeforeCreditNote),'Sum of supervisor-wise costing')}
       ${kpi('Credit Note',money(agg.creditNoteAmount),'Filtered Credit Note total')}
         ${kpi(selectedMonth?'All Supervisors TDS':'All Supervisors TDS • All Months',supervisorTdsKpiValue(filters,agg.supervisorTdsAmount,true),'Aggregate • Less after Credit Note')}
         ${kpi('Final Costing Amount',money(agg.entitlement),'Costing Before Credit Note − Credit Note')}
        ${kpi('Previous Balance',selectedMonth?(agg.opening==null?'Pending':settlementSignedMoney(agg.opening)):'Select Month',selectedMonth?'Combined supervisor opening balance':'Choose a month for carry forward')}
         ${kpi('Net Debt',money(settlementNetDebitDisplay(agg)),'Statement Net Debit + Supervisor TDS')}
        ${kpi('Return Amount',money(agg.returnAmount),returnAmountKpiMeta())}
        ${kpi('Closing Balance',selectedMonth?(agg.finalBalance==null?'Pending':settlementSignedMoney(agg.finalBalance)):'Select Month',selectedMonth?'Combined supervisor closing balance':'Choose a month')}
     </div>

     <div class="section"><h3>Supervisor-wise Costing</h3><span class="badge">Current Filters</span></div>
     <div class="tablewrap"><table>
       <thead><tr>
         <th>Supervisor</th>
         <th class="num-col">Net Billing</th>
          <th class="num-col">Head Costing</th>
          <th class="num-col">Supervisor Costing</th>
           <th class="num-col">Applicable Costing %</th>
          <th class="num-col">Credit Note</th>
          <th class="num-col">Supervisor TDS</th>
          <th class="num-col">Final Costing</th>
          <th class="num-col">Previous Balance</th>
          <th class="num-col">Net Debit</th>
          <th class="num-col">Return Amount</th>
          <th class="num-col">Closing Balance</th>
       </tr></thead>
       <tbody>
          ${agg.rows.map(({supervisor,settle:s})=>`<tr>
            <td><strong>${htmlEscape(supervisor)}</strong></td>
           <td class="num-col">${money(s.netBilling)}</td>
            <td class="num-col"><strong>${selectedMonth?(s.headCostingRate==null?'—':s.headCostingRate+'%'):'Month-wise'}</strong></td>
            <td class="num-col"><strong>${selectedMonth?(s.supervisorCostingRate==null?'—':s.supervisorCostingRate+'%'):'Month-wise'}</strong></td>
            <td class="num-col"><strong>${selectedMonth?(s.rate==null?'Not Configured':s.rate+'%'):'Month-wise'}</strong></td>
            <td class="num-col">${money(s.creditNoteAmount)}</td>
            <td class="num-col">${money(s.supervisorTdsAmount)}</td>
            <td class="num-col"><strong>${money(s.entitlement)}</strong></td>
            <td class="num-col">${selectedMonth?(s.opening==null?'Pending':settlementSignedMoney(s.opening)):'—'}</td>
             <td class="num-col">${money(settlementNetDebitDisplay(s))}</td>
            <td class="num-col">${money(s.returnAmount)}</td>
            <td class="num-col"><strong>${selectedMonth?(s.finalBalance==null?'Pending':settlementSignedMoney(s.finalBalance)):'—'}</strong></td>
           </tr>`).join('')||`<tr><td colspan="11">No costing data for the selected filters.</td></tr>`}
       </tbody>
      </table></div>
      ${costingAudit}

      <div class="costing-savebar">
       <div>
        <span class="costing-save-note">Auto-save ON • March seed: ${(march2026ClosingRows||[]).length} • CS: ${(costingSettlementRows||[]).length} • Sheet found: ${lastSeedMeta&&lastSeedMeta.marchFound===true?"YES":(lastSeedMeta&&lastSeedMeta.marchFound===false?"NO":"?")} • PB: ${(()=>{try{const f=costingCurrentFilters();if(!f.supervisor||!f.month)return "-";const v=getSeedClosingForPreviousMonth(f.supervisor,monthKey(f.month));return v==null?"null":v;}catch(e){return "err";}})()}</span>
       </div>
       <span id="costingSaveStatus" class="costing-save-status">Auto-save will write all matching settlements.</span>
     </div>
    `;
    applyCalculationKpisToDom('costing',{
      netBilling:agg.netBilling,creditNote:agg.creditNoteAmount,supervisorTds:agg.supervisorTdsAmount,final:agg.entitlement,filters:{...filters},
      previous:agg.opening,displayed:settlementNetDebitDisplay(agg),return:agg.returnAmount,closing:agg.finalBalance
    });
    requestAnimationFrame(scheduleCostingSettlementAutoSave);
    return;
 }

 host.innerHTML=`
   <div class="section"><h3>Supervisor Costing Settlement</h3><span class="badge">Automatic Carry Forward</span></div>
   <div class="kpis">
     ${kpi('Net Billing',money(settle.netBilling),'Basic Bill − TDS')}
     ${kpi('Costing %',selectedMonth?(settle.rate==null?'Not Configured':settle.rate+'%'):'Month-wise',selectedMonth?'Applicable for '+formatBillingMonth(selectedMonth):'Select month for settlement')}
    ${kpi('Costing Before Credit Note',selectedMonth&&settle.rate==null?'Not Configured':money(settle.costingBeforeCreditNote),'Net Billing × Costing %')}
    ${kpi('Credit Note',money(settle.creditNoteAmount),'Full amount less after costing %')}
     ${kpi('Supervisor TDS',supervisorTdsKpiValue(filters,settle.supervisorTdsAmount),'Select Supervisor + Month • Less after Credit Note')}
      ${kpi('Final Costing Amount',selectedMonth&&settle.rate==null?'Not Configured':money(settle.entitlement),'Costing Before Credit Note − Credit Note')}
      ${kpi('Previous Balance',selectedMonth?settlementSignedMoney(settle.opening):'Select Month',selectedMonth?previousBalanceMeta(settle.selectedSettlement):'Previous month Closing Balance')}
       ${kpi('Net Debt',money(settlementNetDebitDisplay(settle)),'Statement Net Debit + Supervisor TDS')}
      ${kpi('Return Amount',money(settle.returnAmount),returnAmountKpiMeta())}
      ${kpi('Closing Balance',!selectedMonth?'Select Month':(settle.rate==null?'Not Configured':settlementSignedMoney(settle.finalBalance)),!selectedMonth?'Choose a month':closingBalanceMeta(settle.selectedSettlement))}
   </div>

   <div class="costing-savebar">
     <div>
       <span class="costing-save-note">Auto-save ON • March seed: ${(march2026ClosingRows||[]).length} • CS: ${(costingSettlementRows||[]).length} • Sheet found: ${lastSeedMeta&&lastSeedMeta.marchFound===true?"YES":(lastSeedMeta&&lastSeedMeta.marchFound===false?"NO":"?")} • PB: ${(()=>{try{const f=costingCurrentFilters();if(!f.supervisor||!f.month)return "-";const v=getSeedClosingForPreviousMonth(f.supervisor,monthKey(f.month));return v==null?"null":v;}catch(e){return "err";}})()}</span>
     </div>
     <span id="costingSaveStatus" class="costing-save-status">Auto-saving matching settlements to Google Sheet...</span>
   </div>

   <div class="settlement-rule-compact">
     <b>Carry Forward:</b> Previous month Closing Balance automatically becomes current month Previous Balance.
        Closing Balance = Previous Balance + Final Costing Amount − Displayed Net Debit + Return Amount.
   </div>

    <div class="section"><h3>Month-wise Costing Settlement</h3><span class="badge">Supervisor + Month • ${htmlEscape(selectedSupervisor)}</span></div>
   <div class="month-costing-wrap"><div class="tablewrap"><table>
     <thead><tr>
       <th>Month</th>
       <th class="num-col">Net Billing</th>
        <th class="num-col">Head Costing</th>
        <th class="num-col">Supervisor Costing</th>
         <th class="num-col">Applicable Costing %</th>
       <th class="num-col">Entitlement</th>
        <th class="num-col">Previous Balance</th>
        <th class="num-col">Net Debit</th>
        <th class="num-col">Return Amount</th>
        <th class="num-col">Closing Balance</th>
     </tr></thead>
     <tbody>
       ${settle.monthlyCosting.map(x=>`<tr>
          <td>${htmlEscape(formatBillingMonth(x.month))}</td>
         <td class="num-col">${money(x.net)}</td>
          <td class="num-col"><strong>${x.headRate==null?'—':x.headRate+'%'}</strong></td>
          <td class="num-col"><strong>${x.supervisorRate==null?'—':x.supervisorRate+'%'}</strong></td>
          <td class="num-col"><strong>${x.rate==null?'Not Configured':x.rate+'%'}</strong></td>
         <td class="num-col"><strong>${x.rate==null?'Not Configured':money(x.amount)}</strong></td>
          <td class="num-col"><strong>${x.opening==null?'Pending':settlementSignedMoney(x.opening)}</strong></td>
           <td class="num-col">${money(settlementNetDebitDisplay(x))}</td>
          <td class="num-col">${money(x.returnAmount)}</td>
          <td class="num-col"><strong>${x.rate==null?'Not Configured':settlementSignedMoney(x.closing)}</strong></td>
         </tr>`).join('')||`<tr><td colspan="10">No billing / statement rows for selected supervisor.</td></tr>`}
     </tbody>
    </table></div></div>
    ${costingAudit}
  `;

   if(isSeema){
     clearTimeout(costingSettlementAutoTimer);
     host.innerHTML=`<div class="section"><h3>Seema Sharma Costing Settlement</h3><span class="badge">Default + Seema KPIs</span></div>
       ${seemaCostingKpis(settle,selectedMonth)}
       <div class="settlement-rule-compact"><b>Seema Sharma rule:</b> Account salary remarks are excluded. Total Salary comes only from the <b>${htmlEscape(seemaSalarySheetName||'Seema Sharma (not loaded)')}</b> sheet. Total Used = Dead Fund + Total Salary. ${Number(settle.rate)===100?'100% Costing: Closing Balance = Billing Net Amount − Total Used.':'Below 100% Costing: Closing Balance = Previous Balance + Final Costing Amount − Total Used.'}</div>
       ${seemaCostingTable(settle.monthlyCosting)}`;
   }else{
    requestAnimationFrame(scheduleCostingSettlementAutoSave);
   }
    applyCalculationKpisToDom('costing',{
      netBilling:settle.netBilling,creditNote:settle.creditNoteAmount,supervisorTds:settle.supervisorTdsAmount,final:settle.entitlement,filters:{...filters},
      previous:settle.opening,displayed:settlementNetDebitDisplay(settle),return:settle.returnAmount,closing:settle.finalBalance
   });
 }


function costingSupervisorsForFilters(filters){
  // Costing_Master owns the rates. Billing / Monthly_Assignment only helps
  // connect a selected Head to a separately stored Supervisor rate row.
  const displayByKey=new Map();
  const sourceSupervisorKeys=new Set();
 const addName=(name)=>{
  const raw=String(name||'').trim();
  if(!raw)return;
  const key=assignmentSupervisorKey(raw);
  if(!key)return;
  if(!displayByKey.has(key))displayByKey.set(key,raw);
 };

  costingMasterRows.filter(r=>{
    if(filters.company&&r.company&&!multiFilterMatches(r.company,filters.company,v=>String(v)))return false;
    if(filters.head&&r.head&&!multiFilterMatches(r.head,filters.head,normText))return false;
    if(filters.portfolio&&r.portfolio&&!multiFilterMatches(r.portfolio,filters.portfolio,v=>normText(canonicalPortfolio(v))))return false;
   if(filters.month&&!multiFilterMatches(r.month,filters.month,v=>monthKey(v)))return false;
   if(filters.supervisor&&!multiFilterMatches(r.supervisor,filters.supervisor,v=>normText(canonicalSupervisor(v))))return false;
  return true;
   }).forEach(r=>addName(r.supervisor));

  // When Head and Supervisor rates are stored on separate Costing_Master rows,
  // use Billing / Monthly_Assignment to discover the selected Head's supervisors.
  if(filters.head){
    const requestedMonths=multiFilterValues(filters.month);
    (bills||[]).filter(b=>{
      if(!multiFilterMatches(billHead(b),filters.head,normText))return false;
      if(filters.supervisor&&!multiFilterMatches(billSupervisor(b),filters.supervisor,v=>normText(canonicalSupervisor(v))))return false;
      if(filters.company&&!multiFilterMatches(b.c,filters.company,v=>String(v)))return false;
      if(filters.portfolio&&!multiFilterMatches(b.p,filters.portfolio,v=>normText(canonicalPortfolio(v))))return false;
      if(filters.state&&!multiFilterMatches(b.state,filters.state,stateKey))return false;
      if(filters.location&&!multiFilterMatches(b.city,filters.location,v=>normText(canonicalCity(v))))return false;
      if(requestedMonths.length&&!requestedMonths.some(value=>monthKey(b.month)===monthKey(value)))return false;
      return true;
    }).forEach(b=>{
      const name=billSupervisor(b),key=assignmentSupervisorKey(name);
      if(key)sourceSupervisorKeys.add(key);
      addName(name);
    });
    (monthlyAssignmentRows||[]).filter(r=>{
      if(r.active===false||!multiFilterMatches(r.head,filters.head,normText))return false;
      if(filters.supervisor&&!multiFilterMatches(r.supervisor,filters.supervisor,assignmentSupervisorKey))return false;
      if(filters.company&&!multiFilterMatches(r.company,filters.company,v=>String(v)))return false;
      if(filters.portfolio&&!multiFilterMatches(r.portfolio,filters.portfolio,v=>normText(canonicalPortfolio(v))))return false;
      if(filters.state&&!multiFilterMatches(r.state,filters.state,stateKey))return false;
      if(filters.location&&!multiFilterMatches(r.city,filters.location,v=>normText(canonicalCity(v))))return false;
      if(requestedMonths.length&&!requestedMonths.some(value=>assignmentAppliesToMonth(r,value)))return false;
      return true;
    }).forEach(r=>{
      const key=assignmentSupervisorKey(r.supervisor);
      if(key)sourceSupervisorKeys.add(key);
      addName(r.supervisor);
    });
    if(sourceSupervisorKeys.size){
      [...displayByKey.keys()].forEach(key=>{
        if(!sourceSupervisorKeys.has(key))displayByKey.delete(key);
      });
    }
  }

  // Seema's dedicated salary tab is a valid Costing source even when her
  // supervisor rate is not present in Costing_Master yet.
   if((salaryRows||[]).length && !sourceSupervisorKeys.size &&
      (!filters.head||multiFilterMatches('Seema Sharma',filters.head,normText)) &&
      (!filters.supervisor||multiFilterMatches('Seema Sharma',filters.supervisor,v=>normText(canonicalSupervisor(v)))))addName('Seema Sharma');

  return [...displayByKey.values()].filter(Boolean).sort((a,b)=>a.localeCompare(b));
}

 let costingDataRevision=0;
 let costingRatesCache=new Map();
 let settlementBaseBillsCache=new Map();
 let settlementBaseStatementsCache=new Map();
 let supervisorSettlementTimelineCache=new Map();
 let socSettlementCache=new Map();
 function settlementCalculationCacheKey(filters={}){
   const keys=['company','head','portfolio','supervisor','state','location','month','segment','__costingSupervisorExplicit'];
   return costingDataRevision+'|'+JSON.stringify(keys.map(key=>[key,filters?.[key]??'']));
 }
 let costingAggregateCacheKey='';
let costingAggregateCacheValue=null;
let costingAggregateWarmupHandle=null;
 function invalidateCostingAggregateCache(){
   costingDataRevision++;
   costingRatesCache.clear();
   settlementBaseBillsCache.clear();
   settlementBaseStatementsCache.clear();
   supervisorSettlementTimelineCache.clear();
   socSettlementCache.clear();
   costingAggregateCacheKey='';
  costingAggregateCacheValue=null;
}
function scheduleCostingAggregateWarmup(){
  if(costingAggregateWarmupHandle!=null)return;
  const run=()=>{
    costingAggregateWarmupHandle=null;
    try{costingAggregateSettlement({company:'',head:'',portfolio:'',supervisor:'',month:'',state:'',location:'',segment:''});}catch(_){ }
  };
  if(typeof requestIdleCallback==='function')costingAggregateWarmupHandle=requestIdleCallback(run,{timeout:1500});
  else costingAggregateWarmupHandle=setTimeout(run,900);
}
function costingAggregateSettlement(filters){
  const cacheKey=costingDataRevision+'|'+JSON.stringify(filters||{});
  if(cacheKey===costingAggregateCacheKey&&costingAggregateCacheValue)return costingAggregateCacheValue;
  const supervisors=costingSupervisorsForFilters(filters);
  const monthChoices=multiFilterValues(filters.month);
  const selectedMonth=monthChoices.length===1?monthKey(monthChoices[0]):'';
 const rows=supervisors.map(supervisor=>{
    const settle=socSettlement({...filters,supervisor,__costingSupervisorExplicit:false});
   return {supervisor,settle};
 }).filter(x=>{
   const s=x.settle;
   if(selectedMonth){
       return !!s.selectedSettlement || s.billRows.length>0 || s.st.length>0 || Number(s.creditNoteAmount||0)!==0 || Number(s.supervisorTdsAmount||0)!==0 || Number(s.returnAmount||0)!==0 || s.rate!=null;
   }
     return s.timeline.length>0 || s.billRows.length>0 || s.st.length>0 || Number(s.creditNoteAmount||0)!==0 || Number(s.supervisorTdsAmount||0)!==0 || Number(s.returnAmount||0)!==0;
 });

  const sum=k=>rows.reduce((a,x)=>a+Number(x.settle[k]||0),0);
  const rateSet=[...new Set(rows.map(x=>x.settle.rate).filter(v=>v!=null).map(Number))];
  const rateLabel=!filters.month?'Month-wise':(rateSet.length===0?'Not Configured':(rateSet.length===1?rateSet[0]+'%':'Mixed'));
  const allKnown=(k)=>rows.length>0&&rows.every(x=>x.settle[k]!=null);
  const headCarryOpening=selectedMonth&&!multiFilterValues(filters.supervisor).length
    ? headClosingForPreviousMonth(filters,selectedMonth)
    : null;
  let opening=headCarryOpening!=null
     ? headCarryOpening
     : (filters.month&&allKnown('opening')?sum('opening'):null);
  const freshRequired=filters.month&&allKnown('freshRequired')?sum('freshRequired'):null;
  let finalBalance=filters.month&&allKnown('finalBalance')?sum('finalBalance'):null;

 const monthMap={};
 rows.forEach(({supervisor,settle})=>settle.monthlyCosting.forEach(x=>{
   const mk=monthKey(x.month);
   if(!mk)return;
    const m=monthMap[mk]||(monthMap[mk]={month:x.month,net:0,base:0,creditNote:0,supervisorTds:0,amount:0,netDebit:0,returnAmount:0,rates:new Set(),opening:0,fresh:0,closing:0,openingKnown:true,freshKnown:true,closingKnown:true,supervisors:new Set()});
   m.net+=Number(x.net||0);
   m.base+=Number(x.baseAmount||0);
    m.creditNote+=Number(x.creditNote||0);
    m.supervisorTds+=Number(x.supervisorTds||0);
    m.amount+=Number(x.amount||0);
    m.netDebit+=Number(x.netDebit||0);
    m.returnAmount+=Number(x.returnAmount||0);
   if(x.rate!=null)m.rates.add(Number(x.rate));
   if(x.opening==null)m.openingKnown=false; else m.opening+=Number(x.opening||0);
   if(x.freshRequired==null)m.freshKnown=false; else m.fresh+=Number(x.freshRequired||0);
   if(x.closing==null)m.closingKnown=false; else m.closing+=Number(x.closing||0);
   m.supervisors.add(supervisor);
 }));
  const monthlyCosting=Object.keys(monthMap).sort((a,b)=>monthOrdinal(a)-monthOrdinal(b)).map(k=>{
    const m=monthMap[k], rates=[...m.rates];
    return {...m,monthKey:k,rateLabel:rates.length===0?'Not Configured':(rates.length===1?rates[0]+'%':'Mixed')};
  });
  const selectedHeadValues=multiFilterValues(filters.head);
  if(selectedHeadValues.length===1&&!multiFilterValues(filters.supervisor).length){
    let carry=null;
    monthlyCosting.forEach(row=>{
      const seed=configuredHeadClosingSeed(selectedHeadValues[0],row.monthKey);
      if(seed!=null){
        row.closing=seed;
        row.closingKnown=true;
        carry=seed;
        return;
      }
      if(carry==null)return;
      row.opening=carry;
      row.openingKnown=true;
      row.closing=carry+Number(row.amount||0)-Number(row.netDebit||0)-Number(row.supervisorTds||0)+Number(row.returnAmount||0);
      row.closingKnown=true;
      carry=row.closing;
    });
    if(selectedMonth){
      const selectedHeadMonth=monthlyCosting.find(row=>row.monthKey===selectedMonth);
      if(selectedHeadMonth){
        opening=selectedHeadMonth.opening;
        finalBalance=selectedHeadMonth.closing;
      }
    }
  }

   const result={
   rows,supervisors,rateLabel,monthlyCosting,
   netBilling:sum('netBilling'),
    costingBeforeCreditNote:sum('costingBeforeCreditNote'),
    creditNoteAmount:sum('creditNoteAmount'),
    supervisorTdsAmount:sum('supervisorTdsAmount'),
    entitlement:sum('entitlement'),
    netDebt:sum('netDebt'),
    returnAmount:sum('returnAmount'),
   debit:sum('debit'),credit:sum('credit'),
   opening,freshRequired,finalBalance
  };
  costingAggregateCacheKey=cacheKey;
  costingAggregateCacheValue=result;
  return result;
}


function financePage(){
 head('Billing','Group › Billing');
 currentFinanceTab='billing';
 document.getElementById('content').innerHTML=`<div id="financeArea"></div>`;
 financeTab('billing',null);
}

let billingDashboardFilters={
 company:'',head:'',month:'',portfolio:'',supervisor:'',state:'',city:'',segment:'',status:'',receivedMonth:'',invoiceSearch:'',overdue15Only:false
};

function billingFilterText(v){return String(v??'').trim();}
function billingFilterNorm(v){return billingFilterText(v).toLowerCase();}
function billingReceivedMonth(v){
 if(!v)return '';
 if(v instanceof Date && !Number.isNaN(v.getTime())){
   const mon=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'][v.getMonth()];
   return `${mon}-${v.getFullYear()}`;
 }
 const s=billingFilterText(v);
 if(!s)return '';
 let m=s.match(/^(\d{1,2})[-\/]([A-Za-z]{3})[-\/](\d{2}|\d{4})$/);
 if(m){
   let y=Number(m[3]); if(y<100)y+=2000;
   const mon=m[2].slice(0,1).toUpperCase()+m[2].slice(1,3).toLowerCase();
   return `${mon}-${y}`;
 }
 m=s.match(/^(\d{1,2})[-\/](\d{1,2})[-\/](\d{2}|\d{4})$/);
 if(m){
   let y=Number(m[3]); if(y<100)y+=2000;
   const mi=Number(m[2])-1;
   const mons=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
   return mons[mi]?`${mons[mi]}-${y}`:'';
 }
 m=s.match(/^(\d{4})[-\/](\d{1,2})[-\/](\d{1,2})$/);
 if(m){
   const mi=Number(m[2])-1;
   const mons=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
   return mons[mi]?`${mons[mi]}-${m[1]}`:'';
 }
 const d=new Date(s);
 if(!Number.isNaN(d.getTime())){
   const mon=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'][d.getMonth()];
   return `${mon}-${d.getFullYear()}`;
 }
 return '';
}
function billingSortMonths(list){
 return list.slice().sort((a,b)=>{
   const aa=monthOrdinal(a),bb=monthOrdinal(b);
   if(Number.isFinite(aa)&&Number.isFinite(bb))return aa-bb;
   return String(a).localeCompare(String(b));
 });
}
function billingUniqueSorted(rows,fn){
 return [...new Set(rows.map(fn).map(billingFilterText).filter(Boolean))].sort((a,b)=>a.localeCompare(b));
}
function billingApplyOne(rows,key,value){
  const values=multiFilterValues(value); if(!values.length)return rows;
  if(key==='company')return rows.filter(r=>multiFilterMatches(r.c,values,v=>String(v)));
  if(key==='head')return rows.filter(r=>multiFilterMatches(billHead(r),values,billingFilterNorm));
  if(key==='month')return rows.filter(r=>values.some(v=>monthKey(r.month)===monthKey(v)));
  if(key==='portfolio')return rows.filter(r=>multiFilterMatches(r.p,values,billingFilterNorm));
  if(key==='supervisor')return rows.filter(r=>multiFilterMatches(String(r.supervisor||'').trim(),values,billingFilterNorm));
  if(key==='state')return rows.filter(r=>multiFilterMatches(r.state,values,billingFilterNorm));
  if(key==='city')return rows.filter(r=>multiFilterMatches(r.city,values,billingFilterNorm));
  if(key==='segment')return rows.filter(r=>multiFilterMatches(r.segment,values,billingFilterNorm));
  if(key==='status')return rows.filter(r=>multiFilterMatches(billEffectiveStatus(r),values,billingFilterNorm));
  if(key==='receivedMonth')return rows.filter(r=>values.some(v=>monthKey(billingReceivedMonth(r.paymentReceivedDate))===monthKey(v)));
  return rows;
}
function billingFilterContext(){
 const f=billingDashboardFilters;
 let rows=bills.slice();
  const companyOpts=[...new Set(rows.map(r=>r.c).filter(Boolean))].sort((a,b)=>String(C(a)?.name||a).localeCompare(String(C(b)?.name||b)));
  f.company=multiFilterKeepAvailable(f.company,companyOpts,v=>String(v)); billingDashboardFilters.company=f.company;
  rows=billingApplyOne(rows,'company',f.company);

   // Billing Month is the second dependency after Company.
   const monthOpts=billingSortMonths([...new Set(rows.map(r=>formatBillingMonth(r.month)).filter(x=>x&&x!=='-'))]);
   f.month=multiFilterKeepAvailable(f.month,monthOpts,v=>monthKey(v)); billingDashboardFilters.month=f.month;
   rows=billingApplyOne(rows,'month',f.month);

   const headOpts=billingUniqueSorted(rows,r=>billHead(r));
   f.head=multiFilterKeepAvailable(f.head,headOpts,billingFilterNorm); billingDashboardFilters.head=f.head;
   rows=billingApplyOne(rows,'head',f.head);

   const supervisorOpts=billingUniqueSorted(rows,r=>String(r.supervisor||'').trim());
    f.supervisor=multiFilterKeepAvailable(f.supervisor,supervisorOpts,billingFilterNorm); billingDashboardFilters.supervisor=f.supervisor;
   rows=billingApplyOne(rows,'supervisor',f.supervisor);

  const portfolioOpts=billingUniqueSorted(rows,r=>r.p);
   f.portfolio=multiFilterKeepAvailable(f.portfolio,portfolioOpts,billingFilterNorm); billingDashboardFilters.portfolio=f.portfolio;
  rows=billingApplyOne(rows,'portfolio',f.portfolio);

 const stateOpts=billingUniqueSorted(rows,r=>r.state);
  f.state=multiFilterKeepAvailable(f.state,stateOpts,billingFilterNorm); billingDashboardFilters.state=f.state;
 rows=billingApplyOne(rows,'state',f.state);

  const cityOpts=billingUniqueSorted(rows,r=>r.city);
  f.city=multiFilterKeepAvailable(f.city,cityOpts,billingFilterNorm); billingDashboardFilters.city=f.city;
  rows=billingApplyOne(rows,'city',f.city);

  const segmentOpts=billingUniqueSorted(rows,r=>r.segment);
  f.segment=multiFilterKeepAvailable(f.segment,segmentOpts,billingFilterNorm); billingDashboardFilters.segment=f.segment;
  rows=billingApplyOne(rows,'segment',f.segment);

 const statusOpts=billingUniqueSorted(rows,r=>billEffectiveStatus(r));
 // Keep explicit Pending from Billing Alert — do not auto-clear when opts rebuild
  f.status=multiFilterKeepAvailable(f.status,statusOpts,billingFilterNorm); billingDashboardFilters.status=f.status;
 if(f.status) rows=billingApplyOne(rows,'status',f.status);
 else if(f.pendingOnly) rows=rows.filter(r=>billEffectiveStatus(r)==='Pending');

 const receivedMonthOpts=billingSortMonths([...new Set(rows.map(r=>billingReceivedMonth(r.paymentReceivedDate)).filter(Boolean))]);
  f.receivedMonth=multiFilterKeepAvailable(f.receivedMonth,receivedMonthOpts,v=>monthKey(v)); billingDashboardFilters.receivedMonth=f.receivedMonth;
 rows=billingApplyOne(rows,'receivedMonth',f.receivedMonth);

 const q=billingFilterNorm(f.invoiceSearch);
 if(q)rows=rows.filter(r=>billingFilterNorm(r.inv).includes(q));
 if(f.overdue15Only)rows=billingPending15Rows(rows);
 // pendingOnly: Pending invoices with outstanding (Billing Alert path)
 if(f.pendingOnly)rows=rows.filter(r=>billEffectiveStatus(r)==='Pending' && billingOutstandingAmount(r)>0);
  return {rows,companyOpts,headOpts,monthOpts,portfolioOpts,supervisorOpts,stateOpts,cityOpts,segmentOpts,statusOpts,receivedMonthOpts};
}
function setBillingDashboardFilter(key,value){
 billingDashboardFilters[key]=value;
  // Keep other valid filters active. Invalid dependent values are cleared by
  // billingFilterContext after the available options are recalculated.
 financeTab('billing',null);
}
function resetBillingDashboardFilters(){
  billingDashboardFilters={company:'',head:'',month:'',portfolio:'',supervisor:'',state:'',city:'',segment:'',status:'',receivedMonth:'',invoiceSearch:'',overdue15Only:false,pendingOnly:false};
 financeTab('billing',null);
}
function liveBillingInvoiceSearch(input){
 const value=String(input?.value??'');
 const start=Number.isFinite(input?.selectionStart)?input.selectionStart:value.length;
 const end=Number.isFinite(input?.selectionEnd)?input.selectionEnd:start;
 billingDashboardFilters.invoiceSearch=value;
 financeTab('billing',null);
 requestAnimationFrame(()=>{
   const el=document.getElementById('billingInvoiceSearch');
   if(!el)return;
   try{
     el.focus({preventScroll:true});
     const max=el.value.length;
     el.setSelectionRange(Math.min(start,max),Math.min(end,max));
   }catch(_e){el.focus();}
 });
}
function billingDashboardFilterBar(ctx){
 const f=billingDashboardFilters;
  const opt=(value,label,selected)=>`<option value="${htmlEscape(value)}" ${selected?'selected':''}>${htmlEscape(label)}</option>`;
 return `<div class="billing-dashboard-filterbar">
   <div class="billing-filter-title">Billing Filters</div>
   <div class="billing-filter-grid">
        ${multiFilterControl('billingCompany',f.company,ctx.companyOpts,'All Companies',values=>setBillingDashboardFilter('company',multiFilterEncode(values)),v=>C(v)?.name||v)}
        ${multiFilterControl('billingMonth',f.month,ctx.monthOpts,'All Billing Months',values=>setBillingDashboardFilter('month',multiFilterEncode(values)),formatBillingMonth)}
        ${multiFilterControl('billingHead',f.head,ctx.headOpts,'All Heads',values=>setBillingDashboardFilter('head',multiFilterEncode(values)))}
        ${multiFilterControl('billingSupervisor',f.supervisor,ctx.supervisorOpts,'All Supervisors',values=>setBillingDashboardFilter('supervisor',multiFilterEncode(values)))}
        ${multiFilterControl('billingPortfolio',f.portfolio,ctx.portfolioOpts,'All Portfolios',values=>setBillingDashboardFilter('portfolio',multiFilterEncode(values)))}
       ${multiFilterControl('billingState',f.state,ctx.stateOpts,'All States',values=>setBillingDashboardFilter('state',multiFilterEncode(values)))}
       ${multiFilterControl('billingCity',f.city,ctx.cityOpts,'All Cities',values=>setBillingDashboardFilter('city',multiFilterEncode(values)))}
       ${multiFilterControl('billingSegment',f.segment,ctx.segmentOpts,'All Segments',values=>setBillingDashboardFilter('segment',multiFilterEncode(values)))}
       ${multiFilterControl('billingStatus',f.status,ctx.statusOpts,'All Status',values=>setBillingDashboardFilter('status',multiFilterEncode(values)))}
       ${multiFilterControl('billingReceivedMonth',f.receivedMonth,ctx.receivedMonthOpts,'All Received Months',values=>setBillingDashboardFilter('receivedMonth',multiFilterEncode(values)),formatBillingMonth)}
      <input id="billingInvoiceSearch" aria-label="Search invoice number" type="search" value="${htmlEscape(f.invoiceSearch||'')}" placeholder="Search Invoice No" autocomplete="off" oninput="liveBillingInvoiceSearch(this)">
     <button class="billing-filter-reset" onclick="resetBillingDashboardFilters()">Reset</button>
   </div>
   <div class="billing-filter-meta">Showing <b>${ctx.rows.length}</b> of <b>${bills.length}</b> billing rows. Filters update KPI cards and Invoice Register together.</div>
 </div>`;
}

function financeTab(type,btn){
 currentFinanceTab='billing';

 const a=document.getElementById('financeArea');
 if(!a)return;

  const ctx=billingFilterContext();
  const filteredBills=ctx.rows;
  const s=summaryForRows(filteredBills);
  const pendingBills=filteredBills.filter(b=>billEffectiveStatus(b)==='Pending');
  const pendingOutstanding=pendingBills.reduce((sum,b)=>sum+billingOutstandingAmount(b),0);
  activeKpiCalculationScope={page:'billing',filters:{...billingDashboardFilters},values:{bill:s.bill,igst:s.igst,tds:s.tds,netBilling:s.netBilling+s.igst,received:s.received,outstanding:s.outstanding},rows:filteredBills.slice(),raw:{...s}};
     a.innerHTML=`<div class="billing-fixed-shell">${billingDashboardFilterBar(ctx)}${(billingDashboardFilters.overdue15Only||billingDashboardFilters.pendingOnly)?`<div class="overdue-filter-chip">⚠ ${billingDashboardFilters.overdue15Only?'Overdue view: Pending invoices more than 15 days':'Pending view: All pending invoices'} <button class="btn" style="margin-left:4px;padding:3px 7px;font-size:10px" onclick="clearOverdueBillingView()">Clear</button></div>`:''}<div class="kpis billing-fixed-kpis">${kpi('Basic Bill Amount',money(s.bill),'Basic Bill Amount')}${kpi('IGST',money(s.igst),'IGST Amount')}${kpi('TDS Deducted',money(s.tds),'Total TDS')}${kpi('Net Billing',money(s.netBilling+s.igst),'Basic Bill − TDS + IGST')}${kpi('Amount Received',money(s.received),'Basic − TDS + IGST')}${kpi('Outstanding',money(s.outstanding),'Net Billing − Amount Received')}${kpi('Total Invoices',filteredBills.length)}${kpi('Pending Invoices',pendingBills.length)}</div><div class="section billing-invoice-section-head"><h3>Invoice Register</h3></div>${table(filteredBills)}</div>`;
 requestAnimationFrame(restoreFinanceBillingScroll);
 setTimeout(restoreFinanceBillingScroll,40);
 setTimeout(restoreFinanceBillingScroll,120);
}

function refreshFinanceLive(){
 if(currentNavId()!=='n3')return;
 const a=document.getElementById('financeArea');
 if(!a)return;

 const wrap=a.querySelector('.invoice-register-wrap') || a.querySelector('.tablewrap');
 if(wrap){
   financeBillingScrollLeft=wrap.scrollLeft;
   financeBillingScrollTop=wrap.scrollTop;
 }

 const activeBtn=[...document.querySelectorAll('.tab')].find(x=>x.classList.contains('active'));
 financeTab(currentFinanceTab,activeBtn);

 requestAnimationFrame(restoreFinanceBillingScroll);
 setTimeout(restoreFinanceBillingScroll,40);
 setTimeout(restoreFinanceBillingScroll,120);
}

function employeeById(id){return employees.find(e=>e.id===id);}
function advanceMonthFromDate(dateStr){
 const d=new Date(dateStr+'T00:00:00');
 const mon=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'][d.getMonth()];
 return mon+'-'+String(d.getFullYear()).slice(-2);
}
function renderAdvanceModule(){
 const a=document.getElementById('financeArea');
 a.innerHTML=`
  <div class="ledger-note"><b>Simple Ledger Rule:</b> Debit = an advance paid by the company to an employee. Credit = money returned or settled by the employee. <b>No automatic salary deduction will be made.</b></div>

<div class="filters">
   <select id="advCompany" onchange="syncAdvanceFilterEmployees();renderAdvanceTable()">
     <option value="">All Companies</option>
     ${companies.map(c=>`<option value="${c.id}">${c.name}</option>`).join('')}
   </select>
   <select id="advEmployee" onchange="renderAdvanceTable()">
     <option value="">All Employees</option>
     ${employees.map(e=>`<option value="${e.id}">${e.name} (${e.id})</option>`).join('')}
   </select>
   <select id="advMonth" onchange="renderAdvanceTable()">
     <option value="">All Months</option>
     ${[...new Set(advanceLedger.map(r=>r.month))].map(m=>`<option value="${m}">${m}</option>`).join('')}
   </select>
   <button class="reset-filter-btn" onclick="resetAdvanceFilters()">Reset</button>
 </div>
 <div id="advanceArea"></div>`;
 renderAdvanceTable();
}
function syncAdvanceFilterEmployees(){
 const company=document.getElementById('advCompany').value;
 const current=document.getElementById('advEmployee').value;
 const list=company?employees.filter(e=>e.company===company):employees;
 document.getElementById('advEmployee').innerHTML=`<option value="">All Employees</option>${list.map(e=>`<option value="${e.id}">${e.name} (${e.id})</option>`).join('')}`;
 if(list.some(e=>e.id===current))document.getElementById('advEmployee').value=current;
}
// ===== LOCKED REPORT ACTIONS FIX: CSV EXPORT + PRINT =====
function csvEscapeValue_(value){
  if(value===null || value===undefined) return '';
  const text=String(value).replace(/\r?\n/g,' ');
  return /[",\n]/.test(text) ? '"'+text.replace(/"/g,'""')+'"' : text;
}

async function downloadXLSX(filename, rows, sheetName='Report', columns=null){
  try{
    const data=Array.isArray(rows)?rows:[];
    if(!data.length){
      alert('No report data is available for export.');
      return false;
    }
    if(typeof ExcelJS==='undefined'){
      alert('The Excel export library could not be loaded. Check the internet or network connection.');
      return false;
    }

    const wb=new ExcelJS.Workbook();
    wb.creator='Debt Service Management Dashboard';
    wb.created=new Date();

    const safeSheet=String(sheetName||'Report')
      .replace(/[\\/*?:\[\]]/g,' ')
      .trim()
      .slice(0,31)||'Report';

    const ws=wb.addWorksheet(safeSheet,{views:[{state:'frozen',ySplit:1}]});

    const colDefs=Array.isArray(columns)&&columns.length
      ? columns
      : Object.keys(data[0]||{}).map(k=>({header:k,key:k}));

    const cleanValue=(v)=>{
      if(v===null||v===undefined)return '';
      if(typeof v==='number')return Number.isFinite(v)?v:'';
      if(v instanceof Date && !isNaN(v))return v;
      if(typeof v==='boolean')return v;
      return String(v);
    };

    const tableRows=data.map(r=>colDefs.map(c=>cleanValue(r?.[c.key])));

    ws.addTable({
      name:'ReportTable1',
      ref:'A1',
      headerRow:true,
      totalsRow:false,
      style:{theme:'TableStyleMedium2',showRowStripes:true,showFirstColumn:false,showLastColumn:false},
      columns:colDefs.map(c=>({name:String(c.header||c.key||'Column')})),
      rows:tableRows
    });

    colDefs.forEach((c,i)=>{
      const col=ws.getColumn(i+1);
      col.width=c.width||Math.min(32,Math.max(12,String(c.header||c.key).length+3));
      col.alignment=c.align||{vertical:'middle'};
      if(c.numFmt)col.numFmt=c.numFmt;
    });

    ws.getRow(1).height=22;
    ws.getRow(1).font={bold:true};
    ws.getRow(1).alignment={vertical:'middle',horizontal:'center'};

    for(let r=2;r<=ws.rowCount;r++){
      ws.getRow(r).height=20;
      ws.getRow(r).alignment={vertical:'middle'};
    }

    colDefs.forEach((c,i)=>{
      const h=String(c.header||c.key||'').toLowerCase();
      if(/amount|billing|tds|received|outstanding|cost|profit/.test(h)){
        ws.getColumn(i+1).numFmt='#,##0.00';
      }
    });

    const buf=await wb.xlsx.writeBuffer();
    const blob=new Blob([buf],{type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
    const url=URL.createObjectURL(blob);
    const a=document.createElement('a');
    a.href=url;
    a.download=(filename||'Report.xlsx').replace(/\.csv$/i,'.xlsx').replace(/[<>:\"/\\|?*]+/g,'_');
    a.style.display='none';
    document.body.appendChild(a);
    a.click();
    setTimeout(()=>{try{URL.revokeObjectURL(url)}catch(_){} try{a.remove()}catch(_){}},1500);
    return true;
  }catch(err){
    console.error('XLSX export failed',err);
    alert('XLSX export failed: '+String(err?.message||err));
    return false;
  }
}

function overviewExportFilterText_(value, formatter){
  const values=multiFilterValues(value);
  if(!values.length)return 'All';
  return values.map(v=>formatter?formatter(v):v).join(', ');
}

function overviewBillingExportRows_(state){
  const filters=state?.filters||{};
  const groups=new Map();
  (state?.rows||[]).forEach(b=>{
     const group={
       monthKey:monthKey(b?.month),
       supervisor:String(billSupervisor(b)||b?.supervisor||'').trim(),
       head:String(billHead(b)||b?.head||'').trim(),
       rows:[]
     };
     const key=[group.monthKey,assignmentSupervisorKey(group.supervisor),normText(group.head)].join('|');
     const existing=groups.get(key);
     if(existing)existing.rows.push(b);else{group.rows.push(b);groups.set(key,group);}
  });

  return [...groups.values()].sort((a,b)=>
     monthOrdinal(a.monthKey)-monthOrdinal(b.monthKey)||
     a.head.localeCompare(b.head)||
     a.supervisor.localeCompare(b.supervisor)
   ).map(group=>{
     const groupFilters={...filters,month:group.monthKey,head:group.head||filters.head,supervisor:group.supervisor};
    const summary=summaryForRows(group.rows,groupFilters);
    const statementRows=settlementBaseStatements(groupFilters);
    const allDebit=overviewDebitTotal(statementRows);
    const netBilling=Number(summary.netBilling||0)+Number(summary.igst||0);
    const netProfit=netBilling-allDebit;
     let weightedBase=0;
     let weightedCost=0;
     let weightedHeadBase=0;
     let weightedHeadCost=0;
     let weightedSupervisorBase=0;
     let weightedSupervisorCost=0;
     group.rows.forEach(b=>{
       const rates=costingRatesForSupervisor(billSupervisor(b),b.month,b.c,b.p,billHead(b));
       const rate=costingRateForBill(b,groupFilters);
       const base=billingNetAmount(b);
      if(rate!=null&&Number.isFinite(base)&&base!==0){
         weightedBase+=base;
         weightedCost+=base*Number(rate)/100;
       }
       if(rates?.headRate!=null&&Number.isFinite(base)&&base!==0){
         weightedHeadBase+=base;
         weightedHeadCost+=base*Number(rates.headRate)/100;
       }
       if(rates?.supervisorRate!=null&&Number.isFinite(base)&&base!==0){
         weightedSupervisorBase+=base;
         weightedSupervisorCost+=base*Number(rates.supervisorRate)/100;
       }
     });
     return {
       month:group.monthKey?formatBillingMonth(group.monthKey):'—',
       head:group.head||'—',
      supervisor:group.supervisor||'—',
      billAmount:Number(summary.bill||0),
      igst:Number(summary.igst||0),
      tds:Number(summary.tds||0),
      netBilling,
      received:Number(summary.received||0),
      outstanding:Number(summary.outstanding||0),
       creditNote:Number(creditNoteTotalForRows(group.rows,false)||0),
       supervisorTds:Number(supervisorTdsTotalForRows(group.rows,false)||0),
       costingPercent:weightedBase?weightedCost/weightedBase*100:null,
       headCostingPercent:weightedHeadBase?weightedHeadCost/weightedHeadBase*100:null,
       supervisorCostingPercent:weightedSupervisorBase?weightedSupervisorCost/weightedSupervisorBase*100:null,
       headCostingAmount:weightedHeadBase?weightedHeadCost:null,
       supervisorCostingAmount:weightedSupervisorBase?weightedSupervisorCost:null,
      totalCost:Number(summary.cost||0),
      allDebit,
      netProfitAmount:netProfit,
      netProfitPercent:netBilling?netProfit/netBilling*100:null
    };
  });
}

function overviewExportHeadScopes_(state,supervisor,requestedMonths){
  const filters=state?.filters||{};
  const selected=multiFilterValues(filters.head);
  if(selected.length)return selected;
  const heads=new Set();
  (state?.rows||[]).forEach(b=>{
    if(!multiFilterMatches(billSupervisor(b),supervisor,v=>normText(canonicalSupervisor(v))))return;
    const head=String(billHead(b)||b?.head||'').trim();
    if(head)heads.add(head);
  });
  (monthlyAssignmentRows||[]).forEach(a=>{
    if(a.active===false||!multiFilterMatches(a.supervisor,supervisor,assignmentSupervisorKey))return;
    if(filters.company&&!multiFilterMatches(a.company,filters.company,v=>String(v)))return;
    if(filters.portfolio&&!multiFilterMatches(a.portfolio,filters.portfolio,v=>normText(canonicalPortfolio(v))))return;
    if(filters.state&&!multiFilterMatches(a.state,filters.state,stateKey))return;
    if(filters.location&&!multiFilterMatches(a.city,filters.location,v=>normText(canonicalCity(v))))return;
    if(requestedMonths.length&&!requestedMonths.some(month=>assignmentAppliesToMonth(a,month)))return;
    const head=String(a.head||'').trim();
    if(head)heads.add(head);
  });
  return [...heads].sort((a,b)=>a.localeCompare(b));
}

function overviewSettlementExportRows_(state){
  const filters=state?.filters||{};
  const requestedMonths=multiFilterValues(filters.month).map(monthKey).filter(Boolean);
  const supervisors=multiFilterValues(filters.supervisor).length
    ? multiFilterValues(filters.supervisor)
    : costingSupervisorsForFilters(filters);
  const rows=[];
  const seen=new Set();

  supervisors.forEach(supervisor=>{
    const headScopes=overviewExportHeadScopes_(state,supervisor,requestedMonths);
    (headScopes.length?headScopes:['']).forEach(head=>{
      const settlement=socSettlement({...filters,supervisor,head:head||filters.head});
      const headSettlement=head
        ? socSettlement({...filters,supervisor,head,__costingSupervisorExplicit:false})
        : null;
      let monthly=Array.isArray(settlement.monthlyCosting)?settlement.monthlyCosting.slice():[];
      if(requestedMonths.length)monthly=monthly.filter(x=>requestedMonths.includes(monthKey(x.month)));
      if(!monthly.length&&requestedMonths.length&&settlement.selectedSettlement){
        monthly=[settlement.selectedSettlement];
      }
      monthly.forEach(x=>{
        const mk=monthKey(x.monthKey||x.month);
        if(requestedMonths.length&&!requestedMonths.includes(mk))return;
         const key=[assignmentSupervisorKey(supervisor),normText(head),mk].join('|');
         if(seen.has(key))return;
         seen.add(key);
         const headRow=headSettlement
           ? ((headSettlement.monthlyCosting||[]).find(y=>monthKey(y.monthKey||y.month)===mk)||
             (headSettlement.selectedSettlement&&monthKey(headSettlement.selectedSettlement.monthKey||headSettlement.selectedSettlement.month)===mk?headSettlement.selectedSettlement:null))
           : null;
        const netBilling=x.netBilling!=null?x.netBilling:x.net;
        const costingBefore=x.costingBeforeCreditNote!=null?x.costingBeforeCreditNote:x.baseAmount;
         const creditNote=x.creditNoteAmount!=null?x.creditNoteAmount:x.creditNote;
         const supervisorTds=x.supervisorTdsAmount!=null?x.supervisorTdsAmount:x.supervisorTds;
         const finalCosting=x.entitlement!=null?x.entitlement:x.amount;
         const headNetBilling=headRow?.netBilling!=null?headRow.netBilling:headRow?.net;
         const headCostingBefore=headRow?.costingBeforeCreditNote!=null?headRow.costingBeforeCreditNote:headRow?.baseAmount;
         const headCreditNote=headRow?.creditNoteAmount!=null?headRow.creditNoteAmount:headRow?.creditNote;
         const headSupervisorTds=headRow?.supervisorTdsAmount!=null?headRow.supervisorTdsAmount:headRow?.supervisorTds;
         const headFinalCosting=headRow?.entitlement!=null?headRow.entitlement:headRow?.amount;
          const headBaseNetDebit=headRow?.netDebit!=null?headRow.netDebit:headRow?.netDebt;
         rows.push({
          head:head||'All',
          supervisor:String(supervisor||'—'),
          month:x.month||monthLabelFromKey(mk)||'—',
          netBilling:Number(netBilling||0),
          costingPercent:x.rate==null?null:Number(x.rate),
          headCostingPercent:x.headCostingPercent==null?(x.headRate==null?null:Number(x.headRate)):Number(x.headCostingPercent),
          supervisorCostingPercent:x.supervisorCostingPercent==null?(x.supervisorRate==null?null:Number(x.supervisorRate)):Number(x.supervisorCostingPercent),
           headCostingAmount:x.headCostingAmount==null?(x.headCostingBeforeCreditNote==null?null:Number(x.headCostingBeforeCreditNote)):Number(x.headCostingAmount),
           supervisorCostingAmount:x.supervisorCostingAmount==null?(x.supervisorCostingBeforeCreditNote==null?null:Number(x.supervisorCostingBeforeCreditNote)):Number(x.supervisorCostingAmount),
            headSettlementNetBilling:headNetBilling==null?null:Number(headNetBilling),
            headSettlementCostingPercent:headRow?.rate==null?null:Number(headRow.rate),
            headSettlementCostingBeforeCreditNote:headCostingBefore==null?null:Number(headCostingBefore),
            headSettlementCreditNote:headCreditNote==null?null:Number(headCreditNote),
            headSettlementSupervisorTds:headSupervisorTds==null?null:Number(headSupervisorTds),
            headSettlementFinalCostingAmount:headFinalCosting==null?null:Number(headFinalCosting),
            headSettlementPreviousBalance:headRow?.opening==null?null:Number(headRow.opening),
             headSettlementBaseNetDebit:headBaseNetDebit==null?null:Number(headBaseNetDebit),
             headSettlementNetDebit:headBaseNetDebit==null?null:settlementNetDebitDisplay(headRow),
           headSettlementReturnAmount:headRow?.returnAmount==null?null:Number(headRow.returnAmount),
           headSettlementClosingBalance:headRow?.closing==null?null:Number(headRow.closing),
           headSettlementStatus:headRow?.status==null?'Settlement Pending':String(headRow.status),
           costingBeforeCreditNote:Number(costingBefore||0),
          creditNote:Number(creditNote||0),
          supervisorTds:Number(supervisorTds||0),
          finalCostingAmount:Number(finalCosting||0),
          previousBalance:x.opening==null?null:Number(x.opening),
            baseNetDebit:Number(x.netDebit??x.netDebt??0),
            netDebit:settlementNetDebitDisplay(x),
           returnAmount:Number(x.returnAmount||0),
           closingBalance:x.closing==null?null:Number(x.closing),
           status:String(x.status||'Settlement Pending'),
           settlementStatus:String(x.status||'Settlement Pending')
         });
      });
    });
  });

  return rows.sort((a,b)=>monthOrdinal(a.month)-monthOrdinal(b.month)||a.head.localeCompare(b.head)||a.supervisor.localeCompare(b.supervisor));
}

function overviewCombinedExportRows_(state){
  const billing=overviewBillingExportRows_(state);
  const keyFor=row=>[monthKey(row?.month),normText(row?.head),assignmentSupervisorKey(row?.supervisor)].join('|');
  const billingKeys=new Set(billing.map(keyFor));
  const settlementRows=overviewSettlementExportRows_(state);
  const settlement=billing.length
    ? settlementRows.filter(row=>billingKeys.has(keyFor(row)))
    : settlementRows;
  const groups=new Map();
  const ensure=row=>{
    const key=keyFor(row);
    const current=groups.get(key)||{billing:null,settlement:null};
    groups.set(key,current);
    return current;
  };
  billing.forEach(row=>{ensure(row).billing=row;});
  settlement.forEach(row=>{ensure(row).settlement=row;});
  const supervisorRows=[...groups.values()].map(group=>{
    const b=group.billing||{};
    const s=group.settlement||{};
    return {
      month:b.month||s.month||'—',
      head:b.head&&b.head!=='—'?b.head:(s.head||'—'),
       supervisor:b.supervisor&&b.supervisor!=='—'?b.supervisor:(s.supervisor||'—'),
      billAmount:Number(b.billAmount||0),
      igst:Number(b.igst||0),
      tds:Number(b.tds||0),
      netBilling:Number(b.netBilling||0),
      received:Number(b.received||0),
      outstanding:Number(b.outstanding||0),
      creditNote:Number(b.creditNote||0),
      supervisorTds:Number(b.supervisorTds||0),
      costingPercent:b.costingPercent==null?null:Number(b.costingPercent),
      totalCost:Number(b.totalCost||0),
      allDebit:Number(b.allDebit||0),
       netProfitAmount:Number(b.netProfitAmount||0),
       netProfitPercent:b.netProfitPercent==null?null:Number(b.netProfitPercent),
       headCostingPercent:b.headCostingPercent==null?(s.headCostingPercent==null?null:Number(s.headCostingPercent)):Number(b.headCostingPercent),
       supervisorCostingPercent:b.supervisorCostingPercent==null?(s.supervisorCostingPercent==null?null:Number(s.supervisorCostingPercent)):Number(b.supervisorCostingPercent),
        headCostingAmount:b.headCostingAmount==null?(s.headCostingAmount==null?null:Number(s.headCostingAmount)):Number(b.headCostingAmount),
        supervisorCostingAmount:b.supervisorCostingAmount==null?(s.supervisorCostingAmount==null?null:Number(s.supervisorCostingAmount)):Number(b.supervisorCostingAmount),
        headSettlementNetBilling:s.headSettlementNetBilling==null?null:Number(s.headSettlementNetBilling),
        headSettlementCostingPercent:s.headSettlementCostingPercent==null?null:Number(s.headSettlementCostingPercent),
        headSettlementCostingBeforeCreditNote:s.headSettlementCostingBeforeCreditNote==null?null:Number(s.headSettlementCostingBeforeCreditNote),
        headSettlementCreditNote:s.headSettlementCreditNote==null?null:Number(s.headSettlementCreditNote),
        headSettlementSupervisorTds:s.headSettlementSupervisorTds==null?null:Number(s.headSettlementSupervisorTds),
        headSettlementFinalCostingAmount:s.headSettlementFinalCostingAmount==null?null:Number(s.headSettlementFinalCostingAmount),
        headSettlementPreviousBalance:s.headSettlementPreviousBalance==null?null:Number(s.headSettlementPreviousBalance),
         headSettlementBaseNetDebit:s.headSettlementBaseNetDebit==null?null:Number(s.headSettlementBaseNetDebit),
         headSettlementNetDebit:s.headSettlementNetDebit==null?null:Number(s.headSettlementNetDebit),
        headSettlementReturnAmount:s.headSettlementReturnAmount==null?null:Number(s.headSettlementReturnAmount),
        headSettlementClosingBalance:s.headSettlementClosingBalance==null?null:Number(s.headSettlementClosingBalance),
        headSettlementStatus:s.headSettlementStatus||'Settlement Pending',
       settlementNetBilling:s.netBilling==null?null:Number(s.netBilling),
      settlementCostingPercent:s.costingPercent==null?null:Number(s.costingPercent),
      settlementCostingBeforeCreditNote:s.costingBeforeCreditNote==null?null:Number(s.costingBeforeCreditNote),
      settlementCreditNote:s.creditNote==null?null:Number(s.creditNote),
      settlementSupervisorTds:s.supervisorTds==null?null:Number(s.supervisorTds),
      settlementFinalCostingAmount:s.finalCostingAmount==null?null:Number(s.finalCostingAmount),
      settlementPreviousBalance:s.previousBalance==null?null:Number(s.previousBalance),
       settlementBaseNetDebit:s.baseNetDebit==null?null:Number(s.baseNetDebit),
       settlementNetDebit:s.netDebit==null?null:Number(s.netDebit),
       settlementNetDebitScope:'Supervisor displayed Net Debit',
       settlementReturnAmount:s.returnAmount==null?null:Number(s.returnAmount),
       settlementClosingBalance:s.closingBalance==null?null:Number(s.closingBalance),
       settlementStatus:s.settlementStatus||'Settlement Pending',
      _hasBilling:!!group.billing,
      _hasSettlement:!!group.settlement
    };
  });
  const headRows=[];
  const filters=state?.filters||{};
  const shouldAddHeadRows=true;
  if(shouldAddHeadRows){
    const headBilling=new Map();
    const headSettlement=new Map();
    const sumKeys=['billAmount','igst','tds','netBilling','received','outstanding','creditNote','supervisorTds','totalCost','allDebit','netProfitAmount'];
    supervisorRows.forEach(row=>{
      const key=[monthKey(row.month),normText(row.head)].join('|');
      if(row._hasBilling){
        const current=headBilling.get(key)||{month:row.month,head:row.head,supervisor:'',_hasBilling:true,_hasSettlement:false};
        sumKeys.forEach(field=>current[field]=Number(current[field]||0)+Number(row[field]||0));
        headBilling.set(key,current);
      }
    });
    overviewHeadSettlementExportRows_(state).forEach(row=>{
      const key=[monthKey(row.month),normText(row.head)].join('|');
       headSettlement.set(key,{headSettlementNetBilling:row.netBilling,headSettlementCostingPercent:row.costingPercent,headSettlementCostingBeforeCreditNote:row.costingBeforeCreditNote,headSettlementCreditNote:row.creditNote,headSettlementSupervisorTds:row.supervisorTds,headSettlementFinalCostingAmount:row.finalCostingAmount,headSettlementPreviousBalance:row.previousBalance,headSettlementBaseNetDebit:row.baseNetDebit,headSettlementNetDebit:row.netDebit,headSettlementReturnAmount:row.returnAmount,headSettlementClosingBalance:row.closingBalance,headSettlementStatus:row.status});
    });
    supervisorRows.forEach(row=>{
      const key=[monthKey(row.month),normText(row.head)].join('|');
      if(row._hasSettlement&&!headSettlement.has(key)&&(row.headSettlementCostingPercent!=null||row.headSettlementFinalCostingAmount!=null))headSettlement.set(key,row);
    });
    headBilling.forEach((billingRow,key)=>{
      let source=headSettlement.get(key);
      if(source&&source.headSettlementCostingPercent==null&&source.headSettlementFinalCostingAmount==null)source=null;
      if(!source){
        const aggregate=costingAggregateSettlement({...filters,head:billingRow.head,supervisor:'',month:billingRow.month});
        const monthKeyValue=monthKey(billingRow.month);
        const aggregateRow=(aggregate?.monthlyCosting||[]).find(row=>monthKey(row.monthKey||row.month)===monthKeyValue)||aggregate?.selectedSettlement;
        if(aggregateRow){
          const rateNumber=Number(aggregateRow.rate);
          const rateLabel=String(aggregateRow.rateLabel||'');
          const rate=Number.isFinite(rateNumber)?rateNumber:(/^\s*-?\d+(?:\.\d+)?%\s*$/.test(rateLabel)?Number(rateLabel.replace('%','')):null);
           source={headSettlementNetBilling:aggregateRow.netBilling??aggregateRow.net,headSettlementCostingPercent:rate,headSettlementCostingBeforeCreditNote:aggregateRow.costingBeforeCreditNote??aggregateRow.baseAmount??aggregateRow.base,headSettlementCreditNote:aggregateRow.creditNoteAmount??aggregateRow.creditNote,headSettlementSupervisorTds:aggregateRow.supervisorTdsAmount??aggregateRow.supervisorTds,headSettlementFinalCostingAmount:aggregateRow.entitlement??aggregateRow.amount,headSettlementPreviousBalance:aggregateRow.opening,headSettlementBaseNetDebit:(aggregateRow.netDebit??aggregateRow.netDebt)==null?null:Number(aggregateRow.netDebit??aggregateRow.netDebt),headSettlementNetDebit:(aggregateRow.netDebit??aggregateRow.netDebt)==null?null:settlementNetDebitDisplay(aggregateRow),headSettlementReturnAmount:aggregateRow.returnAmount,headSettlementClosingBalance:aggregateRow.closing,headSettlementStatus:aggregateRow.status||(aggregateRow.closing!=null?'Calculated':'Settlement Pending')};
        }
      }
      if(!source){
        const rawRow=(state?.rows||[]).find(row=>monthKey(row.month)===monthKey(billingRow.month)&&normText(billHead(row)||row.head)===normText(billingRow.head));
        const rates=rawRow?costingRatesForSupervisor(billSupervisor(rawRow),rawRow.month,rawRow.c,rawRow.p,billHead(rawRow)):null;
        const headRate=rates?.headRate;
        if(headRate!=null){
          const netBilling=Number(billingRow.netBilling||0);
           source={headSettlementNetBilling:netBilling,headSettlementCostingPercent:Number(headRate),headSettlementCostingBeforeCreditNote:netBilling*Number(headRate)/100,headSettlementCreditNote:0,headSettlementSupervisorTds:0,headSettlementFinalCostingAmount:netBilling*Number(headRate)/100,headSettlementPreviousBalance:null,headSettlementBaseNetDebit:0,headSettlementNetDebit:0,headSettlementReturnAmount:0,headSettlementClosingBalance:null,headSettlementStatus:'Calculated'};
        }
      }
       if(!source)source={headSettlementNetBilling:null,headSettlementCostingPercent:null,headSettlementCostingBeforeCreditNote:null,headSettlementCreditNote:null,headSettlementSupervisorTds:null,headSettlementFinalCostingAmount:null,headSettlementPreviousBalance:null,headSettlementBaseNetDebit:null,headSettlementNetDebit:null,headSettlementReturnAmount:null,headSettlementClosingBalance:null,headSettlementStatus:'Settlement Pending'};
      const netBilling=Number(billingRow.netBilling||0);
      const headRow={...billingRow,
        supervisor:'',
        netProfitPercent:netBilling?Number(billingRow.netProfitAmount||0)/netBilling*100:null,
        settlementNetBilling:source.headSettlementNetBilling,
        settlementCostingPercent:source.headSettlementCostingPercent,
        settlementCostingBeforeCreditNote:source.headSettlementCostingBeforeCreditNote,
        settlementCreditNote:source.headSettlementCreditNote,
        settlementSupervisorTds:source.headSettlementSupervisorTds,
        settlementFinalCostingAmount:source.headSettlementFinalCostingAmount,
        settlementPreviousBalance:source.headSettlementPreviousBalance,
         settlementBaseNetDebit:source.headSettlementBaseNetDebit,
         settlementNetDebit:source.headSettlementNetDebit,
         settlementNetDebitScope:'Head aggregate displayed Net Debit',
        settlementReturnAmount:source.headSettlementReturnAmount,
        settlementClosingBalance:source.headSettlementClosingBalance,
        settlementStatus:source.headSettlementStatus||'Settlement Pending',
         _hasSettlement:true
       };
       const selectedHeads=multiFilterValues(filters.head);
       const selectedSupervisors=multiFilterValues(filters.supervisor);
       const directHeadView=selectedHeads.length===1&&selectedSupervisors.length===0&&assignmentSupervisorKey(selectedHeads[0])===assignmentSupervisorKey(billingRow.head);
       if(directHeadView){
         const directAggregate=costingAggregateSettlement({...filters,head:billingRow.head,supervisor:'',month:billingRow.month});
         const directSettlement=headDirectSupervisorSettlement(directAggregate,billingRow.head);
         const directRow=directSettlement?.selectedSettlement||directSettlement;
         if(directRow){
            headRow.supervisor=billingRow.head;
            headRow.settlementNetDebit=settlementNetDebitDisplay(directRow);
            headRow.settlementNetDebitScope='Direct same-name Supervisor displayed Net Debit';
            headRow.settlementClosingBalance=settlementClosingFromDisplayedNetDebit({
              rate:headRow.settlementCostingPercent,
              entitlement:headRow.settlementFinalCostingAmount,
              opening:headRow.settlementPreviousBalance,
              returnAmount:headRow.settlementReturnAmount
             },headRow.settlementNetDebit,{...filters,head:billingRow.head,supervisor:billingRow.head,month:billingRow.month});
          }
       }
       headRows.push(headRow);
    });
  }
   const duplicateCheckFields=['billAmount','igst','tds','netBilling','received','outstanding','creditNote','supervisorTds','totalCost','settlementNetBilling','settlementCostingPercent','settlementCostingBeforeCreditNote','settlementCreditNote','settlementSupervisorTds','settlementFinalCostingAmount','settlementPreviousBalance','settlementBaseNetDebit','settlementNetDebit','settlementReturnAmount','settlementClosingBalance'];
  const sameExportValue=(a,b)=>{
    if(a==null||a==='')return b==null||b==='';
    if(b==null||b==='')return false;
    const an=Number(a),bn=Number(b);
    if(Number.isFinite(an)&&Number.isFinite(bn))return Math.abs(an-bn)<0.000001;
    return normText(String(a))===normText(String(b));
  };
  const dedupedHeadRows=headRows.filter(headRow=>!supervisorRows.some(supervisorRow=>
    monthKey(headRow.month)===monthKey(supervisorRow.month)&&
    normText(headRow.head)===normText(supervisorRow.head)&&
    duplicateCheckFields.every(field=>sameExportValue(headRow[field],supervisorRow[field]))
  ));
  return [...supervisorRows,...dedupedHeadRows].sort((a,b)=>monthOrdinal(a.month)-monthOrdinal(b.month)||a.head.localeCompare(b.head)||(a.supervisor&&!b.supervisor?-1:(!a.supervisor&&b.supervisor?1:String(a.supervisor||'').localeCompare(String(b.supervisor||'')))));
}

function overviewExportStateForSupervisor_(state,supervisor){
  const filters=state?.filters||{};
  if(filters.supervisor&&!multiFilterMatches(supervisor,filters.supervisor,v=>normText(canonicalSupervisor(v))))return null;
  const scopedFilters={...filters,supervisor};
  const settlement=socSettlement(scopedFilters);
  return {...state,filters:scopedFilters,rows:Array.isArray(settlement.billRows)?settlement.billRows.slice():[],selectedSupervisor:supervisor};
}

function overviewExportHeadNames_(state){
  const filters=state?.filters||{};
  const selected=multiFilterValues(filters.head);
  if(selected.length)return selected;
  const heads=new Set();
  const selectedSupervisors=multiFilterValues(filters.supervisor);
  const add=head=>{const value=String(head||'').trim();if(value)heads.add(value);};
  (state?.rows||[]).forEach(b=>{
    if(selectedSupervisors.length&&!multiFilterMatches(billSupervisor(b),selectedSupervisors,v=>normText(canonicalSupervisor(v))))return;
    add(billHead(b)||b?.head);
  });
  (monthlyAssignmentRows||[]).forEach(a=>{
    if(a.active===false)return;
    if(selectedSupervisors.length&&!multiFilterMatches(a.supervisor,selectedSupervisors,assignmentSupervisorKey))return;
    if(filters.company&&!multiFilterMatches(a.company,filters.company,v=>String(v)))return;
    if(filters.portfolio&&!multiFilterMatches(a.portfolio,filters.portfolio,v=>normText(canonicalPortfolio(v))))return;
    if(filters.state&&!multiFilterMatches(a.state,filters.state,stateKey))return;
    if(filters.location&&!multiFilterMatches(a.city,filters.location,v=>normText(canonicalCity(v))))return;
    add(a.head);
  });
  (costingMasterRows||[]).forEach(r=>{
    if(selectedSupervisors.length&&!multiFilterMatches(r.supervisor,selectedSupervisors,v=>normText(canonicalSupervisor(v))))return;
    if(filters.company&&r.company&&!multiFilterMatches(r.company,filters.company,v=>String(v)))return;
    if(filters.portfolio&&r.portfolio&&!multiFilterMatches(r.portfolio,filters.portfolio,v=>normText(canonicalPortfolio(v))))return;
    add(r.head);
  });
  return [...heads].sort((a,b)=>a.localeCompare(b));
}

function overviewHeadSettlementExportRows_(state){
  const filters=state?.filters||{};
  const requestedMonths=multiFilterValues(filters.month).map(monthKey).filter(Boolean);
  const rows=[];
  overviewExportHeadNames_(state).forEach(head=>{
    const settlement=costingAggregateSettlement({...filters,head,supervisor:''});
    (settlement.monthlyCosting||[]).forEach(x=>{
      const mk=monthKey(x.monthKey||x.month);
      if(requestedMonths.length&&!requestedMonths.includes(mk))return;
      const label=String(x.rateLabel||'');
      const rate=/^\s*-?\d+(?:\.\d+)?%\s*$/.test(label)?Number(label.replace('%','')):null;
      const closing=x.closing==null?null:Number(x.closing);
      const hasValue=rate!=null||x.opening!=null||closing!=null||[x.net,x.base,x.creditNote,x.supervisorTds,x.amount,x.netDebit,x.returnAmount].some(v=>Number(v||0)!==0);
      if(!hasValue)return;
      rows.push({
        month:x.month||monthLabelFromKey(mk)||'—',
        head,
        netBilling:Number(x.net||0),
        costingPercent:rate,
        costingBeforeCreditNote:Number(x.base||0),
        creditNote:Number(x.creditNote||0),
        supervisorTds:Number(x.supervisorTds||0),
        finalCostingAmount:Number(x.amount||0),
        previousBalance:x.opening==null?null:Number(x.opening),
         baseNetDebit:Number(x.netDebit??x.netDebt??0),
         netDebit:settlementNetDebitDisplay(x),
        returnAmount:Number(x.returnAmount||0),
        closingBalance:closing,
        status:closing!=null?'Calculated':(label==='Not Configured'?'Not Configured':'Settlement Pending')
      });
    });
  });
  return rows.sort((a,b)=>monthOrdinal(a.month)-monthOrdinal(b.month)||a.head.localeCompare(b.head));
}

function overviewSupervisorSettlementExportRows_(state){
  return overviewSettlementExportRows_(state).map(row=>({
    month:row.month,
    head:row.head,
    supervisor:row.supervisor,
    netBilling:Number(row.netBilling||0),
    headCostingPercent:row.headCostingPercent==null?null:Number(row.headCostingPercent),
    supervisorCostingPercent:row.supervisorCostingPercent==null?null:Number(row.supervisorCostingPercent),
    headCostingAmount:row.headCostingAmount==null?null:Number(row.headCostingAmount),
    supervisorCostingAmount:row.supervisorCostingAmount==null?null:Number(row.supervisorCostingAmount),
    costingPercent:row.costingPercent==null?null:Number(row.costingPercent),
    costingBeforeCreditNote:Number(row.costingBeforeCreditNote||0),
    creditNote:Number(row.creditNote||0),
    supervisorTds:Number(row.supervisorTds||0),
    finalCostingAmount:Number(row.finalCostingAmount||0),
    previousBalance:row.previousBalance==null?null:Number(row.previousBalance),
     netDebit:Number(row.netDebit||0),
    returnAmount:Number(row.returnAmount||0),
    closingBalance:row.closingBalance==null?null:Number(row.closingBalance),
    status:row.status||'Settlement Pending'
  }));
}

function overviewExportKpiGroups_(state){
  const filters=state?.filters||{};
  const rows=Array.isArray(state?.rows)?state.rows:[];
  const summary=summaryForRows(rows,filters);
  const statements=settlementBaseStatements(filters);
  const netBilling=Number(summary.netBilling||0)+Number(summary.igst||0);
  const allDebit=overviewDebitTotal(statements);
  const netProfit=netBilling-allDebit;
  const creditNote=creditNoteTotalForRows(rows,false);
  const supervisorTds=supervisorTdsTotalForRows(rows,false);
  const settlement=state.selectedSupervisor
    ? socSettlement(filters)
    : (state.selectedHead?costingAggregateSettlement(filters):null);
   const closingDebitRow=settlement?.selectedSettlement||settlement;
   const directHeadSettlement=!state.selectedSupervisor&&multiFilterValues(filters.head).length===1&&settlement
     ? headDirectSupervisorSettlement(settlement,filters.head)
     : null;
   const displayedDebitRow=directHeadSettlement?.selectedSettlement||directHeadSettlement||closingDebitRow;
   const settlementNetDebit=displayedDebitRow?settlementNetDebitDisplay(displayedDebitRow):null;
   const exportAggregateMonth=state.selectedHead&&multiFilterValues(filters.month).length===1
     ? (settlement?.monthlyCosting||[]).find(row=>monthKey(row.month)===monthKey(multiFilterValues(filters.month)[0]))
     : null;
   const exportAggregateRate=Number(String(exportAggregateMonth?.rateLabel||'').replace('%',''));
   const exportClosingSource=Number.isFinite(exportAggregateRate)?{...settlement,rate:exportAggregateRate}:settlement;
    const settlementClosingBalance=directHeadSettlement
      ? settlementClosingFromDisplayedNetDebit(exportClosingSource,settlementNetDebit,filters)
     : settlement?.finalBalance;
  const amount=v=>v==null?'Pending':Number(v||0);
  const rate=v=>v==null?'Not Configured':Number(v);
  const billingRows=[
    ['Basic Bill Amount',Number(summary.bill||0),'IGST',Number(summary.igst||0),'TDS Deducted',Number(summary.tds||0),'Net Billing',netBilling,'Amount Received',Number(summary.received||0),'Outstanding',Number(summary.outstanding||0)],
     ['Credit Note',Number(creditNote||0),'Supervisor TDS',Number(supervisorTds||0)]
  ];
  const settlementRows=settlement?[
    ['Net Billing',amount(settlement.netBilling),'Applicable Costing %',settlement.rateLabel||rate(settlement.rate),'Costing Before Credit Note',amount(settlement.costingBeforeCreditNote),'Credit Note',amount(settlement.creditNoteAmount),'Supervisor TDS',amount(settlement.supervisorTdsAmount),'Final Costing Amount',amount(settlement.entitlement)],
     ['Previous Balance',amount(settlement.opening),'Net Debit (Displayed)',amount(settlementNetDebit),'Net Debit Used in Closing',amount(settlementNetDebit),'Return Amount',amount(settlement.returnAmount),'Closing Balance',amount(settlementClosingBalance),'Status',settlement.settlementStatus||(settlementClosingBalance!=null?'Calculated':'Settlement Pending')]
  ]:[
    ['Supervisor Costing Settlement','Select Head or Supervisor to view settlement']
  ];
  return [
    {title:'Billing Overview KPIs',rows:billingRows},
    {title:'Supervisor Costing Settlement KPIs',rows:settlementRows}
  ];
}

async function downloadWorkbookXLSX(filename,sheets){
  try{
    if(typeof ExcelJS==='undefined'){
      alert('The Excel export library could not be loaded. Check the internet or network connection.');
      return false;
    }
    const wb=new ExcelJS.Workbook();
    wb.creator='Debt Service Management Dashboard';
    wb.created=new Date();
    const usedNames=new Set();
    let tableIndex=0;
    const cleanValue=v=>{
      if(v===null||v===undefined)return '';
      if(typeof v==='number')return Number.isFinite(v)?v:'';
      if(v instanceof Date&&!isNaN(v))return v;
      if(typeof v==='boolean')return v;
      return String(v);
    };
    const isFormulaValue=v=>v&&typeof v==='object'&&(typeof v.formula==='string'||typeof v.formula==='function');
    const safeSheetName=raw=>{
      const base=String(raw||'Report').replace(/[\\/*?:\[\]]/g,' ').trim().slice(0,31)||'Report';
      let name=base;
      let i=2;
      while(usedNames.has(name)){name=(base.slice(0,31-String(i).length-1)+' '+i).trim();i++;}
      usedNames.add(name);
      return name;
    };

    (Array.isArray(sheets)?sheets:[]).forEach(spec=>{
      const columns=Array.isArray(spec?.columns)&&spec.columns.length
        ? spec.columns
        : Object.keys(spec?.rows?.[0]||{}).map(key=>({header:key,key}));
      const ws=wb.addWorksheet(safeSheetName(spec?.name),{views:[{state:'frozen',ySplit:1}]});
      const data=Array.isArray(spec?.rows)?spec.rows:[];
      const headers=columns.map(c=>String(c.header||c.key||'Column'));
      if(!data.length){
        ws.addRow(headers);
        ws.addRow([`No rows matched the current filters.`,...headers.slice(1).map(()=> '')]);
      }else{
        const tableRows=data.map(row=>columns.map(c=>cleanValue(row?.[c.key])));
        ws.addTable({
          name:'OverviewExportTable'+(++tableIndex),
          ref:'A1',
          headerRow:true,
          totalsRow:false,
          style:{theme:'TableStyleMedium2',showRowStripes:true,showFirstColumn:false,showLastColumn:false},
          columns:headers.map(name=>({name})),
          rows:tableRows
        });
      }
      columns.forEach((c,i)=>{
        const col=ws.getColumn(i+1);
        col.width=c.width||Math.min(32,Math.max(12,String(c.header||c.key||'Column').length+3));
        col.alignment=c.align||{vertical:'middle'};
        if(c.numFmt)col.numFmt=c.numFmt;
        else if(/amount|billing|tds|received|outstanding|cost|profit|debit|credit|balance|note|return/i.test(String(c.header||c.key||'')))col.numFmt='#,##0.00';
      });
      ws.getRow(1).height=22;
      ws.getRow(1).font={bold:true};
      ws.getRow(1).alignment={vertical:'middle',horizontal:'center'};
      for(let r=2;r<=ws.rowCount;r++){
        ws.getRow(r).height=20;
        ws.getRow(r).alignment={vertical:'middle'};
      }
    });

    if(!wb.worksheets.length)throw new Error('No export sheets were provided.');
    const buf=await wb.xlsx.writeBuffer();
    const blob=new Blob([buf],{type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
    const url=URL.createObjectURL(blob);
    const a=document.createElement('a');
    a.href=url;
    a.download=(filename||'Overview_Export.xlsx').replace(/[<>:"/\\|?*]+/g,'_');
    a.style.display='none';
    document.body.appendChild(a);
    a.click();
    setTimeout(()=>{try{URL.revokeObjectURL(url)}catch(_){} try{a.remove()}catch(_){}},1500);
    return true;
  }catch(err){
    console.error('Workbook export failed',err);
    alert('Workbook export failed: '+String(err?.message||err));
    return false;
  }
}

async function downloadOverviewCombinedXLSX(filename,sections,filterLine,kpiGroups){
  try{
    if(typeof ExcelJS==='undefined'){
      alert('The Excel export library could not be loaded. Check the internet or network connection.');
      return false;
    }
    const wb=new ExcelJS.Workbook();
    wb.creator='Debt Service Management Dashboard';
    wb.created=new Date();
    const list=Array.isArray(sections)?sections:[];
    const kpis=Array.isArray(kpiGroups)?kpiGroups:[];
    const maxColumns=Math.max(1,...list.map(section=>Array.isArray(section?.columns)?section.columns.length:1),...kpis.flatMap(group=>(group?.rows||[]).map(row=>Array.isArray(row)?row.length:0)));
    const ws=wb.addWorksheet('Overview Export',{views:[{state:'frozen',ySplit:3}]});
    ws.mergeCells(1,1,1,maxColumns);
    ws.getCell(1,1).value='Overview Export';
    ws.getCell(1,1).font={bold:true,size:15,color:{argb:'1F2937'}};
    ws.getCell(1,1).alignment={vertical:'middle'};
    ws.getRow(1).height=26;
    ws.mergeCells(2,1,2,maxColumns);
    ws.getCell(2,1).value=filterLine||'Applied filters: All';
    ws.getCell(2,1).font={italic:true,color:{argb:'667085'}};
    ws.getRow(2).height=20;
    let tableIndex=0;
    let rowCursor=4;
    const cleanValue=v=>{
      if(v===null||v===undefined)return '';
      if(typeof v==='number')return Number.isFinite(v)?v:'';
      if(v instanceof Date&&!isNaN(v))return v;
      if(typeof v==='boolean')return v;
      return String(v);
     };
    const isFormulaValue=v=>v&&typeof v==='object'&&(typeof v.formula==='string'||typeof v.formula==='function');
    kpis.forEach(group=>{
      const rows=Array.isArray(group?.rows)?group.rows:[];
      if(!rows.length)return;
      ws.mergeCells(rowCursor,1,rowCursor,Math.min(maxColumns,Math.max(1,rows.reduce((n,row)=>Math.max(n,Array.isArray(row)?row.length:0),0))));
      ws.getCell(rowCursor,1).value=group.title||'KPIs';
      ws.getCell(rowCursor,1).font={bold:true,size:12,color:{argb:'3155D4'}};
      ws.getCell(rowCursor,1).alignment={vertical:'middle'};
      ws.getRow(rowCursor).height=22;
      rowCursor++;
      rows.forEach(row=>{
        const values=Array.isArray(row)?row:[];
        ws.addRow(values.map(cleanValue));
        const current=ws.getRow(rowCursor);
        current.height=20;
        current.alignment={vertical:'middle'};
        for(let i=0;i<values.length;i+=2){
          const label=String(values[i]??'');
          const labelCell=ws.getCell(rowCursor,i+1);
          const valueCell=ws.getCell(rowCursor,i+2);
          labelCell.font={bold:true,color:{argb:'475467'}};
          if(typeof values[i+1]==='number')valueCell.numFmt=/percent|%/i.test(label)?'0.0':'#,##0.00';
        }
        rowCursor++;
      });
      rowCursor++;
    });
    list.forEach(section=>{
      const columns=Array.isArray(section?.columns)?section.columns:[];
      if(!columns.length)return;
      const data=Array.isArray(section?.rows)?section.rows:[];
      const headers=columns.map(c=>String(c.header||c.key||'Column'));
      const titleRow=rowCursor;
      ws.mergeCells(titleRow,1,titleRow,columns.length);
      ws.getCell(titleRow,1).value=section.title||'Report';
      ws.getCell(titleRow,1).font={bold:true,size:12,color:{argb:'3155D4'}};
      ws.getCell(titleRow,1).alignment={vertical:'middle'};
      ws.getRow(titleRow).height=22;
      rowCursor++;
      const headerRow=rowCursor;
      const tableRows=data.map(row=>columns.map(c=>isFormulaValue(row?.[c.key])?'':cleanValue(row?.[c.key])));
      if(data.length){
        ws.addTable({
          name:'OverviewExportTable'+(++tableIndex),
          ref:`A${headerRow}`,
          headerRow:true,
          totalsRow:false,
          style:{theme:'TableStyleMedium2',showRowStripes:true,showFirstColumn:false,showLastColumn:false},
          columns:headers.map(name=>({name})),
          rows:tableRows
        });
      }else{
        ws.addRow(headers);
        ws.addRow(['No rows matched the current filters.',...headers.slice(1).map(()=> '')]);
      }
      const dataStart=headerRow+1;
      const dataEnd=data.length?headerRow+data.length:headerRow+1;
      data.forEach((row,rowIndex)=>columns.forEach((c,columnIndex)=>{
        const value=row?.[c.key];
        if(!isFormulaValue(value))return;
        const formula=typeof value.formula==='function'?value.formula(dataStart+rowIndex):value.formula;
        const cell=ws.getCell(dataStart+rowIndex,columnIndex+1);
        cell.value=value.result===undefined?{formula}:{formula,result:value.result};
      }));
      ws.getRow(headerRow).height=22;
      ws.getRow(headerRow).font={bold:true};
      ws.getRow(headerRow).alignment={vertical:'middle',horizontal:'center'};
       for(let r=dataStart;r<=dataEnd;r++){
         ws.getRow(r).height=20;
         ws.getRow(r).alignment={vertical:'middle',horizontal:'center'};
       }
       columns.forEach((c,i)=>{
        const column=ws.getColumn(i+1);
        const width=c.width||Math.min(32,Math.max(12,String(c.header||c.key||'Column').length+3));
        column.width=Math.max(Number(column.width||0),width);
        for(let r=dataStart;r<=dataEnd;r++){
          const cell=ws.getCell(r,i+1);
          if(c.numFmt)cell.numFmt=c.numFmt;
           cell.alignment={...(c.align||{}),vertical:'middle',horizontal:'center'};
        }
      });
      rowCursor=ws.rowCount+2;
    });
    if(!list.some(section=>Array.isArray(section?.columns)&&section.columns.length))throw new Error('No export sections were provided.');
    const buf=await wb.xlsx.writeBuffer();
    const blob=new Blob([buf],{type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
    const url=URL.createObjectURL(blob);
    const a=document.createElement('a');
    a.href=url;
    a.download=(filename||'Overview_Export.xlsx').replace(/[<>:"/\\|?*]+/g,'_');
    a.style.display='none';
    document.body.appendChild(a);
    a.click();
    setTimeout(()=>{try{URL.revokeObjectURL(url)}catch(_){} try{a.remove()}catch(_){}},1500);
    return true;
  }catch(err){
    console.error('Combined workbook export failed',err);
    alert('Workbook export failed: '+String(err?.message||err));
    return false;
  }
}

async function downloadOverviewFlatWorkbookXLSX(filename,sheetSpecs){
  try{
    if(typeof ExcelJS==='undefined'){
      alert('The Excel export library could not be loaded. Check the internet or network connection.');
      return false;
    }
    const wb=new ExcelJS.Workbook();
    wb.creator='Debt Service Management Dashboard';
    wb.created=new Date();
    const usedNames=new Set();
    const cleanValue=v=>{
      if(v===null||v===undefined)return '';
      if(typeof v==='number')return Number.isFinite(v)?v:'';
      if(v instanceof Date&&!isNaN(v))return v;
      if(typeof v==='boolean')return v;
      return String(v);
    };
    const isFormulaValue=v=>v&&typeof v==='object'&&(typeof v.formula==='string'||typeof v.formula==='function');
    const safeSheetName=raw=>{
      const base=String(raw||'Overview Export').replace(/[\\/*?:\[\]]/g,' ').trim().slice(0,31)||'Overview Export';
      let name=base;
      let i=2;
      while(usedNames.has(name)){name=(base.slice(0,31-String(i).length-1)+' '+i).trim();i++;}
      usedNames.add(name);
      return name;
    };
     (Array.isArray(sheetSpecs)?sheetSpecs:[]).forEach(spec=>{
       const columns=Array.isArray(spec?.columns)?spec.columns:[];
       if(!columns.length)return;
       const ws=wb.addWorksheet(safeSheetName(spec?.name),{views:[{state:'frozen',ySplit:1}]});
       const headers=columns.map(c=>String(c.header||c.key||'Column'));
      const data=Array.isArray(spec?.rows)?spec.rows:[];
      const tableRows=data.map(row=>columns.map(c=>isFormulaValue(row?.[c.key])?'':cleanValue(row?.[c.key])));
      ws.addRow(headers);
      const headerRow=ws.lastRow.number;
      if(data.length)tableRows.forEach(row=>ws.addRow(row));
      else ws.addRow(['No rows matched the current filters.',...headers.slice(1).map(()=> '')]);
      const dataStart=headerRow+1;
      const dataEnd=data.length?headerRow+data.length:headerRow+1;
      ws.autoFilter={from:{row:headerRow,column:1},to:{row:dataEnd,column:columns.length}};
      data.forEach((row,rowIndex)=>columns.forEach((c,columnIndex)=>{
        const value=row?.[c.key];
        if(!isFormulaValue(value))return;
        const formula=typeof value.formula==='function'?value.formula(dataStart+rowIndex):value.formula;
        ws.getCell(dataStart+rowIndex,columnIndex+1).value=value.result===undefined?{formula}:{formula,result:value.result};
      }));
      ws.getRow(headerRow).height=22;
      ws.getRow(headerRow).font={bold:true};
       ws.getRow(headerRow).alignment={vertical:'middle',horizontal:'center'};
       for(let r=dataStart;r<=dataEnd;r++){
         ws.getRow(r).height=20;
         ws.getRow(r).alignment={vertical:'middle'};
       }
       const tableBorder={top:{style:'thin',color:{argb:'FFD0D5DD'}},left:{style:'thin',color:{argb:'FFD0D5DD'}},bottom:{style:'thin',color:{argb:'FFD0D5DD'}},right:{style:'thin',color:{argb:'FFD0D5DD'}}};
       for(let r=headerRow;r<=dataEnd;r++)for(let c=1;c<=columns.length;c++){
         const cell=ws.getCell(r,c);
         cell.border=tableBorder;
         if(r===headerRow){
          const settlementHeader=c>=13;
          cell.fill={type:'pattern',pattern:'solid',fgColor:{argb:settlementHeader?'FFFFB343':'FF3155D4'}};
          cell.font={bold:true,color:{argb:settlementHeader?'FF1F2937':'FFFFFFFF'}};
         }
       }
       columns.forEach((c,i)=>{
        const column=ws.getColumn(i+1);
        column.width=Math.max(Number(column.width||0),c.width||Math.min(32,Math.max(12,String(c.header||c.key||'Column').length+3)));
        for(let r=dataStart;r<=dataEnd;r++){
          const cell=ws.getCell(r,i+1);
           if(c.numFmt)cell.numFmt=c.numFmt;
           cell.alignment={...(c.align||{}),vertical:'middle',horizontal:'center'};
        }
      });
    });
    if(!wb.worksheets.length)throw new Error('No export sheets were provided.');
    const buf=await wb.xlsx.writeBuffer();
    const blob=new Blob([buf],{type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
    const url=URL.createObjectURL(blob);
    const a=document.createElement('a');
    a.href=url;
    a.download=(filename||'Overview_Export.xlsx').replace(/[<>:"/\\|?*]+/g,'_');
    a.style.display='none';
    document.body.appendChild(a);
    a.click();
    setTimeout(()=>{try{URL.revokeObjectURL(url)}catch(_){} try{a.remove()}catch(_){}},1500);
    return true;
  }catch(err){
    console.error('Overview workbook export failed',err);
    alert('Workbook export failed: '+String(err?.message||err));
    return false;
  }
}

async function exportOverviewExcelLegacy(){
  const state=overviewExportState;
  if(!state){
    alert('Overview data is not ready for export.');
    return false;
  }
   const overviewColumns=[
     {header:'Month',key:'month',width:12},
     {header:'Head',key:'head',width:20},
     {header:'Supervisor',key:'supervisor',width:24},
     {header:'Basic Bill Amount',key:'billAmount',width:17,numFmt:'#,##0.00'},
     {header:'IGST',key:'igst',width:14,numFmt:'#,##0.00'},
     {header:'TDS Deducted',key:'tds',width:16,numFmt:'#,##0.00'},
     {header:'Net Billing',key:'netBilling',width:17,numFmt:'#,##0.00'},
     {header:'Amount Received',key:'received',width:17,numFmt:'#,##0.00'},
     {header:'Outstanding',key:'outstanding',width:16,numFmt:'#,##0.00'},
     {header:'Credit Note',key:'creditNote',width:15,numFmt:'#,##0.00'},
     {header:'Supervisor TDS',key:'supervisorTds',width:17,numFmt:'#,##0.00'},
      {header:'Total Cost',key:'totalCost',width:15,numFmt:'#,##0.00'},
      {header:'Net Billing',key:'settlementNetBilling',width:22,numFmt:'#,##0.00'},
      {header:'Applicable Costing %',key:'settlementCostingPercent',width:28,numFmt:'0.0'},
      {header:'Costing Before Credit Note',key:'settlementCostingBeforeCreditNote',width:32,numFmt:'#,##0.00'},
      {header:'Credit Note',key:'settlementCreditNote',width:23,numFmt:'#,##0.00'},
      {header:'Supervisor TDS',key:'settlementSupervisorTds',width:28,numFmt:'#,##0.00'},
      {header:'Final Costing Amount',key:'settlementFinalCostingAmount',width:31,numFmt:'#,##0.00'},
      {header:'Previous Balance',key:'settlementPreviousBalance',width:28,numFmt:'#,##0.00'},
       {header:'Net Debit (Displayed)',key:'settlementNetDebit',width:27,numFmt:'#,##0.00'},
        {header:'Base Net Debit Reference',key:'settlementBaseNetDebit',width:28,numFmt:'#,##0.00'},
       {header:'Return Amount',key:'settlementReturnAmount',width:25,numFmt:'#,##0.00'},
       {header:'Closing Balance',key:'settlementClosingBalance',width:28,numFmt:'#,##0.00'},
       {header:'Net Debit Scope',key:'settlementNetDebitScope',width:36}
   ];
  const filterLine=[
    `Month: ${overviewExportFilterText_(state.selectedMonth||state.filters.month,formatBillingMonth)}`,
    `Head: ${overviewExportFilterText_(state.selectedHead||state.filters.head)}`,
    `Supervisor: ${overviewExportFilterText_(state.selectedSupervisor||state.filters.supervisor)}`
  ].join('  |  ');
  const applyFormulas=rows=>rows.forEach(row=>{
    if(row._hasBilling){
       row.netBilling={formula:r=>`=D${r}-F${r}+E${r}`,result:row.netBilling};
       row.outstanding={formula:r=>`=MAX(0,G${r}-H${r})`,result:row.outstanding};
       row.netProfitAmount={formula:r=>`=G${r}-M${r}`,result:row.netProfitAmount};
       row.netProfitPercent={formula:r=>`=IFERROR(N${r}/G${r}*100,"")`,result:row.netProfitPercent};
      }
      if(row._hasSettlement){
         row.settlementNetBilling={formula:r=>`=D${r}-F${r}`,result:row.settlementNetBilling};
           row.settlementCostingBeforeCreditNote={formula:r=>`=IF(OR(M${r}="",N${r}=""),"",M${r}*N${r}/100)`,result:row.settlementCostingBeforeCreditNote};
          row.settlementFinalCostingAmount={formula:r=>`=IF(O${r}="","",O${r}-P${r}-Q${r})`,result:row.settlementFinalCostingAmount};
           row.settlementClosingBalance={formula:r=>`=IF(OR(R${r}="",T${r}="",V${r}=""),"",IF(N${r}=100,R${r}-T${r}+V${r},IF(S${r}="","",S${r}+R${r}-T${r}+V${r})))`,result:row.settlementClosingBalance};
     }
  });
  const mainRows=overviewCombinedExportRows_(state).filter(row=>!isSeemaSupervisor(row.supervisor));
  applyFormulas(mainRows);
  const seemaState=overviewExportStateForSupervisor_(state,'Seema Sharma');
  const seemaRows=seemaState?overviewCombinedExportRows_(seemaState).filter(row=>isSeemaSupervisor(row.supervisor)):[];
  applyFormulas(seemaRows);
  const seemaFilterLine=seemaState?[
    `Month: ${overviewExportFilterText_(seemaState.selectedMonth||seemaState.filters.month,formatBillingMonth)}`,
    `Head: ${overviewExportFilterText_(seemaState.selectedHead||seemaState.filters.head)}`,
    'Supervisor: Seema Sharma'
  ].join('  |  '):filterLine;
   return downloadOverviewFlatWorkbookXLSX('Overview_Export.xlsx',[
     {name:'Billing Overview',title:'Billing Overview + Costing Settlement',filterLine,kpis:overviewExportKpiGroups_(state),rows:mainRows,columns:overviewColumns},
     {name:'Seema Sharma',title:'Seema Sharma Billing + Costing Settlement',filterLine:seemaFilterLine,kpis:seemaState?overviewExportKpiGroups_(seemaState):[],rows:seemaRows,columns:overviewColumns}
   ]);
}

async function exportOverviewExcel(){
  return exportOverviewExcelLegacy();
  const state=overviewExportState;
  if(!state){
    alert('Overview data is not ready for export.');
    return false;
  }
  const filterLine=[
    `Month: ${overviewExportFilterText_(state.selectedMonth||state.filters.month,formatBillingMonth)}`,
    `Head: ${overviewExportFilterText_(state.selectedHead||state.filters.head)}`,
    `Supervisor: ${overviewExportFilterText_(state.selectedSupervisor||state.filters.supervisor)}`
  ].join('  |  ');
  const billingColumns=[
    {header:'Month',key:'month',width:12},
    {header:'Head',key:'head',width:20},
    {header:'Supervisor',key:'supervisor',width:24},
    {header:'Basic Bill Amount',key:'billAmount',width:17,numFmt:'#,##0.00'},
    {header:'IGST',key:'igst',width:14,numFmt:'#,##0.00'},
    {header:'TDS Deducted',key:'tds',width:16,numFmt:'#,##0.00'},
    {header:'Net Billing',key:'netBilling',width:17,numFmt:'#,##0.00'},
    {header:'Amount Received',key:'received',width:17,numFmt:'#,##0.00'},
    {header:'Outstanding',key:'outstanding',width:16,numFmt:'#,##0.00'},
    {header:'Credit Note',key:'creditNote',width:15,numFmt:'#,##0.00'},
    {header:'Supervisor TDS',key:'supervisorTds',width:17,numFmt:'#,##0.00'},
    {header:'Billing Costing %',key:'costingPercent',width:18,numFmt:'0.0'},
    {header:'Total Cost',key:'totalCost',width:15,numFmt:'#,##0.00'},
  ];
  const headSettlementColumns=[
    {header:'Month',key:'month',width:12},
    {header:'Head',key:'head',width:24},
    {header:'Net Billing',key:'netBilling',width:17,numFmt:'#,##0.00'},
    {header:'Head Costing %',key:'costingPercent',width:17,numFmt:'0.0'},
    {header:'Head Costing Amount',key:'costingBeforeCreditNote',width:22,numFmt:'#,##0.00'},
    {header:'Credit Note',key:'creditNote',width:15,numFmt:'#,##0.00'},
    {header:'Supervisor TDS',key:'supervisorTds',width:17,numFmt:'#,##0.00'},
    {header:'Final Costing Amount',key:'finalCostingAmount',width:21,numFmt:'#,##0.00'},
    {header:'Previous Balance',key:'previousBalance',width:18,numFmt:'#,##0.00'},
    {header:'Net Debit',key:'netDebit',width:15,numFmt:'#,##0.00'},
    {header:'Return Amount',key:'returnAmount',width:16,numFmt:'#,##0.00'},
    {header:'Closing Balance',key:'closingBalance',width:18,numFmt:'#,##0.00'},
    {header:'Status',key:'status',width:22}
  ];
  const supervisorSettlementColumns=[
    {header:'Month',key:'month',width:12},
    {header:'Head',key:'head',width:22},
    {header:'Supervisor',key:'supervisor',width:24},
    {header:'Net Billing',key:'netBilling',width:17,numFmt:'#,##0.00'},
    {header:'Head Costing %',key:'headCostingPercent',width:17,numFmt:'0.0'},
    {header:'Supervisor Costing %',key:'supervisorCostingPercent',width:22,numFmt:'0.0'},
    {header:'Head Costing Amount',key:'headCostingAmount',width:22,numFmt:'#,##0.00'},
    {header:'Supervisor Costing Amount',key:'supervisorCostingAmount',width:27,numFmt:'#,##0.00'},
    {header:'Applicable Costing %',key:'costingPercent',width:21,numFmt:'0.0'},
    {header:'Costing Before Credit Note',key:'costingBeforeCreditNote',width:24,numFmt:'#,##0.00'},
    {header:'Credit Note',key:'creditNote',width:15,numFmt:'#,##0.00'},
    {header:'Supervisor TDS',key:'supervisorTds',width:17,numFmt:'#,##0.00'},
    {header:'Final Costing Amount',key:'finalCostingAmount',width:21,numFmt:'#,##0.00'},
    {header:'Previous Balance',key:'previousBalance',width:18,numFmt:'#,##0.00'},
    {header:'Net Debit',key:'netDebit',width:15,numFmt:'#,##0.00'},
    {header:'Return Amount',key:'returnAmount',width:16,numFmt:'#,##0.00'},
    {header:'Closing Balance',key:'closingBalance',width:18,numFmt:'#,##0.00'},
    {header:'Status',key:'status',width:22}
  ];
  const applyFormula=(rows,key,formula)=>rows.forEach(row=>{
    const result=row?.[key];
    if(result==null||result==='')return;
    row[key]={formula,result};
  });
  const billingRows=overviewBillingExportRows_(state)
    .filter(row=>[row.billAmount,row.igst,row.tds,row.netBilling,row.received,row.outstanding].some(v=>Number(v||0)!==0))
    .map(row=>({...row}));
  const headRows=overviewHeadSettlementExportRows_(state);
  const allSupervisorRows=overviewSupervisorSettlementExportRows_(state);
  const supervisorRows=allSupervisorRows.filter(row=>!isSeemaSupervisor(row.supervisor));
  const seemaRows=allSupervisorRows.filter(row=>isSeemaSupervisor(row.supervisor));
  billingRows.forEach(row=>{
    applyFormula([row],'netBilling',r=>`=D${r}-F${r}+E${r}`);
    applyFormula([row],'outstanding',r=>`=MAX(0,G${r}-H${r})`);
    applyFormula([row],'totalCost',r=>`=IF(L${r}="","",(D${r}-F${r})*L${r}/100-J${r}-K${r})`);
    applyFormula([row],'netProfitAmount',r=>`=G${r}-N${r}`);
    applyFormula([row],'netProfitPercent',r=>`=IFERROR(O${r}/G${r}*100,"")`);
  });
  headRows.forEach(row=>{
    applyFormula([row],'costingBeforeCreditNote',r=>`=IF(OR(C${r}="",D${r}=""),"",C${r}*D${r}/100)`);
    applyFormula([row],'finalCostingAmount',r=>`=IF(E${r}="","",E${r}-F${r}-G${r})`);
    applyFormula([row],'closingBalance',r=>`=IF(OR(H${r}="",J${r}="",K${r}=""),"",IF(D${r}=100,H${r}-J${r}+K${r},IF(I${r}="","",I${r}+H${r}-J${r}+K${r})))`);
  });
  [...supervisorRows,...seemaRows].forEach(row=>{
    applyFormula([row],'headCostingAmount',r=>`=IF(OR(D${r}="",E${r}=""),"",D${r}*E${r}/100)`);
    applyFormula([row],'supervisorCostingAmount',r=>`=IF(OR(D${r}="",F${r}=""),"",D${r}*F${r}/100)`);
    applyFormula([row],'costingBeforeCreditNote',r=>`=IF(OR(D${r}="",I${r}=""),"",D${r}*I${r}/100)`);
    applyFormula([row],'finalCostingAmount',r=>`=IF(J${r}="","",J${r}-K${r}-L${r})`);
    applyFormula([row],'closingBalance',r=>`=IF(OR(M${r}="",O${r}="",P${r}=""),"",IF(I${r}=100,M${r}-O${r}+P${r},IF(N${r}="","",N${r}+M${r}-O${r}+P${r})))`);
  });
  const sheets=[
    {name:'Billing Summary',title:'Billing Summary',filterLine,kpis:overviewExportKpiGroups_(state).slice(0,1),rows:billingRows,columns:billingColumns},
    {name:'Head Settlement',title:'Head Settlement',filterLine,kpis:[],rows:headRows,columns:headSettlementColumns},
    {name:'Supervisor Settlement',title:'Supervisor Settlement',filterLine,kpis:[],rows:supervisorRows,columns:supervisorSettlementColumns}
  ];
  if(seemaRows.length)sheets.push({name:'Seema Sharma',title:'Seema Sharma Settlement',filterLine,kpis:[],rows:seemaRows,columns:supervisorSettlementColumns});
  return downloadOverviewFlatWorkbookXLSX('Overview_Export.xlsx',sheets);
}

function downloadCSV(filename, rows){
  try{
    const data=Array.isArray(rows)?rows:[];
    if(!data.length){
      alert('No report data is available for export.');
      return false;
    }
    const headers=[];
    data.forEach(row=>{
      if(row && typeof row==='object' && !Array.isArray(row)){
        Object.keys(row).forEach(k=>{ if(!headers.includes(k)) headers.push(k); });
      }
    });
    if(!headers.length){
      alert('The export data format is invalid.');
      return false;
    }
    const lines=[headers.map(csvEscapeValue_).join(',')];
    data.forEach(row=>lines.push(headers.map(h=>csvEscapeValue_(row?.[h])).join(',')));
    const csv='\uFEFF'+lines.join('\r\n');
    const blob=new Blob([csv],{type:'text/csv;charset=utf-8;'});
    const url=URL.createObjectURL(blob);
    const a=document.createElement('a');
    a.href=url;
    a.download=filename||'Report.csv';
    a.style.display='none';
    document.body.appendChild(a);
    a.click();
    setTimeout(()=>{
      try{URL.revokeObjectURL(url);}catch(_){ }
      try{a.remove();}catch(_){ }
    },1200);
    return true;
  }catch(err){
    console.error('CSV export failed',err);
    alert('CSV export failed: '+String(err?.message||err));
    return false;
  }
}

function printCurrent(){
  try{
    const content=document.getElementById('content');
    if(!content){
      alert('No report content is available to print.');
      return false;
    }
    const reportTitle=document.getElementById('title')?.textContent?.trim()||'Report';
    const iframe=document.createElement('iframe');
    iframe.setAttribute('aria-hidden','true');
    iframe.style.position='fixed';
    iframe.style.right='0';
    iframe.style.bottom='0';
    iframe.style.width='0';
    iframe.style.height='0';
    iframe.style.border='0';
    document.body.appendChild(iframe);
    const doc=iframe.contentDocument||iframe.contentWindow.document;
    doc.open();
    doc.write(`<!doctype html><html><head><meta charset="utf-8"><title>${reportTitle.replace(/[<>&]/g,'')}</title>
      <style>
        @page{size:A4 landscape;margin:10mm}
        *{box-sizing:border-box}
        body{font-family:Arial,Segoe UI,sans-serif;color:#111827;margin:0;font-size:10px}
        h1{font-size:18px;margin:0 0 12px}
        .report-actions,.filters,.action-btn,button,.source-live{display:none!important}
        .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
        .card{border:1px solid #d0d5dd;border-radius:8px;padding:9px;break-inside:avoid}
        .label{font-size:8px;text-transform:uppercase;color:#667085;font-weight:700}
        .value{font-size:15px;font-weight:800;margin-top:4px}
        .meta{font-size:8px;color:#667085;margin-top:3px}
        .section{margin:12px 0 7px}.section h3{font-size:13px;margin:0}
        .tablewrap,.invoice-register-wrap{overflow:visible!important;border:0!important}
        table{width:100%!important;min-width:0!important;border-collapse:collapse!important;table-layout:auto!important}
        th,td{border:1px solid #d0d5dd!important;padding:5px 4px!important;font-size:8px!important;white-space:normal!important;word-break:break-word}
        th{background:#f2f4f7!important;font-weight:700}
        .status{padding:2px 4px;border:1px solid #d0d5dd;border-radius:8px}
        a{color:#111827;text-decoration:none}
      </style>
<style id="company-mis-no-overlap-fix">
/* ===== Company MIS: prevent text overlap ===== */
.company-mis-tablewrap{
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  -webkit-overflow-scrolling:touch;
}
.company-mis-table{
  width:100% !important;
  min-width:1450px !important;
  table-layout:fixed !important;
  border-collapse:collapse !important;
}
.company-mis-table th,
.company-mis-table td{
  padding:9px 8px !important;
  font-size:10px !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  vertical-align:middle !important;
}
.company-mis-table th{
  font-size:9.5px !important;
}
.company-mis-table .cm-invoice{width:110px !important;}
.company-mis-table .cm-date{width:105px !important;}
.company-mis-table .cm-month{width:105px !important;}
.company-mis-table .cm-company{width:230px !important;}
.company-mis-table .cm-portfolio{width:150px !important;}
.company-mis-table .cm-state{width:120px !important;}
.company-mis-table .cm-city{width:135px !important;}
.company-mis-table .cm-basic{width:135px !important;}
.company-mis-table .cm-tds{width:105px !important;}
.company-mis-table .cm-net{width:125px !important;}
.company-mis-table .cm-received{width:135px !important;}
.company-mis-table .cm-paydate{width:110px !important;}
.company-mis-table .cm-status{width:105px !important;}
.company-mis-table td.num-col,
.company-mis-table th.num-col{
  text-align:right !important;
}
@media print{
  .company-mis-tablewrap{overflow:visible !important;}
  .company-mis-table{
    min-width:0 !important;
    width:100% !important;
    table-layout:auto !important;
  }
  .company-mis-table th,
  .company-mis-table td{
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    font-size:7.5px !important;
    padding:4px 3px !important;
  }
}
</style>


<style id="accounts-statement-row-overlap-fix">
/* ===== Accounts Statement Data: row/header overlap fix ===== */
.account-statement-tablewrap{
  overflow-x:auto !important;
  overflow-y:visible !important;
}
.account-statement-data-table{
  border-collapse:separate !important;
  border-spacing:0 !important;
}
.account-statement-data-table thead tr{
  height:42px !important;
}
.account-statement-data-table tbody tr{
  height:38px !important;
  min-height:38px !important;
}
.account-statement-data-table th,
.account-statement-data-table td{
  height:auto !important;
  min-height:38px !important;
  padding:9px 9px !important;
  line-height:18px !important;
  vertical-align:middle !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}
.account-statement-data-table th{
  min-height:42px !important;
  line-height:16px !important;
}
.account-statement-data-table tbody td{
  border-bottom:1px solid #eef2f6 !important;
}
.account-statement-data-table tbody tr:last-child td{
  border-bottom:0 !important;
}
/* Wider free-text columns without increasing row height */
.account-statement-data-table th:nth-child(2),
.account-statement-data-table td:nth-child(2){min-width:230px !important;max-width:230px !important;}
.account-statement-data-table th:nth-child(3),
.account-statement-data-table td:nth-child(3){min-width:150px !important;max-width:150px !important;}
.account-statement-data-table th:nth-child(7),
.account-statement-data-table td:nth-child(7){min-width:150px !important;max-width:150px !important;}
.account-statement-data-table th:nth-child(10),
.account-statement-data-table td:nth-child(10){min-width:105px !important;max-width:105px !important;}
.account-statement-data-table th:nth-child(11){
  white-space:normal !important;
  min-width:205px !important;
  max-width:205px !important;
}
.account-statement-data-table td:nth-child(11){
  min-width:205px !important;
  max-width:205px !important;
}
.account-statement-data-table th:nth-child(12),
.account-statement-data-table td:nth-child(12){min-width:135px !important;max-width:135px !important;}
</style>

<style id="accounts-statement-header-center">
/* Accounts → Statement Data header alignment only */
#content .statement-table thead th,
#content .accounts-statement-table thead th,
#content .account-statement-table thead th,
#content .statement-data-table thead th{
  text-align:center !important;
  vertical-align:middle !important;
}
</style>


<style id="accounts-statement-header-center-fix2">
/* Exact Accounts → Statement Data header centering */
.account-statement-data-table thead th{
  text-align:center !important;
  vertical-align:middle !important;
}
</style>


<style id="accounts-header-true-center">
#content .account-statement-tablewrap > table.account-statement-data-table > thead > tr > th{
  text-align:center !important;
  vertical-align:middle !important;
}
</style>


<style id="accounts-numeric-center-fix">
/* Accounts → Statement Data: center Debit, Credit, Balance values */
.account-statement-data-table tbody td:nth-child(4),
.account-statement-data-table tbody td:nth-child(5),
.account-statement-data-table tbody td:nth-child(6){
  text-align:center !important;
  vertical-align:middle !important;
}
</style>


<style id="billing-header-center-gap-fix">
/* Billing Invoice Register: requested header alignment + remove excess blank width */
#financeArea .invoice-register thead th.col-invoice,
#financeArea .invoice-register thead th.col-date,
#financeArea .invoice-register thead th.col-month,
#financeArea .invoice-register thead th.col-company{
  text-align:center !important;
  vertical-align:middle !important;
}

/* Keep first four data columns aligned cleanly under centered headers */
#financeArea .invoice-register tbody td:nth-child(1),
#financeArea .invoice-register tbody td:nth-child(2),
#financeArea .invoice-register tbody td:nth-child(3){
  text-align:center !important;
}

/* Remove the large empty visual gap before Basic Bill Amount */
@media (min-width:900px){
  #financeArea .invoice-register .col-invoice{width:7.0% !important;}
  #financeArea .invoice-register .col-date{width:7.0% !important;}
  #financeArea .invoice-register .col-month{width:6.5% !important;}
  #financeArea .invoice-register .col-company{width:13.0% !important;}
  #financeArea .invoice-register .col-portfolio{width:8.5% !important;}
  #financeArea .invoice-register .col-state{width:7.0% !important;}
  #financeArea .invoice-register .col-city{width:7.5% !important;}
  #financeArea .invoice-register .col-basic{width:8.0% !important;}
  #financeArea .invoice-register .col-tds{width:7.0% !important;}
  #financeArea .invoice-register .col-net{width:8.0% !important;}
  #financeArea .invoice-register .col-received{width:8.5% !important;}
  #financeArea .invoice-register .col-paydate{width:7.5% !important;}
  #financeArea .invoice-register .col-status{width:6.5% !important;}
}

/* Center Basic Bill Amount header/value so the column does not look empty on the left */
#financeArea .invoice-register thead th.col-basic,
#financeArea .invoice-register tbody td:nth-child(8){
  text-align:center !important;
}


/* ===== LOCKED: Companies module true autofit / readable spacing ===== */
#companyArea .company-auto-tablewrap{
  width:100% !important;
  max-width:100% !important;
  overflow-x:visible !important;
  padding:0 !important;
}
#companyArea .company-auto-table{
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  table-layout:auto !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}
#companyArea .company-auto-table th,
#companyArea .company-auto-table td{
  width:auto !important;
  max-width:none !important;
  padding:10px 13px !important;
  font-size:13px !important;
  line-height:1.35 !important;
  white-space:nowrap !important;
  vertical-align:middle !important;
}
#companyArea .company-auto-table th{
  font-size:12px !important;
}
#companyArea .company-auto-table th:first-child,
#companyArea .company-auto-table td:first-child{
  padding-left:14px !important;
}
#companyArea .company-auto-list{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr)) !important;
  gap:10px !important;
}
#companyArea .company-auto-list .row-card{
  min-width:0 !important;
  padding:12px 14px !important;
}
#companyArea .company-auto-list .row-card strong{
  font-size:13px !important;
  line-height:1.35 !important;
}
#companyArea .company-auto-list .row-card span{
  font-size:11px !important;
  line-height:1.45 !important;
  overflow-wrap:anywhere !important;
}
@media(max-width:700px){
  #companyArea .company-auto-tablewrap{overflow-x:auto !important;}
  #companyArea .company-auto-table{width:max-content !important;min-width:100% !important;}
  #companyArea .company-auto-table th,
  #companyArea .company-auto-table td{font-size:12px !important;padding:9px 10px !important;}
  #companyArea .company-auto-list{grid-template-columns:1fr !important;}
}
</style>

</head><body><h1>${reportTitle.replace(/[<>&]/g,'')}</h1>${content.innerHTML}</body></html>`);
    doc.close();
    const doPrint=()=>{
      try{
        iframe.contentWindow.focus();
        iframe.contentWindow.print();
      }finally{
        setTimeout(()=>{try{iframe.remove();}catch(_){ }},1500);
      }
    };
    if(doc.readyState==='complete') setTimeout(doPrint,60);
    else iframe.onload=()=>setTimeout(doPrint,60);
    return true;
  }catch(err){
    console.error('Print failed',err);
    alert('Print failed: '+String(err?.message||err));
    return false;
  }
}

function reportsPage(){
 head('Reports','Group › Reports');
 document.getElementById('content').innerHTML=`
 <div class="kpis report-overview-kpis">
   <div class="card click" onclick="openReport('group')"><div class="label">Report</div><div class="value" style="font-size:18px">Group MIS</div><div class="meta">Monthly group summary • Open report</div></div>
   <div class="card click" onclick="openReport('company')"><div class="label">Report</div><div class="value" style="font-size:18px">Company MIS</div><div class="meta">Company-wise report • Open report</div></div>
   <div class="card click" onclick="openReport('portfolio')"><div class="label">Report</div><div class="value" style="font-size:18px">Portfolio P&L</div><div class="meta">Portfolio profitability • Open report</div></div>
   <div class="card click" onclick="openReport('outstanding')"><div class="label">Report</div><div class="value" style="font-size:18px">Outstanding</div><div class="meta">Pending receipts • Open report</div></div>
   <div class="card click" onclick="openReport('creditnote')"><div class="label">Report</div><div class="value" style="font-size:18px">Credit Note Report</div><div class="meta">Company / month / supervisor-wise credit notes • Open report</div></div>
 </div>`;
}
function openReport(type){
 if(type==='group'){
   const rows=companies.map(c=>{
     const s=summaryForCompany(c.id);
     return {Company:c.name,Billing:money(s.bill),Received:money(s.received),Outstanding:money(s.outstanding),Cost:money(s.cost),Profit:money(s.profit),Margin:percent(s.profit,s.bill)}
   });
   head('Group MIS','<span class="link" onclick="reportsPage()">Reports</span> › Group MIS');
   document.getElementById('content').innerHTML=`
   <div class="report-actions"><button class="action-btn" onclick='downloadXLSX("Group_MIS.xlsx",${JSON.stringify(rows)},"Group MIS")'>Export XLSX</button><button class="action-btn" onclick="printCurrent()">Print</button></div>
    <div class="kpis report-summary-kpis">${kpi('Companies',companies.length)}${kpi('Total Billing',money(bills.reduce((a,b)=>a+b.amount,0)))}${kpi('Amount Received',money(bills.reduce((a,b)=>a+b.received,0)))}${kpi('Outstanding',money(bills.reduce((a,b)=>a+billingOutstandingAmount(b),0)))}</div>
   <div class="section"><h3>Group MIS Summary</h3></div>
    <div class="tablewrap"><table class="report-group-table"><thead><tr><th>Company</th><th>Billing</th><th>Received</th><th>Outstanding</th><th>Cost</th><th>Profit</th><th>Margin</th></tr></thead><tbody>
    ${rows.map(r=>`<tr><td>${htmlEscape(r.Company)}</td><td>${htmlEscape(r.Billing)}</td><td>${htmlEscape(r.Received)}</td><td>${htmlEscape(r.Outstanding)}</td><td>${htmlEscape(r.Cost)}</td><td>${htmlEscape(r.Profit)}</td><td>${htmlEscape(r.Margin)}</td></tr>`).join('')}
   </tbody></table></div>`;
 } else if(type==='company'){
   head('Company MIS','<span class="link" onclick="reportsPage()">Reports</span> › Company MIS');
   document.getElementById('content').innerHTML=`
     <div class="filters">${multiFilterControl('reportCompany','',companies.map(c=>c.id),'All Companies',()=>renderCompanyMIS(),id=>C(id).name||id)}</div>
   <div id="reportArea"></div>`;
   renderCompanyMIS();
 } else if(type==='portfolio'){
   const keys=[...new Set(bills.map(b=>`${b.c}|${b.p}`))];
   const rows=keys.map(k=>{
     const [cid,p]=k.split('|'),v=summaryForRows(bills.filter(b=>b.c===cid&&b.p===p));
     return {Company:C(cid).name,Portfolio:p,Billing:money(v.bill),Received:money(v.received),TDS:money(v.tds),Outstanding:money(v.outstanding),Cost:money(v.cost),Profit:money(v.profit),Margin:percent(v.profit,v.bill)}
   });
   head('Portfolio P&L','<span class="link" onclick="reportsPage()">Reports</span> › Portfolio P&L');
   document.getElementById('content').innerHTML=`
   <div class="report-actions"><button class="action-btn" onclick='downloadXLSX("Portfolio_PnL.xlsx",${JSON.stringify(rows)},"Portfolio P&L")'>Export XLSX</button><button class="action-btn" onclick="printCurrent()">Print</button></div>
    <div class="tablewrap"><table class="report-portfolio-table"><thead><tr><th>Company</th><th>Portfolio</th><th>Billing</th><th>Received</th><th>TDS</th><th>Outstanding</th><th>Cost</th><th>Profit</th><th>Margin</th></tr></thead><tbody>
    ${rows.map(r=>`<tr><td>${htmlEscape(r.Company)}</td><td>${htmlEscape(r.Portfolio)}</td><td>${htmlEscape(r.Billing)}</td><td>${htmlEscape(r.Received)}</td><td>${htmlEscape(r.TDS)}</td><td>${htmlEscape(r.Outstanding)}</td><td>${htmlEscape(r.Cost)}</td><td>${htmlEscape(r.Profit)}</td><td>${htmlEscape(r.Margin)}</td></tr>`).join('')}
   </tbody></table></div>`;
 } else if(type==='outstanding'){
   const pending=bills.filter(b=>billingOutstandingAmount(b)>0);
   const exportRows=pending.map(b=>({Company:C(b.c).name,Portfolio:b.p,Month:b.month,Invoice:b.inv,Billing:money(b.amount),TDS:money(b.tds),Received:money(b.received),Outstanding:money(billingOutstandingAmount(b))}));
   head('Outstanding Report','<span class="link" onclick="reportsPage()">Reports</span> › Outstanding');
   document.getElementById('content').innerHTML=`
   <div class="report-actions"><button class="action-btn" onclick='downloadXLSX("Outstanding_Report.xlsx",${JSON.stringify(exportRows)},"Outstanding")'>Export XLSX</button><button class="action-btn" onclick="printCurrent()">Print</button></div>
    <div class="kpis report-summary-kpis report-two-kpis">${kpi('Pending Invoices',pending.length)}${kpi('Outstanding',money(pending.reduce((a,b)=>a+billingOutstandingAmount(b),0)))}</div>
   <div class="section"><h3>Pending Invoice Register</h3></div>${table(pending)}`;
 } else if(type==='creditnote'){
   creditNoteReportPage();
 }
}

function creditNoteReportPage(){
 const rows=activeCreditNotes();
 const companyIds=[...new Set(rows.map(r=>r.company).filter(Boolean))];
 const months=[...new Set(rows.map(r=>monthKey(r.month)).filter(Boolean))].sort((a,b)=>monthOrdinal(a)-monthOrdinal(b));
 const supervisors=[...new Set(rows.map(r=>canonicalSupervisor(r.supervisor)).filter(Boolean))].sort((a,b)=>a.localeCompare(b));
 const states=[...new Set(rows.map(r=>String(r.state||'').trim()).filter(Boolean))].sort((a,b)=>a.localeCompare(b));
 const banks=[...new Set(rows.map(r=>canonicalPortfolio(r.bank)).filter(Boolean))].sort((a,b)=>a.localeCompare(b));
 head('Credit Note Report','<span class="link" onclick="reportsPage()">Reports</span> › Credit Note Report');
 document.getElementById('content').innerHTML=`
   <div class="filters">
       ${multiFilterControl('cnReportCompany','',companyIds,'All Companies',()=>renderCreditNoteReport(),id=>C(id).name||id)}
       ${multiFilterControl('cnReportMonth','',months,'All Months',()=>renderCreditNoteReport(),v=>formatBillingMonth(v))}
       ${multiFilterControl('cnReportSupervisor','',supervisors,'All Supervisors',()=>renderCreditNoteReport())}
       ${multiFilterControl('cnReportState','',states,'All States',()=>renderCreditNoteReport())}
       ${multiFilterControl('cnReportBank','',banks,'All Banks / Portfolios',()=>renderCreditNoteReport())}
     <button class="reset-btn" onclick="resetCreditNoteReportFilters()">Reset</button>
   </div>
   <div id="creditNoteReportArea"></div>`;
 renderCreditNoteReport();
}
function creditNoteReportFilteredRows_(){
 const company=document.getElementById('cnReportCompany')?.value||'';
 const month=document.getElementById('cnReportMonth')?.value||'';
 const supervisor=document.getElementById('cnReportSupervisor')?.value||'';
 const state=document.getElementById('cnReportState')?.value||'';
 const bank=document.getElementById('cnReportBank')?.value||'';
  return activeCreditNotes().filter(r=>
    multiFilterMatches(r.company,company,v=>String(v)) &&
    multiFilterMatches(r.month,month,v=>monthKey(v)) &&
    multiFilterMatches(r.supervisor,supervisor,v=>normText(canonicalSupervisor(v))) &&
    multiFilterMatches(r.state,state,v=>stateKey(v)) &&
    multiFilterMatches(r.bank,bank,v=>normText(canonicalPortfolio(v)))
  );
}
function creditNoteReportExportRows_(rows){
 return (rows||[]).map(r=>({
   'S. No.':r.sno||'',
   'Supervisor':canonicalSupervisor(r.supervisor)||'',
   'State':r.state||'',
   'Amount':Number(r.amount||0),
   'Month':formatBillingMonth(r.month),
   'Bank':canonicalPortfolio(r.bank)||r.bank||'',
   'Company Name':C(r.company).name||r.companyName||r.company||''
 }));
}
function renderCreditNoteReport(){
 const area=document.getElementById('creditNoteReportArea');
 if(!area)return;
 const rows=creditNoteReportFilteredRows_();
 const exportRows=creditNoteReportExportRows_(rows);
 const total=rows.reduce((a,r)=>a+Number(r.amount||0),0);
 const companiesCount=new Set(rows.map(r=>r.company).filter(Boolean)).size;
 const supervisorCount=new Set(rows.map(r=>normText(canonicalSupervisor(r.supervisor))).filter(Boolean)).size;
 area.innerHTML=`
   <div class="report-actions">
     <button class="action-btn" onclick='downloadXLSX("Credit_Note_Report.xlsx",${JSON.stringify(exportRows)},"Credit Note Report")'>Export XLSX</button>
     <button class="action-btn" onclick="printCurrent()">Print</button>
   </div>
    <div class="kpis report-summary-kpis">
     ${kpi('Credit Note Rows',rows.length)}
     ${kpi('Credit Note Amount',money(total))}
     ${kpi('Companies',companiesCount)}
     ${kpi('Supervisors',supervisorCount)}
   </div>
   <div class="section"><h3>Credit Note Register</h3><div class="meta">${rows.length} row${rows.length===1?'':'s'} • Total ${money(total)}</div></div>
   <div class="tablewrap"><table><thead><tr><th>S. No.</th><th>Supervisor</th><th>State</th><th class="num-col">Amount</th><th>Month</th><th>Bank</th><th>Company Name</th></tr></thead><tbody>
     ${rows.length?rows.map(r=>`<tr><td>${creditNoteEsc(r.sno)}</td><td>${creditNoteEsc(canonicalSupervisor(r.supervisor))}</td><td>${creditNoteEsc(r.state)}</td><td class="num-col"><strong>${money(r.amount)}</strong></td><td>${creditNoteEsc(formatBillingMonth(r.month))}</td><td>${creditNoteEsc(canonicalPortfolio(r.bank)||r.bank)}</td><td>${creditNoteEsc(C(r.company).name||r.companyName||r.company)}</td></tr>`).join(''):`<tr><td colspan="7" style="text-align:center;padding:28px" class="meta">No Credit Note data found for selected filters.</td></tr>`}
   </tbody></table></div>`;
}
function resetCreditNoteReportFilters(){
  ['cnReportCompany','cnReportMonth','cnReportSupervisor','cnReportState','cnReportBank'].forEach(id=>{
    const el=document.getElementById(id); if(!el)return;
    const options=[...document.querySelectorAll(`#${id}Multi input[data-multi-filter-id="${id}"]`)].map(box=>box.value).filter(Boolean);
    el.value=''; updateMultiFilterControl(id,options,document.getElementById(`${id}Label`)?.dataset?.allLabel||'All');
  });
  renderCreditNoteReport();
}

function companyMISExportRows_(rows){
 const src=Array.isArray(rows)?rows:[];
 return src.map(b=>{
   const net=billingNetAmount(b);
    const status=String(b.status||'').trim();
   return {
      'S.No':b.sno||'',
      'Head':String(b.head||'').trim(),
      'Supervisor':String(b.supervisor||'').trim(),
     'Invoice No':b.inv||'',
     'Invoice Date':formatInvoiceDate(b.date),
     'Billing Month':formatBillingMonth(b.month),
     'Company':C(b.c).name||b.c||'',
     'Portfolio':b.p||'',
      'State':b.state||'',
      'City':b.city||'',
      'Segment':b.segment||'',
     'Basic Bill Amount':Number(b.amount||0),
     'IGST':Number(b.igst||0),
     'TDS Amount':Number(b.tds||0),
     'Net Amount':net,
     'Received Amount':Number(b.received||0),
     'Payment Received Date':formatPaymentReceivedDate(b.paymentReceivedDate),
     'Status':status
   };
 });
}

function renderCompanyMISTable_(rows){
 const data=companyMISExportRows_(rows);
 if(!data.length)return `<div class="card">No records found.</div>`;
 return `<div class="tablewrap company-mis-tablewrap"><table class="company-mis-table"><thead><tr>
   <th>S.No</th><th>Supervisor</th><th class="cm-invoice">Invoice No</th><th class="cm-date">Invoice Date</th><th class="cm-month">Billing Month</th><th class="cm-company">Company</th><th class="cm-portfolio">Portfolio</th><th class="cm-state">State</th><th class="cm-city">City</th>
   <th class="cm-basic num-col">Basic Bill Amount</th><th class="num-col">IGST</th><th class="cm-tds num-col">TDS Amount</th><th class="cm-net num-col">Net Amount</th><th class="cm-received num-col">Received Amount</th><th class="cm-paydate">Payment Received Date</th><th class="cm-status">Status</th>
 </tr></thead><tbody>${data.map(r=>`<tr>
    <td>${htmlEscape(r['S.No']||'-')}</td><td>${htmlEscape(r.Supervisor||'-')}</td><td>${htmlEscape(r['Invoice No']||'-')}</td><td>${htmlEscape(r['Invoice Date']||'-')}</td><td>${htmlEscape(r['Billing Month']||'-')}</td><td>${htmlEscape(r.Company||'-')}</td><td>${htmlEscape(r.Portfolio||'-')}</td><td>${htmlEscape(r.State||'-')}</td><td>${htmlEscape(r.City||'-')}</td>
   <td class="num-col">${money(r['Basic Bill Amount'])}</td><td class="num-col">${money(r.IGST)}</td><td class="num-col">${money(r['TDS Amount'])}</td><td class="num-col">${money(r['Net Amount'])}</td><td class="num-col">${money(r['Received Amount'])}</td><td>${r['Payment Received Date']||'-'}</td>
    <td><span class="status ${/received|completed|companted/i.test(String(r.Status||''))?'received':'pending'}">${htmlEscape(r.Status||'-')}</span></td>
 </tr>`).join('')}</tbody></table></div>`;
}

function renderCompanyMIS(){
  const ids=multiFilterValues(document.getElementById('reportCompany')?.value||'');
  const rows=ids.length?bills.filter(b=>ids.includes(String(b.c))):[...bills];
  const c=ids.length===1?C(ids[0]):null;
 const exportRows=companyMISExportRows_(rows);
  const filename=ids.length===1?`${c.code}_MIS.xlsx`:'All_Companies_MIS.xlsx';
 const cols=[
   {header:'S.No',key:'S.No',width:9},
   {header:'Supervisor',key:'Supervisor',width:20},
   {header:'Invoice No',key:'Invoice No',width:18},
   {header:'Invoice Date',key:'Invoice Date',width:14},
   {header:'Billing Month',key:'Billing Month',width:14},
   {header:'Company',key:'Company',width:34},
   {header:'Portfolio',key:'Portfolio',width:22},
   {header:'State',key:'State',width:18},
   {header:'City',key:'City',width:20},
   {header:'Basic Bill Amount',key:'Basic Bill Amount',width:18,numFmt:'₹#,##0.00'},
   {header:'IGST',key:'IGST',width:14,numFmt:'₹#,##0.00'},
   {header:'TDS Amount',key:'TDS Amount',width:15,numFmt:'₹#,##0.00'},
   {header:'Net Amount',key:'Net Amount',width:16,numFmt:'₹#,##0.00'},
   {header:'Received Amount',key:'Received Amount',width:18,numFmt:'₹#,##0.00'},
   {header:'Payment Received Date',key:'Payment Received Date',width:20},
   {header:'Status',key:'Status',width:18}
 ];
 const rowsJson=JSON.stringify(exportRows).replace(/'/g,'&#39;');
 const colsJson=JSON.stringify(cols).replace(/'/g,'&#39;');
 document.getElementById('reportArea').innerHTML=`
 <div class="report-actions"><button class="action-btn" onclick='downloadXLSX("${filename}",${rowsJson},"Company MIS",${colsJson})'>Export XLSX</button><button class="action-btn" onclick="printCurrent()">Print</button></div>
  <div class="section"><h3>${ids.length===1?c.name:'All Companies'} — Billing Register</h3><span class="badge">${rows.length} invoices</span></div>
 ${renderCompanyMISTable_(rows)}`;
}


let adminUsers=[
 {loginId:'admin',name:'Super Admin',role:'Super Admin',companies:['All Companies'],permissions:['*'],networkPolicy:'any',allowedIps:[],status:'Active'},
 {loginId:'finance',name:'Finance User',role:'Finance',companies:['All Companies'],permissions:['overview:view','companies:view','billing:view','accounts:view','reports:view'],networkPolicy:'any',allowedIps:[],status:'Invite Pending'},
 {loginId:'viewer',name:'Viewer',role:'Viewer',companies:['All Companies'],permissions:['overview:view','companies:view','reports:view'],networkPolicy:'any',allowedIps:[],status:'Invite Pending'}
];
let editingAdminUserId='';
let pendingDeleteUserId='';
let adminUserListQuery='';
let adminUserStatusFilter='all';
let adminUserCheckTarget='';
let adminUserPreviewUser=null;
let adminUserPreviewSession=null;
try{
  const saved=JSON.parse(localStorage.getItem('dashboardAdminUsers')||'null');
  if(Array.isArray(saved)&&saved.length)adminUsers=saved;
}catch(_){ }
function persistAdminUsers(){try{localStorage.setItem('dashboardAdminUsers',JSON.stringify(adminUsers));}catch(_){ }}
function reloadAdminUsersFromStorage(){
  try{
    const saved=JSON.parse(localStorage.getItem('dashboardAdminUsers')||'null');
    if(Array.isArray(saved)&&saved.length)adminUsers=saved;
  }catch(_){ }
}
window.addEventListener('storage',event=>{
  if(event.key==='dashboardAdminUsers')reloadAdminUsersFromStorage();
});
const ADMIN_PERMISSION_GROUPS=[
 {key:'overview',label:'Overview',description:'Executive snapshot and business health',permissions:[
  {value:'overview:view',label:'Open Overview'},
  {value:'overview:kpis',label:'Billing KPIs & TDS'},
  {value:'overview:filters',label:'Company / month filters'},
  {value:'overview:alerts',label:'Pending billing alerts'},
  {value:'overview:charts',label:'Charts & trends'},
  {value:'overview:comparison',label:'Company comparison'},
  {value:'overview:settlement',label:'Supervisor settlement'}
 ]},
 {key:'companies',label:'Companies',description:'Company structure and assignments',permissions:[
  {value:'companies:view',label:'Open Companies'},
  {value:'companies:locations',label:'Locations'},
  {value:'companies:portfolios',label:'Portfolios'},
  {value:'companies:supervisors',label:'Supervisors'},
  {value:'companies:related-billing',label:'Related billing'}
 ]},
 {key:'billing',label:'Billing',description:'Invoices, receipts and collections',permissions:[
  {value:'billing:view',label:'Open Billing'},
  {value:'billing:filters',label:'Billing filters'},
  {value:'billing:register',label:'Invoice register'},
  {value:'billing:receipts',label:'Received amounts'},
  {value:'billing:export',label:'Export / print'}
 ]},
 {key:'costing',label:'Costing',description:'Costing and supervisor calculations',permissions:[
  {value:'costing:view',label:'Open Costing'},
  {value:'costing:filters',label:'Costing filters'},
  {value:'costing:settlement',label:'Supervisor settlement'},
  {value:'costing:export',label:'Export / print'}
 ]},
 {key:'accounts',label:'Accounts',description:'Statements, balances and imports',permissions:[
  {value:'accounts:view',label:'Open Accounts'},
  {value:'accounts:summary',label:'Account KPIs'},
  {value:'accounts:statement',label:'Statement data'},
  {value:'accounts:uploaded',label:'Uploaded statements'},
  {value:'accounts:filters',label:'Search / filters'},
  {value:'accounts:export',label:'Export / print'}
 ]},
 {key:'reports',label:'Reports',description:'Management reports and downloads',permissions:[
  {value:'reports:view',label:'Open Reports'},
  {value:'reports:group',label:'Group MIS'},
  {value:'reports:credit-note',label:'Credit note report'},
  {value:'reports:outstanding',label:'Outstanding report'},
  {value:'reports:export',label:'Export / print'}
 ]},
 {key:'admin',label:'Admin',description:'Configuration and operational controls',permissions:[
  {value:'admin:access',label:'Open Admin'},
  {value:'admin:users',label:'Users & permissions'},
  {value:'admin:imports',label:'Data imports'},
  {value:'admin:masters',label:'Masters & data sources'}
 ]}
];
const ADMIN_PERMISSION_OPTIONS=ADMIN_PERMISSION_GROUPS.flatMap(group=>group.permissions.map(permission=>({...permission,group:group.label})));
const nonAdminPermissions=()=>ADMIN_PERMISSION_GROUPS.filter(group=>group.key!=='admin').flatMap(group=>group.permissions.map(permission=>permission.value));
const ADMIN_ROLE_PRESETS={
 'Super Admin':['*'],
 Finance:nonAdminPermissions(),
 Viewer:['overview:view','overview:kpis','overview:filters','overview:charts','companies:view','companies:locations','companies:portfolios','reports:view','reports:group','reports:outstanding'],
 Custom:[]
};

const BUILTIN_CONDITION_OPTIONS=[
  ['delhi_shared_allocation','Delhi Team shared debit allocation'],
  ['seema_salary_exclusion','Seema salary account-row exclusion'],
  ['dead_fund_deduction','Seema Dead Fund deduction'],
  ['advance_debit_filter','Seema Advance debit filter'],
  ['overview_transfer_exclusion','Overview Bounce / Self Transfer exclusion']
];
function builtInConditionOptionsMarkup(selected){
  return BUILTIN_CONDITION_OPTIONS.map(item=>`<option value="${item[0]}" ${selected===item[0]?'selected':''}>${htmlEscape(item[1])}</option>`).join('');
}
function calculationRuleTypeLabel(type){
  return ({rate:'Costing rate override',closing:'Closing formula',tds:'Supervisor TDS treatment',credit:'Credit Note treatment',kpi:'KPI visibility / custom KPI',adjustment:'Account / SOC transaction adjustment',condition:'Built-in condition control'})[type]||type||'Rule';
}
function calculationRuleMonthOptions(){
  return [...new Set([
    ...bills.map(row=>monthKey(row.month)),
    ...costingMasterRows.map(row=>monthKey(row.month)),
    ...monthlyAssignmentRows.map(row=>monthKey(row.month))
  ].filter(isDashboardVisibleMonth))].sort((a,b)=>monthOrdinal(a)-monthOrdinal(b));
}
function calculationRuleScopeValues(kind){
  const values=[];
  const add=(value,label=value)=>{
    const raw=String(value||'').trim();
    if(raw)values.push({value:raw,label:String(label||raw).trim()||raw});
  };
  if(kind==='company'){
    (companies||[]).forEach(c=>add(c.id,c.name||c.code||c.id));
    [...(costingMasterRows||[]),...(monthlyAssignmentRows||[])].forEach(r=>add(r.company,r.companyName||r.company));
    calculationRules.forEach(r=>{add(r.company);add(r.targetCompany);});
  }else if(kind==='head'){
    [...(monthlyAssignmentRows||[]),...(bills||[]),...(costingMasterRows||[])].forEach(r=>add(r.head||billHead(r),r.head||billHead(r)));
    calculationRules.forEach(r=>{add(r.head);add(r.targetHead);});
  }else if(kind==='supervisor'){
    [...(monthlyAssignmentRows||[]),...(bills||[]),...(costingMasterRows||[])].forEach(r=>add(r.supervisor||billSupervisor(r),r.supervisor||billSupervisor(r)));
    calculationRules.forEach(r=>{add(r.supervisor);add(r.targetSupervisor);});
  }else if(kind==='portfolio'){
    [...(monthlyAssignmentRows||[]),...(bills||[]),...(costingMasterRows||[])].forEach(r=>add(canonicalPortfolio(r.portfolio||r.p),canonicalPortfolio(r.portfolio||r.p)));
    calculationRules.forEach(r=>{add(r.portfolio);add(r.targetPortfolio);});
  }else if(kind==='state'){
    [...(monthlyAssignmentRows||[]),...(bills||[]),...(accountStatementRows||[])].forEach(r=>add(r.state,r.state));
    calculationRules.forEach(r=>add(r.state));
  }else if(kind==='location'){
    [...(monthlyAssignmentRows||[]),...(bills||[]),...(accountStatementRows||[])].forEach(r=>add(r.city||r.location,r.city||r.location));
    calculationRules.forEach(r=>add(r.location));
  }else if(kind==='segment'){
    (bills||[]).forEach(r=>add(r.segment,r.segment));
    calculationRules.forEach(r=>add(r.segment));
  }
  const seen=new Set();
  return values.filter(item=>{
    const key=normText(item.value);
    if(!key||seen.has(key))return false;
    seen.add(key);
    return true;
  }).sort((a,b)=>a.label.localeCompare(b.label));
}
function calculationRuleScopeSelect(id,kind,selected,blankLabel){
  const options=calculationRuleScopeValues(kind);
  return `<select id="${id}"><option value="">${htmlEscape(blankLabel)}</option>${options.map(item=>`<option value="${htmlEscape(item.value)}" ${normText(item.value)===normText(selected)?'selected':''}>${htmlEscape(item.label)}</option>`).join('')}</select>`;
}
let adminCalculationSection='overview';
function calculationRuleModule(rule){
  if(rule?.module&&['overview','billing','costing','shared'].includes(rule.module))return rule.module;
  if(rule?.type==='kpi')return rule.page==='costing'?'costing':'overview';
  if(rule?.type==='rate')return 'costing';
  if(rule?.type==='closing')return 'shared';
  if(rule?.type==='adjustment')return 'shared';
  if(rule?.type==='condition')return 'shared';
  if(rule?.type==='tds'||rule?.type==='credit')return 'billing';
  return 'shared';
}
function calculationRuleBelongsToSection(rule,section){
  return calculationRuleModule(rule)===section;
}
function calculationStudioSectionMeta(section){
  return ({
    overview:{label:'Overview',sub:'Executive KPIs and connected settlement view',impact:'Overview is the connected decision layer. Changes here can alter displayed KPIs and the settlement figures fed by Billing and Costing.',flow:['Billing','Costing','Overview','Audit / Export']},
    billing:{label:'Billing',sub:'Invoice, debit, TDS and credit-note logic',impact:'Billing is an upstream source. Changes here flow into Overview totals, Net Billing, Net Debit and every connected settlement.',flow:['Invoices','TDS / Credit','Billing totals','Overview']},
    costing:{label:'Costing',sub:'Rate, entitlement, carry-forward and closing logic',impact:'Costing changes flow into Overview settlement, Costing Audit, supervisor closing balances and connected exports.',flow:['Rates','Credit / TDS','Final Costing','Closing']},
    shared:{label:'Shared Logic',sub:'Cross-module dependencies and common conditions',impact:'Shared logic is the control layer used by multiple sections. Review the impact chain before changing a formula.',flow:['Common rules','Billing + Costing','Overview settlement','Audit / Excel']}
  })[section]||null;
}
function calculationStudioLogic(section){
  return ({
    overview:{formulas:[
      ['KPI layer','Basic Bill, IGST, TDS, Net Billing, Received, Outstanding, Credit Note and Supervisor TDS','Overview cards read Billing totals and matched adjustment rows.'],
      ['Settlement','Final Costing − Displayed Net Debit + Previous Balance + Return','Head or Supervisor selection activates the connected settlement view.'],
      ['Display','Displayed Net Debit = Base Net Debit + matching Supervisor TDS','The same displayed value is used by Overview, Costing Audit and Closing.']
    ],conditions:[['Scope','Company + Head + Supervisor + Portfolio + Month','Most specific active rule wins.'],['Connection','Billing and Costing must resolve for settlement','Missing costing remains Not Configured; missing statements remain pending.'],['KPI actions','Hide, Show or Add custom KPI','Custom KPI formulas use the approved numeric tokens.']]},
    billing:{formulas:[
      ['Billing total','Net Billing = Basic Bill − TDS + IGST','Invoice-level summary used by Overview and Costing.'],
      ['Outstanding','Outstanding = max(Net Billing − Amount Received, 0)','Negative outstanding is never shown.'],
      ['Debit base','Base Net Debit = Debit − Credit','Credit rows reduce debit before Supervisor TDS is applied.'],
      ['Credit Note','Credit Note is deducted after Costing %','Credit Note matching uses company, head, supervisor, month and bank / portfolio.']
    ],conditions:[['Billing rows','Billing rows exist','Controls whether billing totals and invoice KPIs are populated.'],['Credit Note','Credit Note exists','Only matching active notes apply to the selected scope.'],['Supervisor TDS','Supervisor TDS exists','Only the matching supervisor + month is added to Displayed Net Debit.']]},
    costing:{formulas:[
      ['Rate','Costing Before Credit Note = Net Billing × Applicable Rate','Head and Supervisor rates are alternatives, not additive.'],
       ['Entitlement','Final Costing = Costing Before Credit Note − Credit Note','This is the settlement entitlement used downstream. Supervisor TDS is applied once in Displayed Net Debit.'],
      ['Carry forward','Previous Balance = Previous Month Closing Balance','April 2026 follows the configured zero-opening rule.'],
      ['Closing','Closing = Previous Balance + Final Costing − Displayed Net Debit + Return','The formula is editable through a scoped Closing rule.']
    ],conditions:[['Rate configured','Costing rate exists','A missing applicable rate keeps Costing / Closing Not Configured.'],['Statement rows','Statement rows exist','SOC debit and credit rows drive the supervisor settlement.'],['Priority','Higher priority wins','Specific company, head, supervisor, portfolio and month rules override defaults.']]},
     shared:{formulas:[
       ['Rule matching','Active + scope + condition + priority + specificity','All rule types use the same deterministic selector.'],
       ['Account / SOC adjustment','Matched transaction amount can be added, subtracted or split','Rules run before supervisor, head, portfolio and month settlement filters.'],
       ['Formula tokens','previous, final, displayed, base, return, bill, igst, tds, netBilling, received, outstanding, creditNote, supervisorTds, closing','Only numeric arithmetic is evaluated.'],
      ['Audit trace','Billing scope + SOC scope + applied rate + adjustments','Month-wise Calculation Audit exposes every calculation layer.']
     ],conditions:[['Always','Always in this scope','Default condition for a rule.'],['Configured','Rate / billing / statement exists','Rules can be limited to configured data.'],['Storage','Browser-local rule store','Google Sheet source data is never changed by calculation rules.'],['Adjustment audit','Rule + action + target + amount + row count','Applied adjustments are shown in Month-wise Calculation Audit.']]}
  })[section]||{formulas:[],conditions:[]};
}
function setAdminCalculationSection(section){
  adminCalculationSection=['overview','billing','costing','shared'].includes(section)?section:'overview';
  adminRuleEditingId='';
  renderCalculationRulesAdmin();
}
function renderCalculationStudioLogic(section){
  const meta=calculationStudioSectionMeta(section)||calculationStudioSectionMeta('overview');
  const logic=calculationStudioLogic(section);
  return `<div class="calculation-studio-impact"><span class="impact-mark">↗</span><div><b>Connected impact</b><span>${htmlEscape(meta.impact)}</span><div class="calculation-studio-flow">${meta.flow.map((item,index)=>`${index?'<b>→</b>':''}<span>${htmlEscape(item)}</span>`).join('')}</div></div></div>
  <div class="calculation-studio-logic-grid"><div class="calculation-studio-panel"><h3>${htmlEscape(meta.label)} formulas and logic</h3><p class="panel-subtitle">These defaults stay active until a matching Admin override is applied.</p>${logic.formulas.map(row=>`<div class="calculation-studio-formula"><span class="formula-tag">${htmlEscape(row[0])}</span><div><code>${htmlEscape(row[1])}</code><span>${htmlEscape(row[2])}</span></div></div>`).join('')}</div><div class="calculation-studio-panel"><h3>Conditions and safeguards</h3><p class="panel-subtitle">Every active rule is evaluated against these checks before it changes a value.</p><div class="calculation-studio-conditions">${logic.conditions.map(row=>`<div class="calculation-studio-condition"><i></i><div><b>${htmlEscape(row[0])}</b><span>${htmlEscape(row[1])} • ${htmlEscape(row[2])}</span></div></div>`).join('')}</div></div></div>`;
}
function calculationRuleLookupContext(){
  const page=adminCalculationSection==='overview'||adminCalculationSection==='costing'?adminCalculationSection:'';
  return {month:document.getElementById('calcLookupMonth')?.value||'',company:document.getElementById('calcLookupCompany')?.value.trim()||'',head:document.getElementById('calcLookupHead')?.value.trim()||'',supervisor:document.getElementById('calcLookupSupervisor')?.value.trim()||'',portfolio:document.getElementById('calcLookupPortfolio')?.value.trim()||'',page};
}
function calculationRuleLookupCard(title,kicker,formula,source,rule){
  const action=rule?`<button class="calculation-existing-formula-action" onclick="editCalculationRule('${encodeURIComponent(rule.id)}')">Edit override</button>`:'';
  return `<div class="calculation-existing-formula-card${rule?' override-active':''}"><div class="existing-formula-kicker">${htmlEscape(kicker)}</div><h4>${htmlEscape(title)}</h4><code>${htmlEscape(formula)}</code><div class="existing-formula-source"><strong>${htmlEscape(source)}</strong>${rule?`<br>${htmlEscape(rule.name||'Unnamed rule')} • ${htmlEscape(rule.condition||'always')} • Priority ${Number(rule.priority||0)}`:''}</div>${action}</div>`;
}
function renderCalculationRuleLookup(){
  const result=document.getElementById('calcFormulaLookupResults');
  if(!result)return;
  const context=calculationRuleLookupContext();
  const rateRule=getCalculationRule('rate',context);
  const closingRule=getCalculationRule('closing',context);
  const tdsRule=getCalculationRule('tds',context);
  const creditRule=getCalculationRule('credit',context);
  let rateFormula='Costing_Master rate by Month + Head / Supervisor scope';
  let rateSource=context.month?'Built-in rate lookup for '+monthLabelFromKey(context.month):'Select a month to resolve the existing rate';
  if(context.month&&context.supervisor){
    const rates=costingRatesForSupervisor(context.supervisor,context.month,context.company,context.portfolio,context.head);
    const applicable=costingApplicableRate(rates,{...context,__costingSupervisorExplicit:true});
    rateFormula=applicable==null?'Not Configured':`${applicable}% applicable costing rate`;
    rateSource=applicable==null?'No Costing_Master rate found for this scope':`Costing_Master • ${monthLabelFromKey(context.month)}`;
  }
  if(rateRule)rateFormula=`${rateRule.value||'—'}% • ${rateRule.rateTarget||'all'} target`;
  const kpiPage=context.page||'overview';
  const kpiLabels=kpiPage==='costing'
    ? ['Net Billing','Costing %','Costing Before Credit Note','Credit Note','Supervisor TDS','Final Costing Amount','Previous Balance','Net Debt','Return Amount','Closing Balance']
    : ['Basic Bill Amount','IGST','TDS Deducted','Net Billing','Amount Received','Outstanding','Credit Note','Supervisor TDS','Final Costing Amount','Net Debit','Return Amount','Closing Balance'];
  const kpiRules=calculationRules.filter(rule=>rule.type==='kpi'&&rule.active!==false&&kpiLabels.some(label=>normText(label)===normText(rule.kpi))&&calculationRuleMatches(rule,{...context,kpi:rule.kpi}));
  result.innerHTML=[
    calculationRuleLookupCard('Costing rate','Billing → Costing',rateFormula,rateSource,rateRule),
    calculationRuleLookupCard('Closing formula','Costing → Overview',''+(closingRule?.formula||'previous + final - displayed + return'),'Built-in settlement formula',closingRule),
    calculationRuleLookupCard('Supervisor TDS','Billing → Displayed Debit',tdsRule?.value||'include matching Supervisor TDS','Default: include in Displayed Net Debit',tdsRule),
    calculationRuleLookupCard('Credit Note','Billing → Costing',creditRule?.value||'deduct after costing %','Default: deduct after Costing %',creditRule),
    `<div class="calculation-lookup-kpi-list"><strong>Existing ${htmlEscape(kpiPage)} KPI set</strong>${kpiLabels.map(label=>{const rule=kpiRules.find(item=>normText(item.kpi)===normText(label));return `<span>${htmlEscape(label)}${rule?' • '+htmlEscape(rule.kpiAction||'override'):''}</span>`;}).join('')}</div>`
  ].join('');
}
function calculationRuleLookupMarkup(){
  const months=calculationRuleMonthOptions();
  const defaultMonth=months[months.length-1]||'';
  return `<div class="calculation-formula-lookup"><div class="calculation-formula-lookup-head"><div><div class="calculation-formula-lookup-label">Existing logic viewer</div><h3>View the current formula before editing</h3><p>Select a month and scope to see the actual active formula, Costing_Master rate and matching override.</p></div><span class="source-type">READ ONLY</span></div><div class="calculation-formula-lookup-controls"><label>Month<select id="calcLookupMonth" onchange="renderCalculationRuleLookup()"><option value="">All months</option>${months.map(month=>`<option value="${month}" ${month===defaultMonth?'selected':''}>${htmlEscape(monthLabelFromKey(month))}</option>`).join('')}</select></label><label>Company${calculationRuleScopeSelect('calcLookupCompany','company','','All companies')}</label><label>Head${calculationRuleScopeSelect('calcLookupHead','head','','All heads')}</label><label>Supervisor${calculationRuleScopeSelect('calcLookupSupervisor','supervisor','','All supervisors')}</label><label>Portfolio${calculationRuleScopeSelect('calcLookupPortfolio','portfolio','','All portfolios')}</label><button class="lookup-action" onclick="renderCalculationRuleLookup()">View formula</button></div><div id="calcFormulaLookupResults" class="calculation-formula-lookup-results"></div></div>`;
}
function calculationKpiLookupDefinitions(page){
  if(page==='costing')return [
    {label:'Net Billing',formula:'netBilling',display:'Basic Bill - TDS',source:'Billing rows after TDS'},
    {label:'Applicable Costing %',formula:'rate',display:'Costing_Master rate lookup',source:'Costing_Master',editType:'rate'},
    {label:'Costing Before Credit Note',formula:'final + creditNote + supervisorTds',display:'Net Billing x Applicable Costing %',source:'Billing + Costing_Master'},
    {label:'Credit Note',formula:'creditNote',display:'Matching Credit Note amount',source:'Credit Note source'},
    {label:'Supervisor TDS',formula:'supervisorTds',display:'Matching Supervisor TDS amount',source:'Supervisor TDS source'},
     {label:'Final Costing Amount',formula:'final',display:'Costing Before Credit Note - Credit Note',source:'Costing settlement'},
    {label:'Previous Balance',formula:'previous',display:'Previous month Closing Balance / opening seed',source:'Costing_Settlement / March_2026_Closing'},
    {label:'Net Debit',formula:'displayed',display:'Statement Debit - Credit + Supervisor TDS',source:'Account / SOC statements'},
    {label:'Return Amount',formula:'return',display:'Matching Return Amount rows',source:'Return Amount source'},
    {label:'Closing Balance',formula:'previous + final - displayed + return',display:'Previous Balance + Final Costing - Displayed Net Debit + Return Amount',source:'Settlement formula'}
  ];
  return [
    {label:'Basic Bill Amount',formula:'bill',display:'SUM Billing Basic Bill Amount',source:'Billing rows'},
    {label:'IGST',formula:'igst',display:'SUM Billing IGST',source:'Billing rows'},
    {label:'TDS Deducted',formula:'tds',display:'SUM Billing TDS',source:'Billing rows'},
    {label:'Net Billing',formula:'bill - tds + igst',display:'Basic Bill - TDS + IGST',source:'Billing rows'},
    {label:'Amount Received',formula:'received',display:'SUM Amount Received',source:'Billing rows'},
    {label:'Outstanding',formula:'outstanding',display:'Net Billing - Amount Received',source:'Billing rows'},
    {label:'Credit Note',formula:'creditNote',display:'Matching Credit Note amount deducted from Costing',source:'Credit Note source'},
    {label:'Supervisor TDS',formula:'supervisorTds',display:'Matching Supervisor TDS amount',source:'Supervisor TDS source'},
     {label:'Final Costing Amount',formula:'final',display:'Costing Before Credit Note - Credit Note',source:'Costing settlement'},
    {label:'Net Debit',formula:'displayed',display:'Statement Debit - Credit + Supervisor TDS',source:'Account / SOC statements'},
    {label:'Return Amount',formula:'return',display:'Matching Return Amount rows',source:'Return Amount source'},
    {label:'Closing Balance',formula:'previous + final - displayed + return',display:'Previous Balance + Final Costing - Displayed Net Debit + Return Amount',source:'Settlement formula'}
  ];
}
function calculationRuleLookupContext(){
  const page=document.getElementById('calcLookupPage')?.value||'all';
  return {month:document.getElementById('calcLookupMonth')?.value||'',company:document.getElementById('calcLookupCompany')?.value.trim()||'',head:document.getElementById('calcLookupHead')?.value.trim()||'',supervisor:document.getElementById('calcLookupSupervisor')?.value.trim()||'',portfolio:document.getElementById('calcLookupPortfolio')?.value.trim()||'',state:document.getElementById('calcLookupState')?.value.trim()||'',location:document.getElementById('calcLookupLocation')?.value.trim()||'',segment:document.getElementById('calcLookupSegment')?.value.trim()||'',page:page==='all'?'':page};
}
function renderCalculationRuleLookup(){
  const result=document.getElementById('calcFormulaLookupResults');
  if(!result)return;
  const context=calculationRuleLookupContext();
  const pages=context.page?[context.page]:['overview','costing'];
  const rows=[];
  pages.forEach(page=>{
    rows.push(`<div class="kpi-lookup-group-title">${htmlEscape(page==='overview'?'Overview KPIs':'Costing KPIs')}</div>`);
    calculationKpiLookupDefinitions(page).forEach(item=>{
      const scoped={...context,page};
      const kpiRule=getCalculationRule('kpi',{...scoped,kpi:item.label});
      const formula=kpiRule?.formula||item.formula;
      const formulaDisplay=kpiRule?.formula||item.display;
      const action=kpiRule
        ? `<button class="lookup-edit-action" onclick="editCalculationRule('${encodeURIComponent(kpiRule.id)}')">Edit formula</button>`
      : `<button class="lookup-edit-action" onclick="openKpiFormulaEditorFromLookup('${encodeURIComponent(item.label)}','${page}','${encodeURIComponent(item.formula)}','${item.editType||'kpi'}','${encodeURIComponent(JSON.stringify(context))}')">Edit formula</button>`;
      rows.push(`<div class="kpi-lookup-compact-row${kpiRule?' override-active':''}"><strong>${htmlEscape(item.label)}</strong><code>${htmlEscape(formulaDisplay)}</code><small>${htmlEscape(item.source)}${kpiRule?' • Active override':''}</small>${action}</div>`);
    });
  });
  result.innerHTML=rows.join('');
  if(document.getElementById('calcUnifiedCalculationSections'))renderUnifiedCalculationSections();
}
function calculationRuleLookupMarkup(){
  const months=calculationRuleMonthOptions();
  const defaultMonth=months[months.length-1]||'';
  return `<div class="calculation-formula-lookup"><div class="calculation-formula-lookup-head"><div><div class="calculation-formula-lookup-label">KPI calculation control</div><h3>Choose filters, then edit any KPI formula</h3><p>Overview and Costing KPIs below resolve against the selected Month, Company, Head, Supervisor, Portfolio, State, Location and Segment.</p></div><span class="source-type">EDITABLE</span></div><div class="calculation-formula-lookup-controls"><label>Calculation area<select id="calcLookupPage" onchange="renderCalculationRuleLookup()"><option value="all">Overview + Costing</option><option value="overview">Overview only</option><option value="costing">Costing only</option></select></label><label>Month<select id="calcLookupMonth" onchange="renderCalculationRuleLookup()"><option value="">All months</option>${months.map(month=>`<option value="${month}" ${month===defaultMonth?'selected':''}>${htmlEscape(monthLabelFromKey(month))}</option>`).join('')}</select></label><label>Company${calculationRuleScopeSelect('calcLookupCompany','company','','All companies')}</label><label>Head${calculationRuleScopeSelect('calcLookupHead','head','','All heads')}</label><label>Supervisor${calculationRuleScopeSelect('calcLookupSupervisor','supervisor','','All supervisors')}</label><label>Portfolio${calculationRuleScopeSelect('calcLookupPortfolio','portfolio','','All portfolios')}</label><label>State${calculationRuleScopeSelect('calcLookupState','state','','All states')}</label><label>Location${calculationRuleScopeSelect('calcLookupLocation','location','','All locations')}</label><label>Segment${calculationRuleScopeSelect('calcLookupSegment','segment','','All segments')}</label><button class="lookup-action" onclick="renderCalculationRuleLookup()">View KPI formulas</button></div><div id="calcFormulaLookupResults" class="calculation-formula-lookup-results"></div></div>`;
}
async function openKpiFormulaEditorFromLookup(label,page,formula,type,filtersJson){
  let filters={};
  try{filters=JSON.parse(decodeURIComponent(filtersJson||'%7B%7D'))||{};}catch(_){ }
  activeKpiCalculationScope={page,filters,values:{},rows:[]};
  await editKpiCalculationRule(type||'kpi','',encodeURIComponent(label),encodeURIComponent(formula));
}
let calculationStudioPanelState={logic:false,lookup:false,form:false,preview:false,saved:true};
function calculationStudioPanelLabel(key){
  return ({logic:'Logic map',lookup:'Formula viewer',form:'Rule editor',preview:'Live preview',saved:'Saved rules'})[key]||key;
}
function renderCalculationStudioVisibilityBar(){
  return `<div class="calculation-studio-visibility"><div><span class="calculation-studio-section-label">Workspace view</span><strong>Show only what you need</strong></div><div class="calculation-studio-visibility-actions">${Object.keys(calculationStudioPanelState).map(key=>`<button type="button" class="studio-visibility-toggle ${calculationStudioPanelState[key]?'active':''}" onclick="toggleCalculationStudioPanel('${key}')"><span>${calculationStudioPanelState[key]?'−':'+'}</span>${calculationStudioPanelLabel(key)}</button>`).join('')}<button type="button" class="studio-visibility-new" onclick="showCalculationStudioPanel('form')">+ New rule</button></div></div>`;
}
function toggleCalculationStudioPanel(key){
  if(!(key in calculationStudioPanelState))return;
  calculationStudioPanelState[key]=!calculationStudioPanelState[key];
  renderCalculationRulesAdmin();
}
function showCalculationStudioPanel(key){
  if(key in calculationStudioPanelState)calculationStudioPanelState[key]=true;
  renderCalculationRulesAdmin();
}
function calculationRuleFormMarkup(rule){
  const r=rule||{};
  const months=calculationRuleMonthOptions();
  const companyOptions=calculationRuleScopeSelect('calcRuleCompany','company',r.company,'All companies');
  const headOptions=calculationRuleScopeSelect('calcRuleHead','head',r.head,'All heads');
  const supervisorOptions=calculationRuleScopeSelect('calcRuleSupervisor','supervisor',r.supervisor,'All supervisors');
  const portfolioOptions=calculationRuleScopeSelect('calcRulePortfolio','portfolio',r.portfolio,'All portfolios');
  const targetCompanyOptions=calculationRuleScopeSelect('calcTargetCompany','company',r.targetCompany,'Keep matched company');
  const targetHeadOptions=calculationRuleScopeSelect('calcTargetHead','head',r.targetHead,'Keep matched head');
  const targetSupervisorOptions=calculationRuleScopeSelect('calcTargetSupervisor','supervisor',r.targetSupervisor,'Keep matched supervisor');
  const targetPortfolioOptions=calculationRuleScopeSelect('calcTargetPortfolio','portfolio',r.targetPortfolio,'Keep matched portfolio');
  const formType=r.type||(adminCalculationSection==='overview'?'kpi':adminCalculationSection==='billing'?'credit':adminCalculationSection==='costing'?'rate':'adjustment');
  const formula=r.formula||r.value||(formType==='kpi'?'netBilling':formType==='adjustment'?'':'previous + final - displayed + return');
  const module=r.module||(r.id?calculationRuleModule(r):adminCalculationSection);
  return `<div class="source-card" style="margin-bottom:16px">
    <div class="source-card-head"><div><div class="admin-kicker">No-code Calculation Studio</div><h3>${r.id?'Edit calculation rule':'Create calculation rule'}</h3></div><span class="source-type">${r.id?'EDIT OVERRIDE':'NEW OVERRIDE'}</span></div>
    <input type="hidden" id="calcRuleId" value="${htmlEscape(r.id||'')}">
    <div class="user-form-grid">
      <div class="source-field"><label for="calcRuleName">Rule name</label><input id="calcRuleName" value="${htmlEscape(r.name||'')}" placeholder="May Abhishek SBI costing rule"></div>
       <div class="source-field"><label for="calcRuleType">What should change?</label><select id="calcRuleType"><option value="rate" ${formType==='rate'?'selected':''}>Costing rate override</option><option value="closing" ${formType==='closing'?'selected':''}>Closing formula</option><option value="tds" ${formType==='tds'?'selected':''}>Supervisor TDS treatment</option><option value="credit" ${formType==='credit'?'selected':''}>Credit Note treatment</option><option value="kpi" ${formType==='kpi'?'selected':''}>KPI visibility / custom KPI</option><option value="adjustment" ${formType==='adjustment'?'selected':''}>Account / SOC add, subtract or split</option><option value="condition" ${formType==='condition'?'selected':''}>Enable / disable built-in condition</option></select></div>
       <div class="source-field"><label for="calcRulePriority">Priority</label><input id="calcRulePriority" type="number" min="0" max="999" value="${Number(r.priority||100)}"><div class="meta">Higher priority wins when rules overlap.</div></div>
       <div class="source-field"><label for="calcRuleModule">Control area</label><select id="calcRuleModule"><option value="overview" ${module==='overview'?'selected':''}>Overview</option><option value="billing" ${module==='billing'?'selected':''}>Billing</option><option value="costing" ${module==='costing'?'selected':''}>Costing</option><option value="shared" ${module==='shared'?'selected':''}>Shared Logic</option></select><div class="meta">This groups the rule and shows its connected impact.</div></div>
      <div class="source-field"><label for="calcRuleMonth">Month</label><select id="calcRuleMonth"><option value="">All months</option>${months.map(month=>`<option value="${month}" ${monthKey(r.month)===month?'selected':''}>${htmlEscape(monthLabelFromKey(month))}</option>`).join('')}</select></div>
       <div class="source-field"><label for="calcRuleCompany">Company</label>${companyOptions}</div>
       <div class="source-field"><label for="calcRuleHead">Head</label>${headOptions}</div>
       <div class="source-field"><label for="calcRuleSupervisor">Supervisor</label>${supervisorOptions}</div>
       <div class="source-field"><label for="calcRulePortfolio">Portfolio</label>${portfolioOptions}</div>
      <div class="source-field"><label for="calcRuleCondition">Apply when</label><select id="calcRuleCondition"><option value="always" ${!r.condition||r.condition==='always'?'selected':''}>Always in this scope</option><option value="billing_exists" ${r.condition==='billing_exists'?'selected':''}>Billing rows exist</option><option value="statement_exists" ${r.condition==='statement_exists'?'selected':''}>Statement rows exist</option><option value="rate_configured" ${r.condition==='rate_configured'?'selected':''}>Costing rate exists</option><option value="credit_note_exists" ${r.condition==='credit_note_exists'?'selected':''}>Credit Note exists</option><option value="supervisor_tds_exists" ${r.condition==='supervisor_tds_exists'?'selected':''}>Supervisor TDS exists</option></select></div>
       <div class="source-field"><label for="calcRuleValue">Value</label><input id="calcRuleValue" value="${htmlEscape(r.value||'')}" placeholder="Rate: 65 | Treatment: include/exclude"></div>
       <div class="source-field"><label for="calcRuleRateTarget">Rate target</label><select id="calcRuleRateTarget"><option value="all" ${!r.rateTarget||r.rateTarget==='all'?'selected':''}>Head and Supervisor</option><option value="head" ${r.rateTarget==='head'?'selected':''}>Head rate only</option><option value="supervisor" ${r.rateTarget==='supervisor'?'selected':''}>Supervisor rate only</option></select></div>
       <div class="source-field"><label for="calcRuleKpiPage">KPI page</label><select id="calcRuleKpiPage"><option value="all" ${!r.page||r.page==='all'?'selected':''}>All supported pages</option><option value="overview" ${r.page==='overview'?'selected':''}>Overview</option><option value="costing" ${r.page==='costing'?'selected':''}>Costing</option></select></div>
       <div class="source-field"><label for="calcRuleKpiAction">KPI action</label><select id="calcRuleKpiAction"><option value="hide" ${r.kpiAction==='hide'?'selected':''}>Hide existing KPI</option><option value="show" ${r.kpiAction==='show'?'selected':''}>Show existing KPI</option><option value="add" ${r.kpiAction==='add'?'selected':''}>Add custom KPI</option></select></div>
       <div class="source-field"><label for="calcRuleKpiLabel">KPI label</label><input id="calcRuleKpiLabel" value="${htmlEscape(r.kpi||'')}" placeholder="Exact existing label, or new label for Add"></div>
       <div class="source-field"><label for="calcRuleKpiMeta">KPI helper text</label><input id="calcRuleKpiMeta" value="${htmlEscape(r.kpiMeta||'')}" placeholder="Shown below a custom KPI"></div>
       <div class="source-field" style="grid-column:1/-1"><label for="calcRuleFormula">Formula / value</label><input id="calcRuleFormula" value="${htmlEscape(formula)}" placeholder="previous + final - displayed + return"><div class="meta">Closing and custom KPI formulas allow arithmetic plus: previous, final, displayed, base, return, bill, igst, tds, netBilling, received, outstanding, creditNote, supervisorTds, closing.</div></div>
       <div class="source-field"><label for="calcConditionKey">Built-in condition</label><select id="calcConditionKey">${builtInConditionOptionsMarkup(r.conditionKey||'delhi_shared_allocation')}</select></div>
       <div class="source-field"><label for="calcConditionAction">Condition action</label><select id="calcConditionAction"><option value="disable" ${!r.conditionAction||r.conditionAction==='disable'?'selected':''}>Disable built-in condition</option><option value="enable" ${r.conditionAction==='enable'?'selected':''}>Keep / enable built-in condition</option></select><div class="meta">Use the scope fields above to limit the condition control.</div></div>
       <div class="source-field"><label for="calcAdjustmentAction">Transaction action</label><select id="calcAdjustmentAction"><option value="add" ${!r.adjustmentAction||r.adjustmentAction==='add'?'selected':''}>Add amount</option><option value="subtract" ${r.adjustmentAction==='subtract'?'selected':''}>Subtract amount</option><option value="split" ${r.adjustmentAction==='split'?'selected':''}>Split amount</option></select></div>
       <div class="source-field"><label for="calcAdjustmentColumn">Amount column</label><select id="calcAdjustmentColumn"><option value="debit" ${!r.adjustmentColumn||r.adjustmentColumn==='debit'?'selected':''}>Debit</option><option value="credit" ${r.adjustmentColumn==='credit'?'selected':''}>Credit</option></select></div>
       <div class="source-field"><label for="calcAdjustmentAmount">Fixed amount</label><input id="calcAdjustmentAmount" type="number" min="0" step="0.01" value="${htmlEscape(r.adjustmentAmount??'')}" placeholder="Blank = matched row amount"><div class="meta">Split uses the matched row amount when blank.</div></div>
       <div class="source-field"><label for="calcAdjustmentAmountMin">Match amount minimum</label><input id="calcAdjustmentAmountMin" type="number" min="0" step="0.01" value="${htmlEscape(r.adjustmentAmountMin??'')}" placeholder="Optional"></div>
       <div class="source-field"><label for="calcAdjustmentAmountMax">Match amount maximum</label><input id="calcAdjustmentAmountMax" type="number" min="0" step="0.01" value="${htmlEscape(r.adjustmentAmountMax??'')}" placeholder="Optional"></div>
       <div class="source-field"><label for="calcAdjustmentName">Match account / name</label><input id="calcAdjustmentName" value="${htmlEscape(r.adjustmentName||'')}" placeholder="RENT TDS or account name"></div>
       <div class="source-field"><label for="calcAdjustmentRemark">Match remark</label><input id="calcAdjustmentRemark" value="${htmlEscape(r.adjustmentRemark||'')}" placeholder="Advance, Salary, etc."></div>
       <div class="source-field"><label for="calcAdjustmentType">Match transaction type</label><input id="calcAdjustmentType" value="${htmlEscape(r.adjustmentType||'')}" placeholder="OFFICE / ADVANCE / SELF TRANSFER"></div>
       <div class="source-field"><label for="calcAdjustmentDescription">Match description</label><input id="calcAdjustmentDescription" value="${htmlEscape(r.adjustmentDescription||'')}" placeholder="Contains text"></div>
       <div class="source-field"><label for="calcAdjustmentReference">Match reference</label><input id="calcAdjustmentReference" value="${htmlEscape(r.adjustmentReference||'')}" placeholder="Reference number"></div>
       <div class="source-field"><label for="calcAdjustmentBank">Match bank</label><input id="calcAdjustmentBank" value="${htmlEscape(r.adjustmentBank||'')}" placeholder="Bank name"></div>
       <div class="source-field"><label for="calcAdjustmentAccountId">Match account ID</label><input id="calcAdjustmentAccountId" value="${htmlEscape(r.adjustmentAccountId||'')}" placeholder="ACC001"></div>
       <div class="source-field"><label for="calcAdjustmentLocation">Match location</label><input id="calcAdjustmentLocation" value="${htmlEscape(r.adjustmentLocation||'')}" placeholder="Delhi / branch"></div>
        <div class="source-field"><label for="calcSplitShares">Split shares</label><textarea id="calcSplitShares" rows="2" placeholder="Delhi Team:5.52, Keep original allocation:94.48">${htmlEscape(r.splitShares||'')}</textarea><div class="meta">Use Supervisor:percentage. Select Keep original allocation to preserve the matched row's existing person.</div></div>
       <div class="source-field"><label for="calcTargetCompany">Target company</label>${targetCompanyOptions}</div>
       <div class="source-field"><label for="calcTargetHead">Target head</label>${targetHeadOptions}</div>
       <div class="source-field"><label for="calcTargetSupervisor">Target supervisor</label>${targetSupervisorOptions}</div>
       <div class="source-field"><label for="calcTargetMonth">Target month</label><select id="calcTargetMonth"><option value="">Keep matched month</option>${months.map(month=>`<option value="${month}" ${monthKey(r.targetMonth)===month?'selected':''}>${htmlEscape(monthLabelFromKey(month))}</option>`).join('')}</select></div>
       <div class="source-field"><label for="calcTargetPortfolio">Target portfolio</label>${targetPortfolioOptions}</div>
       <div class="source-field" style="grid-column:1/-1"><label for="calcRuleNotes">Notes / reason</label><textarea id="calcRuleNotes" rows="2" placeholder="Explain why this override exists">${htmlEscape(r.notes||'')}</textarea></div>
    </div>
     <div class="source-actions user-create-actions"><label style="display:flex;align-items:center;gap:8px;font-weight:700"><input id="calcRuleActive" type="checkbox" ${r.active!==false?'checked':''}> Active</label><button class="action-btn primary" onclick="saveCalculationRule()">${r.id?'Save Rule':'Add Rule'} <span>→</span></button><button class="action-btn" onclick="saveCalculationRule(true)">Apply Changes <span>↗</span></button>${r.id?'<button class="btn" onclick="cancelCalculationRuleEdit()">Cancel</button>':''}<span class="create-hint">Save stores the rule. Apply Changes refreshes the active dashboard page immediately.</span></div>
    <div class="meta" id="calcRuleStatus">Default dashboard formulas remain active until an override is saved.</div>
  </div>`;
}
function renderCalculationRulesAdminLegacy(){
  const editing=adminRuleEditingId?calculationRules.find(rule=>rule.id===adminRuleEditingId):null;
  const meta=calculationStudioSectionMeta(adminCalculationSection)||calculationStudioSectionMeta('overview');
  const rules=calculationRules.filter(rule=>calculationRuleBelongsToSection(rule,adminCalculationSection)).sort((a,b)=>Number(b.priority||0)-Number(a.priority||0));
  const allRuleCount=calculationRules.length;
  document.getElementById('content').innerHTML=`<div class="calculation-studio-shell">
    <div class="calculation-studio-hero"><div class="admin-kicker">Protected Calculation Control Room</div><h2>Calculation Studio</h2><p>Configure each business layer separately. Every override remains scoped, traceable and connected to the formulas shown below. Changes are stored locally and never edit Google Sheet source data.</p><div class="calculation-studio-hero-stats"><span class="calculation-studio-stat"><b>${allRuleCount}</b>Saved rules</span><span class="calculation-studio-stat"><b>${calculationRules.filter(rule=>rule.active!==false).length}</b>Active</span><span class="calculation-studio-stat"><b>4</b>Control areas</span></div></div>
     <div class="calculation-studio-tabs">${['overview','billing','costing','shared'].map(section=>{const item=calculationStudioSectionMeta(section);const count=calculationRules.filter(rule=>calculationRuleBelongsToSection(rule,section)).length;return `<button class="calculation-studio-tab ${adminCalculationSection===section?'active':''}" onclick="setAdminCalculationSection('${section}')">${htmlEscape(item.label)}<small>${htmlEscape(item.sub)} • ${count} rule${count===1?'':'s'}</small></button>`;}).join('')}</div>
      ${renderCalculationStudioVisibilityBar()}
      ${calculationStudioPanelState.logic?renderCalculationStudioLogic(adminCalculationSection):''}
      ${calculationStudioPanelState.lookup?calculationRuleLookupMarkup():''}
     <div class="calculation-studio-rules-head"><div><span class="calculation-studio-section-label">${htmlEscape(meta.label)} controls</span><h3>Scoped overrides</h3><span class="meta">Edit an existing formula or add a new condition. A change can affect the connected sections shown above.</span></div><span class="badge">${rules.length} ${htmlEscape(meta.label)} rule${rules.length===1?'':'s'}</span></div>
     ${(calculationStudioPanelState.form||editing)?calculationRuleFormMarkup(editing):''}
     ${calculationStudioPanelState.preview?`<div class="source-card" style="margin-bottom:16px"><div class="source-card-head"><div><div class="admin-kicker">Live Rule Preview</div><h3>Test a scope before saving</h3></div><span class="source-type">PREVIEW</span></div><div class="user-form-grid"><div class="source-field"><label for="calcPreviewHead">Head</label><input id="calcPreviewHead" placeholder="Abhishek Singh"></div><div class="source-field"><label for="calcPreviewSupervisor">Supervisor</label><input id="calcPreviewSupervisor" placeholder="Manoj Jangid"></div><div class="source-field"><label for="calcPreviewMonth">Month</label><input id="calcPreviewMonth" placeholder="May-2026"></div><div class="source-field"><label for="calcPreviewPortfolio">Portfolio</label><input id="calcPreviewPortfolio" placeholder="SBI"></div><div class="source-field"><label for="calcPreviewPage">Page</label><select id="calcPreviewPage"><option value="${htmlEscape(adminCalculationSection)}">${htmlEscape(meta.label)}</option><option value="all">All connected pages</option></select></div></div><div class="source-actions"><button class="action-btn primary" onclick="previewCalculationRules()">Preview Matching Rules</button></div><div id="calcRulePreview" class="meta">Enter a scope to see which overrides would apply.</div></div>`:''}
    <div class="section admin-users-list-head"><div><h3>${htmlEscape(meta.label)} saved overrides</h3><span class="meta">Most specific and highest-priority matching rule wins for each rule type.</span></div><span class="badge">${rules.length} Rules</span></div>
    <div class="tablewrap admin-users-tablewrap"><table class="admin-users-table"><thead><tr><th>Rule</th><th>Type</th><th>Scope</th><th>Value / Formula</th><th>Priority</th><th>Status</th><th>Actions</th></tr></thead><tbody>${rules.map(rule=>{const scope=[rule.module||calculationRuleModule(rule),rule.page&&rule.page!=='all'&&rule.page,rule.kpi&&('KPI: '+rule.kpi),rule.month&&monthLabelFromKey(rule.month),rule.head,rule.supervisor,rule.portfolio].filter(Boolean).join(' • ')||'Global';const value=rule.type==='closing'||rule.type==='kpi'?(rule.formula||rule.value||'—'):(rule.value||'—');return `<tr><td><strong>${htmlEscape(rule.name||'Unnamed rule')}</strong><span class="user-row-meta">${htmlEscape(rule.notes||'No notes')}</span></td><td>${htmlEscape(calculationRuleTypeLabel(rule.type))}</td><td>${htmlEscape(scope)}</td><td><code>${htmlEscape(value)}</code></td><td>${Number(rule.priority||0)}</td><td><span class="status ${rule.active!==false?'received':'pending'}">${rule.active!==false?'Active':'Inactive'}</span></td><td><div class="user-table-actions"><button class="btn" onclick="editCalculationRule('${encodeURIComponent(rule.id)}')">Edit</button><button class="btn danger-outline-btn" onclick="deleteCalculationRule('${encodeURIComponent(rule.id)}')">Delete</button></div></td></tr>`;}).join('')||'<tr><td colspan="7" class="admin-users-empty">No overrides in this control area. The built-in formulas above remain active.</td></tr>'}</tbody></table></div>
    <div class="source-actions compact-source-actions"><button class="btn danger-outline-btn" onclick="resetCalculationRules()">Reset All Overrides</button><button class="action-btn" onclick="applyCalculationChanges()">Apply Saved Changes</button><button class="btn" onclick="adminPage()">Back to Admin</button></div>
  </div>`;
  renderCalculationRuleLookup();
  if(!calculationStudioPanelState.saved)document.querySelectorAll('.admin-users-list-head,.admin-users-tablewrap').forEach(el=>el.style.display='none');
}
let costingControlSection='transactions';
let pendingConditionKey='';
let transactionSplitFormKey='';
let transactionSplitRows=[];
function transactionRuleFieldOptions(field,selected,blankLabel){
  const values=[...(accountStatementRows||[]).map(row=>row[field]),...calculationRules.map(rule=>rule['adjustment'+field.charAt(0).toUpperCase()+field.slice(1)]||'')];
  const unique=[...new Set(values.map(v=>String(v||'').trim()).filter(Boolean))].sort((a,b)=>a.localeCompare(b));
  return `<select id="${field==='name'?'calcAdjustmentName':'calcAdjustment'+field.charAt(0).toUpperCase()+field.slice(1)}"><option value="">${htmlEscape(blankLabel)}</option>${unique.map(value=>`<option value="${htmlEscape(value)}" ${normText(value)===normText(selected)?'selected':''}>${htmlEscape(value)}</option>`).join('')}</select>`;
}
function transactionSplitRowsForRule(rule){
  const key=rule?.id||'new';
  if(transactionSplitFormKey===key)return;
  const parsed=String(rule?.splitShares||'').split(/[\n,;|]+/).map(item=>item.trim().match(/^(.+?)(?:\s*[:=]\s*)([\d.]+)\s*%?$/)).filter(Boolean).map(match=>({supervisor:normText(match[1])==='KEEP ORIGINAL ALLOCATION'?'__KEEP_ORIGINAL__':match[1].trim(),share:match[2]}));
  transactionSplitRows=parsed.length?parsed:[{supervisor:'',share:''},{supervisor:'',share:''}];
  transactionSplitFormKey=key;
}
function transactionSplitSupervisorOptions(id,selected){
  const options=calculationRuleScopeValues('supervisor');
  return `<select id="${id}"><option value="">Select supervisor</option><option value="__KEEP_ORIGINAL__" ${selected==='__KEEP_ORIGINAL__'?'selected':''}>Keep original allocation</option>${options.map(item=>`<option value="${htmlEscape(item.value)}" ${normText(item.value)===normText(selected)?'selected':''}>${htmlEscape(item.label)}</option>`).join('')}</select>`;
}
function transactionSplitRowMarkup(index,row){
  const options=transactionSplitSupervisorOptions(`calcSplitSupervisor${index}`,row.supervisor);
  return `<div class="transaction-split-row"><div>${options}</div><input id="calcSplitShare${index}" type="number" min="0" max="100" step="0.01" value="${htmlEscape(row.share||'')}" placeholder="Share %" oninput="syncTransactionSplitShares()"><button type="button" class="transaction-remove-share" onclick="removeTransactionSplitRow(${index})">×</button></div>`;
}
function renderTransactionSplitRows(){
  const host=document.getElementById('transactionSplitRows');
  if(!host)return;
  host.innerHTML=transactionSplitRows.map((row,index)=>transactionSplitRowMarkup(index,row)).join('');
  transactionSplitRows.forEach((_,index)=>document.getElementById(`calcSplitSupervisor${index}`)?.addEventListener('change',syncTransactionSplitShares));
  syncTransactionSplitShares();
}
function syncTransactionSplitShares(){
  const pairs=transactionSplitRows.map((_,index)=>({supervisor:document.getElementById(`calcSplitSupervisor${index}`)?.value||'',share:document.getElementById(`calcSplitShare${index}`)?.value||''})).filter(item=>item.supervisor&&item.share);
  const hidden=document.getElementById('calcSplitShares');
  if(hidden)hidden.value=pairs.map(item=>`${item.supervisor==='__KEEP_ORIGINAL__'?'Keep original allocation':item.supervisor}:${item.share}`).join(',');
}
function addTransactionSplitRow(){
  transactionSplitRows.push({supervisor:'',share:''});
  renderTransactionSplitRows();
}
function removeTransactionSplitRow(index){
  if(transactionSplitRows.length<=1)return;
  transactionSplitRows.splice(index,1);
  renderTransactionSplitRows();
}
function toggleTransactionRuleFields(){
  const action=document.getElementById('calcAdjustmentAction')?.value||'add';
  const box=document.getElementById('transactionSplitBox');
  if(box)box.style.display=action==='split'?'block':'none';
}
function transactionRuleFormMarkup(rule){
  const r=rule||{};
  transactionSplitRowsForRule(r);
  const months=calculationRuleMonthOptions();
  const action=r.adjustmentAction||'add';
  return `<div class="control-form-card"><div class="control-form-head"><div><span class="control-eyebrow">${r.id?'EDIT TRANSACTION RULE':'NEW TRANSACTION RULE'}</span><h3>${r.id?'Update this allocation':'Tell the dashboard what to do'}</h3><p>Select the transaction, then choose Add, Subtract or Split.</p></div><button type="button" class="control-close" onclick="cancelCalculationRuleEdit()">×</button></div><input type="hidden" id="calcRuleId" value="${htmlEscape(r.id||'')}"><input type="hidden" id="calcRuleType" value="adjustment"><input type="hidden" id="calcRuleModule" value="shared"><input type="hidden" id="calcRulePriority" value="${Number(r.priority||100)}"><input type="hidden" id="calcRuleCondition" value="always"><input type="hidden" id="calcRuleValue" value=""><input type="hidden" id="calcRuleFormula" value=""><input type="hidden" id="calcRuleRateTarget" value="all"><input type="hidden" id="calcRuleKpiPage" value="all"><input type="hidden" id="calcRuleKpiAction" value="hide"><input type="hidden" id="calcRuleKpiLabel" value=""><input type="hidden" id="calcRuleKpiMeta" value=""><div class="control-form-grid"><label>Rule name<input id="calcRuleName" value="${htmlEscape(r.name||'')}" placeholder="Example: Delhi rent allocation"></label><label>Month<select id="calcRuleMonth"><option value="">All months</option>${months.map(month=>`<option value="${month}" ${monthKey(r.month)===month?'selected':''}>${htmlEscape(monthLabelFromKey(month))}</option>`).join('')}</select></label><label>Company${calculationRuleScopeSelect('calcRuleCompany','company',r.company,'All companies')}</label><label>Head${calculationRuleScopeSelect('calcRuleHead','head',r.head,'All heads')}</label><label>Source supervisor${calculationRuleScopeSelect('calcRuleSupervisor','supervisor',r.supervisor,'All supervisors')}</label><label>Portfolio${calculationRuleScopeSelect('calcRulePortfolio','portfolio',r.portfolio,'All portfolios')}</label><label>Account / name${transactionRuleFieldOptions('name',r.adjustmentName,'All names')}</label><label>Remark${transactionRuleFieldOptions('remark',r.adjustmentRemark,'All remarks')}</label><label>Transaction type${transactionRuleFieldOptions('type',r.adjustmentType,'All types')}</label><label>Bank${transactionRuleFieldOptions('bank',r.adjustmentBank,'All banks')}</label><label>Account ID${transactionRuleFieldOptions('accountId',r.adjustmentAccountId,'All accounts')}</label><label>Location${transactionRuleFieldOptions('location',r.adjustmentLocation,'All locations')}</label><label>Action<select id="calcAdjustmentAction" onchange="toggleTransactionRuleFields()"><option value="add" ${action==='add'?'selected':''}>Add amount</option><option value="subtract" ${action==='subtract'?'selected':''}>Subtract amount</option><option value="split" ${action==='split'?'selected':''}>Split amount</option></select></label><label>Amount column<select id="calcAdjustmentColumn"><option value="debit" ${!r.adjustmentColumn||r.adjustmentColumn==='debit'?'selected':''}>Debit</option><option value="credit" ${r.adjustmentColumn==='credit'?'selected':''}>Credit</option></select></label><label>Fixed amount<input id="calcAdjustmentAmount" type="number" min="0" step="0.01" value="${htmlEscape(r.adjustmentAmount??'')}" placeholder="Blank = matched amount"></label><label>Minimum amount<input id="calcAdjustmentAmountMin" type="number" min="0" step="0.01" value="${htmlEscape(r.adjustmentAmountMin??'')}" placeholder="Optional"></label><label>Maximum amount<input id="calcAdjustmentAmountMax" type="number" min="0" step="0.01" value="${htmlEscape(r.adjustmentAmountMax??'')}" placeholder="Optional"></label><label>Target company${calculationRuleScopeSelect('calcTargetCompany','company',r.targetCompany,'Keep matched company')}</label><label>Target head${calculationRuleScopeSelect('calcTargetHead','head',r.targetHead,'Keep matched head')}</label><label>Target supervisor${calculationRuleScopeSelect('calcTargetSupervisor','supervisor',r.targetSupervisor,'Keep matched supervisor')}</label><label>Target month<select id="calcTargetMonth"><option value="">Keep matched month</option>${months.map(month=>`<option value="${month}" ${monthKey(r.targetMonth)===month?'selected':''}>${htmlEscape(monthLabelFromKey(month))}</option>`).join('')}</select></label><label>Target portfolio${calculationRuleScopeSelect('calcTargetPortfolio','portfolio',r.targetPortfolio,'Keep matched portfolio')}</label><div id="transactionSplitBox" class="transaction-split-box" style="display:${action==='split'?'block':'none'}"><div class="split-box-head"><div><strong>Split between people</strong><span>Choose each person and their percentage.</span></div><button type="button" class="control-add-small" onclick="addTransactionSplitRow()">+ Add person</button></div><div id="transactionSplitRows"></div><input type="hidden" id="calcSplitShares" value="${htmlEscape(r.splitShares||'')}"></div><label class="control-notes">Notes / reason<textarea id="calcRuleNotes" rows="2" placeholder="Why is this transaction being adjusted?">${htmlEscape(r.notes||'')}</textarea></label></div><div class="control-form-actions"><label class="control-active"><input id="calcRuleActive" type="checkbox" ${r.active!==false?'checked':''}> Active</label><button type="button" class="control-button primary" onclick="saveCalculationRule()">${r.id?'Save rule':'Add rule'}</button><button type="button" class="control-button" onclick="saveCalculationRule(true)">Save & apply</button><span id="calcRuleStatus" class="control-status">This rule stays in the browser and does not change the source sheet.</span></div></div>`;
}
function conditionRuleFormMarkupLegacy(rule){
  const r=rule||{};
  const months=calculationRuleMonthOptions();
  const key=r.conditionKey||pendingConditionKey||'delhi_shared_allocation';
  return `<div class="control-form-card condition-form-card"><div class="control-form-head"><div><span class="control-eyebrow">BUILT-IN CONDITION</span><h3>${r.id?'Edit existing condition':'Customize existing condition'}</h3><p>Turn a default condition on or off for a selected scope.</p></div><button type="button" class="control-close" onclick="cancelCalculationRuleEdit()">×</button></div><input type="hidden" id="calcRuleId" value="${htmlEscape(r.id||'')}"><input type="hidden" id="calcRuleType" value="condition"><input type="hidden" id="calcRuleModule" value="shared"><input type="hidden" id="calcRulePriority" value="${Number(r.priority||100)}"><input type="hidden" id="calcRuleCondition" value="always"><input type="hidden" id="calcRuleValue" value=""><input type="hidden" id="calcRuleFormula" value=""><input type="hidden" id="calcRuleRateTarget" value="all"><input type="hidden" id="calcRuleKpiPage" value="all"><input type="hidden" id="calcRuleKpiAction" value="hide"><input type="hidden" id="calcRuleKpiLabel" value=""><input type="hidden" id="calcRuleKpiMeta" value=""><div class="control-form-grid"><label>Rule name<input id="calcRuleName" value="${htmlEscape(r.name||'')}" placeholder="Example: Disable Seema salary exclusion"></label><label>Condition<select id="calcConditionKey">${builtInConditionOptionsMarkup(key)}</select></label><label>Action<select id="calcConditionAction"><option value="disable" ${!r.conditionAction||r.conditionAction==='disable'?'selected':''}>Disable default</option><option value="enable" ${r.conditionAction==='enable'?'selected':''}>Keep / enable default</option></select></label><label>Month<select id="calcRuleMonth"><option value="">All months</option>${months.map(month=>`<option value="${month}" ${monthKey(r.month)===month?'selected':''}>${htmlEscape(monthLabelFromKey(month))}</option>`).join('')}</select></label><label>Company${calculationRuleScopeSelect('calcRuleCompany','company',r.company,'All companies')}</label><label>Head${calculationRuleScopeSelect('calcRuleHead','head',r.head,'All heads')}</label><label>Supervisor${calculationRuleScopeSelect('calcRuleSupervisor','supervisor',r.supervisor,'All supervisors')}</label><label>Portfolio${calculationRuleScopeSelect('calcRulePortfolio','portfolio',r.portfolio,'All portfolios')}</label><label class="control-notes">Notes / reason<textarea id="calcRuleNotes" rows="2" placeholder="Why should this condition change?">${htmlEscape(r.notes||'')}</textarea></label></div><div class="control-form-actions"><label class="control-active"><input id="calcRuleActive" type="checkbox" ${r.active!==false?'checked':''}> Active</label><button type="button" class="control-button primary" onclick="saveCalculationRule()">${r.id?'Save condition':'Save condition'}</button><button type="button" class="control-button" onclick="saveCalculationRule(true)">Save & apply</button><span id="calcRuleStatus" class="control-status">The built-in default remains active unless this rule disables it.</span></div></div>`;
}
function conditionRuleFormMarkup(rule){
  const r=rule||{};
  const months=calculationRuleMonthOptions();
  const key=r.conditionKey||pendingConditionKey||'delhi_shared_allocation';
  return `<div class="control-form-card condition-form-card"><div class="control-form-head"><div><span class="control-eyebrow">BUILT-IN CONDITION</span><h3>${r.id?'Edit existing condition':'Customize existing condition'}</h3><p>Choose the exact scope where this default should change.</p></div><button type="button" class="control-close" onclick="cancelCalculationRuleEdit()">×</button></div><input type="hidden" id="calcRuleId" value="${htmlEscape(r.id||'')}"><input type="hidden" id="calcRuleType" value="condition"><input type="hidden" id="calcRuleModule" value="shared"><input type="hidden" id="calcRulePriority" value="${Number(r.priority||100)}"><input type="hidden" id="calcRuleCondition" value="always"><input type="hidden" id="calcRuleValue" value=""><input type="hidden" id="calcRuleFormula" value=""><input type="hidden" id="calcRuleRateTarget" value="all"><input type="hidden" id="calcRuleKpiPage" value="all"><input type="hidden" id="calcRuleKpiAction" value="hide"><input type="hidden" id="calcRuleKpiLabel" value=""><input type="hidden" id="calcRuleKpiMeta" value=""><div class="control-form-grid"><label>Rule name<input id="calcRuleName" value="${htmlEscape(r.name||'')}" placeholder="Example: May supervisor exception"></label><label>Condition<select id="calcConditionKey">${builtInConditionOptionsMarkup(key)}</select></label><label>Action<select id="calcConditionAction"><option value="disable" ${!r.conditionAction||r.conditionAction==='disable'?'selected':''}>Disable default</option><option value="enable" ${r.conditionAction==='enable'?'selected':''}>Keep / enable default</option></select></label><label>Month<select id="calcRuleMonth"><option value="">All months</option>${months.map(month=>`<option value="${month}" ${monthKey(r.month)===month?'selected':''}>${htmlEscape(monthLabelFromKey(month))}</option>`).join('')}</select></label><label>Company${calculationRuleScopeSelect('calcRuleCompany','company',r.company,'All companies')}</label><label>Head${calculationRuleScopeSelect('calcRuleHead','head',r.head,'All heads')}</label><label>Supervisor${calculationRuleScopeSelect('calcRuleSupervisor','supervisor',r.supervisor,'All supervisors')}</label><label>Portfolio${calculationRuleScopeSelect('calcRulePortfolio','portfolio',r.portfolio,'All portfolios')}</label><label>State${calculationRuleScopeSelect('calcRuleState','state',r.state,'All states')}</label><label>Location${calculationRuleScopeSelect('calcRuleLocation','location',r.location,'All locations')}</label><label>Segment${calculationRuleScopeSelect('calcRuleSegment','segment',r.segment,'All segments')}</label><label class="control-notes">Notes / reason<textarea id="calcRuleNotes" rows="2" placeholder="Why should this condition change?">${htmlEscape(r.notes||'')}</textarea></label></div><div class="control-form-actions"><label class="control-active"><input id="calcRuleActive" type="checkbox" ${r.active!==false?'checked':''}> Active</label><button type="button" class="control-button primary" onclick="saveCalculationRule()">Save condition</button><button type="button" class="control-button" onclick="saveCalculationRule(true)">Save & apply</button><span id="calcRuleStatus" class="control-status">The rule applies only to the selected scope.</span></div></div>`;
}
function openTransactionRuleEditor(id=''){
  adminRuleEditingId=id?decodeURIComponent(id):'';
  pendingConditionKey='';
  costingControlSection='transactions';
  adminCalculationSection='shared';
  calculationStudioPanelState.form=true;
  transactionSplitFormKey='';
  renderCalculationRulesAdmin();
}
function openConditionRuleEditor(key){
  adminRuleEditingId='';
  pendingConditionKey=key;
  costingControlSection='conditions';
  adminCalculationSection='shared';
  calculationStudioPanelState.form=true;
  renderCalculationRulesAdmin();
}
function renderTransactionRulesPanel(){
  const rules=calculationRules.filter(rule=>rule.type==='adjustment').sort((a,b)=>Number(b.priority||0)-Number(a.priority||0));
  const editing=adminRuleEditingId?calculationRules.find(rule=>rule.id===adminRuleEditingId&&rule.type==='adjustment'):null;
  return `<div class="control-section-intro"><div><span class="control-eyebrow">TRANSACTION ALLOCATION</span><h2>Make account and SOC rules simple</h2><p>Choose what transaction to match, then tell the dashboard how to add, subtract or split it.</p></div><button class="control-button primary" onclick="openTransactionRuleEditor()">+ Add transaction rule</button></div>${calculationStudioPanelState.form?transactionRuleFormMarkup(editing):''}<div class="control-rule-grid">${rules.map(rule=>`<article class="control-rule-card"><div class="control-rule-card-top"><span class="control-rule-type">${htmlEscape(rule.adjustmentAction||'add')}</span><span class="control-rule-status ${rule.active===false?'off':''}">${rule.active===false?'OFF':'ACTIVE'}</span></div><h3>${htmlEscape(rule.name||'Unnamed rule')}</h3><p>${htmlEscape([rule.adjustmentName,rule.adjustmentRemark,rule.adjustmentType].filter(Boolean).join(' • ')||'All matching account transactions')}</p><div class="control-rule-meta"><span>${htmlEscape(rule.month?monthLabelFromKey(rule.month):'All months')}</span><span>${htmlEscape(rule.targetSupervisor||rule.targetHead||'Same allocation')}</span><span>${rule.adjustmentAmount===''||rule.adjustmentAmount==null?'Matched amount':money(rule.adjustmentAmount)}</span></div><div class="control-rule-actions"><button class="control-link" onclick="openTransactionRuleEditor('${encodeURIComponent(rule.id)}')">Edit rule</button><button class="control-link danger" onclick="deleteCalculationRule('${encodeURIComponent(rule.id)}')">Delete</button></div></article>`).join('')||'<div class="control-empty"><strong>No transaction rules yet</strong><span>Start with one account or SOC condition. You can edit it later without touching the source sheet.</span><button class="control-button primary" onclick="openTransactionRuleEditor()">Create first rule</button></div>'}</div>`;
}
function renderConditionsPanelLegacy(){
  const editing=adminRuleEditingId?calculationRules.find(rule=>rule.id===adminRuleEditingId&&rule.type==='condition'):null;
  return `<div class="control-section-intro"><div><span class="control-eyebrow">EXISTING DEFAULTS</span><h2>Conditions already in the dashboard</h2><p>These are the current Delhi, Seema and transfer rules. Customize only where your business needs a different treatment.</p></div></div>${calculationStudioPanelState.form?conditionRuleFormMarkup(editing):''}<div class="condition-card-grid">${BUILTIN_CONDITION_OPTIONS.map(([key,label])=>{const rule=calculationRules.find(item=>item.type==='condition'&&item.conditionKey===key);const disabled=rule&&rule.conditionAction==='disable';return `<article class="condition-control-card"><div class="condition-control-icon">${disabled?'×':'✓'}</div><div class="condition-control-copy"><span class="control-eyebrow">${disabled?'CUSTOMIZED':'DEFAULT ACTIVE'}</span><h3>${htmlEscape(label)}</h3><p>${disabled?'Disabled for the saved scope.':'The standard dashboard condition is currently active.'}</p></div><div class="condition-control-actions"><span class="control-rule-status ${disabled?'off':''}">${disabled?'OFF':'ON'}</span><button class="control-link" onclick="${rule?`editCalculationRule('${encodeURIComponent(rule.id)}')`:`openConditionRuleEditor('${key}')`}">${rule?'Edit':'Customize'}</button></div></article>`;}).join('')}</div>`;
}
function conditionRegisterScopeValue(rule,kind){
  const value=String(rule?.[kind]||'').trim();
  if(!value)return kind==='month'?'All months':'All';
  return kind==='month'?monthLabelFromKey(value):value;
}
function conditionListFilterMarkup(kind,blankLabel){
  const selected=conditionListFilters[kind]||'';
  const options=kind==='month'?calculationRuleMonthOptions().map(value=>({value,label:monthLabelFromKey(value)})):calculationRuleScopeValues(kind);
  return `<select onchange="setConditionListFilter('${kind}',this.value)"><option value="">${htmlEscape(blankLabel)}</option>${options.map(item=>`<option value="${htmlEscape(item.value)}" ${((kind==='month'?monthKey(item.value):normText(item.value))===(kind==='month'?monthKey(selected):normText(selected)))?'selected':''}>${htmlEscape(item.label)}</option>`).join('')}</select>`;
}
function setConditionListFilter(kind,value){
  if(Object.prototype.hasOwnProperty.call(conditionListFilters,kind))conditionListFilters[kind]=value||'';
  renderCalculationRulesAdmin();
}
function resetConditionListFilters(){
  conditionListFilters={month:'',company:'',head:'',supervisor:'',portfolio:'',state:'',location:'',segment:''};
  renderCalculationRulesAdmin();
}
function conditionRuleMatchesListFilters(rule){
  return Object.keys(conditionListFilters).every(kind=>{
    const filter=conditionListFilters[kind];
    if(!filter)return true;
    const ruleValue=rule?.[kind];
    return !ruleValue||calculationRuleValueMatches(filter,ruleValue,kind);
  });
}
function renderConditionRegisterRow(rule){
  const label=BUILTIN_CONDITION_OPTIONS.find(item=>item[0]===rule.conditionKey)?.[1]||rule.conditionKey||'Condition rule';
  const active=rule.active!==false;
  const enabled=rule.conditionAction!=='disable';
  const status=active?(enabled?'ON':'OFF'):'INACTIVE';
  return `<div class="condition-register-row"><div><strong>${htmlEscape(rule.name||label)}</strong><small>${htmlEscape(label)}${rule.notes?' • '+htmlEscape(rule.notes):''}</small></div><div class="condition-register-status ${status==='ON'?'':'off'}">${status}</div><div>${htmlEscape(conditionRegisterScopeValue(rule,'month'))}</div><div>${htmlEscape(conditionRegisterScopeValue(rule,'company'))}</div><div>${htmlEscape(conditionRegisterScopeValue(rule,'head'))}</div><div>${htmlEscape(conditionRegisterScopeValue(rule,'supervisor'))}</div><div>${htmlEscape(conditionRegisterScopeValue(rule,'portfolio'))}</div><div>${htmlEscape(conditionRegisterScopeValue(rule,'state'))}</div><div>${htmlEscape(conditionRegisterScopeValue(rule,'location'))}</div><div>${htmlEscape(conditionRegisterScopeValue(rule,'segment'))}</div><div class="condition-register-actions"><button class="control-link" onclick="editCalculationRule('${encodeURIComponent(rule.id)}')">Edit</button><button class="control-link danger" onclick="deleteCalculationRule('${encodeURIComponent(rule.id)}')">Delete</button></div></div>`;
}
function renderConditionsPanel(){
  const editing=adminRuleEditingId?calculationRules.find(rule=>rule.id===adminRuleEditingId&&rule.type==='condition'):null;
  const conditionRules=calculationRules.filter(rule=>rule.type==='condition'&&conditionRuleMatchesListFilters(rule)).sort((a,b)=>Number(b.priority||0)-Number(a.priority||0)||String(b.updatedAt||'').localeCompare(String(a.updatedAt||'')));
  const filterFields=[['month','Month','All months'],['company','Company','All companies'],['head','Head','All heads'],['supervisor','Supervisor','All supervisors'],['portfolio','Portfolio','All portfolios'],['state','State','All states'],['location','Location','All locations'],['segment','Segment','All segments']];
  const cards=BUILTIN_CONDITION_OPTIONS.map(([key,label])=>{const rule=calculationRules.find(item=>item.type==='condition'&&item.conditionKey===key);const scoped=!!rule;const disabled=rule&&rule.active!==false&&rule.conditionAction==='disable';const off=rule&&rule.active===false||disabled;return `<article class="condition-control-card"><div class="condition-control-icon">${off?'×':'✓'}</div><div class="condition-control-copy"><span class="control-eyebrow">${scoped?'SCOPED OVERRIDE':'DEFAULT ACTIVE'}</span><h3>${htmlEscape(label)}</h3><p>${scoped?'A saved scope override is available in the register below.':'The standard dashboard condition is currently active.'}</p></div><div class="condition-control-actions"><span class="control-rule-status ${off?'off':''}">${off?'OFF':'ON'}</span><button class="control-link" onclick="${rule?`editCalculationRule('${encodeURIComponent(rule.id)}')`:`openConditionRuleEditor('${key}')`}">${rule?'Edit':'Customize'}</button></div></article>`;}).join('');
  const filterMarkup=filterFields.map(([kind,label,blank])=>`<label>${label}${conditionListFilterMarkup(kind,blank)}</label>`).join('');
  return `<div class="control-section-intro"><div><span class="control-eyebrow">EXISTING DEFAULTS + SCOPED OVERRIDES</span><h2>Every condition in one place</h2><p>Defaults remain visible above. Use the filters to find a saved rule for a particular month, supervisor or any other scope.</p></div><button class="control-button primary" onclick="openConditionRuleEditor()">+ Add condition rule</button></div>${calculationStudioPanelState.form?conditionRuleFormMarkup(editing):''}<div class="condition-card-grid">${cards}</div><div class="condition-register-toolbar"><strong>Saved condition register</strong><p>Showing ${conditionRules.length} saved condition rule${conditionRules.length===1?'':'s'} matching the selected filters.</p><div class="condition-filter-grid">${filterMarkup}</div><div style="display:flex;justify-content:flex-end;margin-top:10px"><button class="control-link" onclick="resetConditionListFilters()">Clear filters</button></div></div><div class="condition-register-scroll"><div class="condition-register-table"><div class="condition-register-head"><div>Condition</div><div>Status</div><div>Month</div><div>Company</div><div>Head</div><div>Supervisor</div><div>Portfolio</div><div>State</div><div>Location</div><div>Segment</div><div>Actions</div></div>${conditionRules.map(renderConditionRegisterRow).join('')||'<div class="control-empty"><strong>No saved condition rules match</strong><span>Clear the filters or add a new condition rule.</span><button class="control-button primary" onclick="openConditionRuleEditor()">Create condition rule</button></div>'}</div></div>`;
}
function renderFormulaControlPanel(){
  const editing=adminRuleEditingId?calculationRules.find(rule=>rule.id===adminRuleEditingId&&rule.type!=='adjustment'&&rule.type!=='condition'):null;
  const formulaRules=calculationRules.filter(rule=>rule.type!=='adjustment'&&rule.type!=='condition');
  return `<div class="control-section-intro"><div><span class="control-eyebrow">ADVANCED SETTINGS</span><h2>Formula & closing logic</h2><p>Keep this section for rate, TDS, Credit Note, KPI and closing formula changes. It stays separate from daily transaction allocation.</p></div><button class="control-button" onclick="calculationStudioPanelState.lookup=!calculationStudioPanelState.lookup;renderCalculationRulesAdmin()">${calculationStudioPanelState.lookup?'Hide formula viewer':'Show formula viewer'}</button></div>${calculationStudioPanelState.lookup?calculationRuleLookupMarkup():''}<div class="advanced-formula-actions"><button class="control-button primary" onclick="adminCalculationSection='costing';calculationStudioPanelState.form=true;adminRuleEditingId='';renderCalculationRulesAdmin()">+ Add formula override</button>${calculationStudioPanelState.form?calculationRuleFormMarkup(editing):''}</div><div class="control-rule-list">${formulaRules.map(rule=>`<div class="control-rule-list-row"><div><strong>${htmlEscape(rule.name||'Unnamed rule')}</strong><span>${htmlEscape(calculationRuleTypeLabel(rule.type))} • ${htmlEscape(rule.month?monthLabelFromKey(rule.month):'All months')}</span></div><code>${htmlEscape(rule.formula||rule.value||'—')}</code><button class="control-link" onclick="editCalculationRule('${encodeURIComponent(rule.id)}')">Edit</button></div>`).join('')||'<div class="control-empty"><strong>No advanced overrides</strong><span>Built-in formulas will continue to run.</span></div>'}</div>`;
}
function renderAuditControlPanel(){
  const rules=calculationRules.slice().sort((a,b)=>String(b.updatedAt||'').localeCompare(String(a.updatedAt||'')));
  return `<div class="control-section-intro"><div><span class="control-eyebrow">TRACEABILITY</span><h2>Saved rules and impact</h2><p>Every rule is stored locally, scoped and applied without changing Google Sheet source data.</p></div></div><div class="audit-summary-strip"><span><b>${calculationRules.length}</b>Saved rules</span><span><b>${calculationRules.filter(rule=>rule.active!==false).length}</b>Active rules</span><span><b>Local</b>Storage</span></div><div class="control-rule-list">${rules.map(rule=>`<div class="control-rule-list-row"><div><strong>${htmlEscape(rule.name||'Unnamed rule')}</strong><span>${htmlEscape(calculationRuleTypeLabel(rule.type))} • ${htmlEscape(rule.notes||'No notes')}</span></div><code>${htmlEscape(rule.value||rule.formula||'—')}</code><button class="control-link" onclick="editCalculationRule('${encodeURIComponent(rule.id)}')">Edit</button></div>`).join('')||'<div class="control-empty"><strong>Nothing saved yet</strong><span>Your first transaction or condition rule will appear here.</span></div>'}</div>`;
}
function unifiedCalculationRuleMatches(rule,context={}){
  const allPages=!context.page||context.page==='all';
  return calculationRuleMatches(allPages?{...rule,page:''}:rule,{...context,page:allPages?'':context.page});
}
function renderUnifiedCalculationSections(){
  const host=document.getElementById('calcUnifiedCalculationSections');
  if(!host)return;
  const context=calculationRuleLookupContext();
  const rowContext={...context,page:'shared',row:{supervisor:context.supervisor,sourceCompany:context.company,portfolio:context.portfolio,socMonth:context.month,state:context.state,location:context.location}};
  const conditionDetails={
    delhi_shared_allocation:'Account Statement RENT TDS / GENNEXT debit is split 50% to Delhi Team and 50% to Nikhil Purohit.',
    seema_salary_exclusion:'Salary account rows are excluded from account debit and read from the salary source.',
    dead_fund_deduction:'Matching Seema Dead Fund debit is deducted from settlement.',
    advance_debit_filter:'Advance remark debit rows are used for the Advance amount.',
    overview_transfer_exclusion:'Bounce and Self Transfer rows are excluded from Overview debit.'
  };
  const conditionRows=BUILTIN_CONDITION_OPTIONS.map(([key,label])=>{
    const override=calculationRules.filter(rule=>rule.type==='condition'&&rule.conditionKey===key&&unifiedCalculationRuleMatches(rule,context)).sort((a,b)=>Number(b.priority||0)-Number(a.priority||0))[0];
    const enabled=builtInConditionEnabled(key,true,rowContext);
    const action=override?`editCalculationRule('${encodeURIComponent(override.id)}')`:`openConditionRuleEditor('${key}')`;
    return `<div class="unified-calculation-row"><div><strong>${htmlEscape(label)}</strong><small>${htmlEscape(conditionDetails[key]||'Built-in calculation condition.')}</small></div><span class="unified-calculation-status ${enabled?'':'off'}">${enabled?'ON':'OFF'}</span><button class="control-link" onclick="${action}">${override?'Edit':'Customize'}</button></div>`;
  }).join('');
  const hasRuleScope=['month','company','head','supervisor','portfolio','state','location','segment'].some(key=>String(context[key]||'').trim());
  const adjustmentRules=calculationRules.filter(rule=>rule.type==='adjustment'&&(!hasRuleScope||unifiedCalculationRuleMatches(rule,context)));
  const adjustmentRows=adjustmentRules.map(rule=>{
    const detail=[String(rule.adjustmentAction||'add').toUpperCase(),rule.splitShares||rule.targetSupervisor||'Matched row amount',rule.adjustmentName||rule.adjustmentRemark||'Account / SOC match'].filter(Boolean).join(' • ');
    return `<div class="unified-calculation-row"><div><strong>${htmlEscape(rule.name||'Account / SOC rule')}</strong><small>${htmlEscape(detail)}</small></div><span class="unified-calculation-status ${rule.active===false?'off':''}">${rule.active===false?'OFF':'ACTIVE'}</span><button class="control-link" onclick="openTransactionRuleEditor('${encodeURIComponent(rule.id)}')">Edit</button></div>`;
  }).join('');
  const delhiEnabled=builtInConditionEnabled('delhi_shared_allocation',true,rowContext);
  const formulaOverrides=calculationRules.filter(rule=>rule.type!=='adjustment'&&rule.type!=='condition'&&unifiedCalculationRuleMatches(rule,context));
  const formulaRows=formulaOverrides.map(rule=>`<div class="unified-calculation-row"><div><strong>${htmlEscape(rule.name||'Formula override')}</strong><small>${htmlEscape(calculationRuleTypeLabel(rule.type))}</small></div><code>${htmlEscape(rule.formula||rule.value||'—')}</code><button class="control-link" onclick="editCalculationRule('${encodeURIComponent(rule.id)}')">Edit</button></div>`).join('');
  const closingEdit=`<button class="control-link" onclick="openKpiFormulaEditorFromLookup('Closing Balance','costing','${encodeURIComponent('previous + final - displayed + return')}','closing','${encodeURIComponent(JSON.stringify(context))}')">Edit closing formula</button>`;
  host.innerHTML=`<div class="unified-calculation-sections"><section class="unified-calculation-card"><div class="unified-calculation-card-head"><div><h3>Conditions</h3><p>Built-in rules used after the selected filters are applied.</p></div><button class="control-link" onclick="openConditionRuleEditor()">+ Add condition</button></div><div class="unified-calculation-list">${conditionRows}</div></section><section class="unified-calculation-card"><div class="unified-calculation-card-head"><div><h3>Account / SOC amount rules</h3><p>Matched statement amounts, including the Delhi Team allocation.</p></div><button class="control-link" onclick="openTransactionRuleEditor()">+ Add rule</button></div><div class="unified-calculation-note"><strong>Delhi Team shared debit:</strong> ${delhiEnabled?'ON':'OFF'} • 50% Delhi Team + 50% Nikhil Purohit • RENT TDS / GENNEXT debit rows</div><div class="unified-calculation-list">${adjustmentRows||'<div class="unified-calculation-empty">No custom Account / SOC rules for this filter.</div>'}</div></section><section class="unified-calculation-card full"><div class="unified-calculation-card-head"><div><h3>Closing formula</h3><p>Applied after Previous Balance, Final Costing, Displayed Net Debit and Return Amount are resolved.</p></div></div><div class="unified-closing-formula"><code>${htmlEscape('Previous Balance + Final Costing - Displayed Net Debit + Return Amount')}</code>${closingEdit}</div></section><section class="unified-calculation-card full"><div class="unified-calculation-card-head"><div><h3>Saved formula overrides</h3><p>Only overrides matching the selected filters are shown.</p></div></div><div class="unified-calculation-list">${formulaRows||'<div class="unified-calculation-empty">No saved formula overrides. Built-in formulas are active.</div>'}</div></section></div>`;
}
function toggleTransactionAdvancedFields(button){
  const form=button?.closest('.transaction-rule-quick');
  if(!form)return;
  form.classList.toggle('transaction-rule-advanced-open');
  button.textContent=form.classList.contains('transaction-rule-advanced-open')?'Hide extra filters':'More filters';
}
function setupTransactionRuleQuickView(){
  const form=document.querySelector('.control-form-card:has(#calcAdjustmentAction)');
  if(!form)return;
  form.classList.add('transaction-rule-quick');
  if(form.querySelector('.transaction-rule-advanced-toggle'))return;
  const button=document.createElement('button');
  button.type='button';
  button.className='transaction-rule-advanced-toggle';
  button.textContent='More filters';
  button.onclick=()=>toggleTransactionAdvancedFields(button);
  form.querySelector('.control-form-head')?.appendChild(button);
}
function renderCostingControlCenter(){
  const editing=adminRuleEditingId?calculationRules.find(rule=>rule.id===adminRuleEditingId):null;
  const editor=calculationStudioPanelState.form?(pendingConditionKey||costingControlSection==='conditions'?conditionRuleFormMarkup(editing):costingControlSection==='transactions'?transactionRuleFormMarkup(editing):calculationRuleFormMarkup(editing)):'';
  document.getElementById('content').innerHTML=`<div class="unified-calculation-shell"><div class="unified-calculation-head"><div><span class="control-eyebrow">PROTECTED CALCULATION ADMIN</span><h2>Calculation Control Center</h2><p>Choose filters once. Review formulas, Delhi split, conditions and Account / SOC rules in one place.</p></div><button class="control-button" onclick="adminPage()">Back to Admin</button></div>${editor}${calculationRuleLookupMarkup()}<div id="calcUnifiedCalculationSections"></div><div class="unified-calculation-footer"><button class="control-link" onclick="resetCalculationRules()">Reset all custom rules</button><button class="control-link" onclick="adminPage()">Back to Admin</button></div></div>`;
  renderCalculationRuleLookup();
  renderUnifiedCalculationSections();
  setupTransactionRuleQuickView();
  if(document.getElementById('transactionSplitRows')){renderTransactionSplitRows();toggleTransactionRuleFields();}
}
function setCostingControlSection(section){
  costingControlSection=['transactions','conditions','formulas','audit'].includes(section)?section:'transactions';
  adminRuleEditingId='';pendingConditionKey='';calculationStudioPanelState.form=false;
  if(costingControlSection==='formulas')adminCalculationSection='costing';
  renderCalculationRulesAdmin();
}
function renderCalculationRulesAdmin(){
  renderCostingControlCenter();
  const action=document.getElementById('calcRuleKpiAction');
  if(action&&!action.querySelector('option[value="formula"]'))action.insertAdjacentHTML('beforeend','<option value="formula">Replace existing KPI formula</option>');
  const editing=adminRuleEditingId?calculationRules.find(rule=>rule.id===adminRuleEditingId):null;
  if(action&&editing?.type==='kpi')action.value=editing.kpiAction||'hide';
}
function readCalculationRuleForm(){
  const type=document.getElementById('calcRuleType')?.value||'rate';
  const formula=document.getElementById('calcRuleFormula')?.value.trim()||'';
  const value=document.getElementById('calcRuleValue')?.value.trim()||'';
  const field=id=>document.getElementById(id)?.value.trim()||'';
  const numberField=id=>field(id)===''?'':Number(field(id));
  const adjustmentAction=field('calcAdjustmentAction')||'add';
  const adjustmentAmount=numberField('calcAdjustmentAmount');
  return {id:field('calcRuleId'),name:field('calcRuleName'),type,priority:Number(document.getElementById('calcRulePriority')?.value||100),module:field('calcRuleModule')||'shared',month:field('calcRuleMonth'),company:field('calcRuleCompany'),head:field('calcRuleHead'),supervisor:field('calcRuleSupervisor'),portfolio:field('calcRulePortfolio'),state:field('calcRuleState'),location:field('calcRuleLocation'),segment:field('calcRuleSegment'),condition:field('calcRuleCondition')||'always',value:type==='adjustment'?`${adjustmentAction}${adjustmentAmount===''?' matched row amount':' '+adjustmentAmount}`:type==='condition'?`${field('calcConditionAction')||'disable'} ${field('calcConditionKey')}`:value,formula:type==='closing'||type==='kpi'?formula:value,rateTarget:field('calcRuleRateTarget')||'all',page:field('calcRuleKpiPage')||'all',kpiAction:field('calcRuleKpiAction')||'hide',kpi:field('calcRuleKpiLabel'),kpiMeta:field('calcRuleKpiMeta'),conditionKey:field('calcConditionKey')||'delhi_shared_allocation',conditionAction:field('calcConditionAction')||'disable',adjustmentAction,adjustmentColumn:field('calcAdjustmentColumn')||'debit',adjustmentAmount,adjustmentAmountMin:numberField('calcAdjustmentAmountMin'),adjustmentAmountMax:numberField('calcAdjustmentAmountMax'),adjustmentName:field('calcAdjustmentName'),adjustmentRemark:field('calcAdjustmentRemark'),adjustmentType:field('calcAdjustmentType'),adjustmentDescription:field('calcAdjustmentDescription'),adjustmentReference:field('calcAdjustmentReference'),adjustmentBank:field('calcAdjustmentBank'),adjustmentAccountId:field('calcAdjustmentAccountId'),adjustmentLocation:field('calcAdjustmentLocation'),splitShares:field('calcSplitShares'),targetCompany:field('calcTargetCompany'),targetHead:field('calcTargetHead'),targetSupervisor:field('calcTargetSupervisor'),targetMonth:field('calcTargetMonth'),targetPortfolio:field('calcTargetPortfolio'),active:!!document.getElementById('calcRuleActive')?.checked,notes:field('calcRuleNotes'),updatedAt:new Date().toISOString()};
}
function saveCalculationRule(applyNow=false){
  if(document.getElementById('transactionSplitRows'))syncTransactionSplitShares();
  const rule=readCalculationRuleForm();
  const status=document.getElementById('calcRuleStatus');
  if(!rule.name){if(status)status.textContent='Rule name is required.';return;}
  if(rule.type==='rate'&&(!Number.isFinite(Number(rule.value))||Number(rule.value)<0)){if(status)status.textContent='Enter a valid costing rate.';return;}
  if(rule.type==='closing'&&calculationFormulaValue(rule.formula,{previous:1,final:1,displayedNetDebit:1,baseNetDebit:1,returnAmount:1})===null){if(status)status.textContent='Use only the allowed formula tokens and arithmetic operators.';return;}
  if(rule.type==='kpi'&&!rule.kpi){if(status)status.textContent='Enter the KPI label to hide, show or add.';return;}
   if(rule.type==='kpi'&&(rule.kpiAction==='add'||rule.kpiAction==='formula'||rule.kpiAction==='replace')&&calculationFormulaValue(rule.formula,{previous:1,final:1,displayedNetDebit:1,baseNetDebit:1,returnAmount:1,bill:1,igst:1,tds:1,netBilling:1,received:1,outstanding:1,creditNote:1,supervisorTds:1,closing:1})===null){if(status)status.textContent='Use only allowed KPI tokens and arithmetic operators.';return;}
  if(rule.type==='adjustment'&&rule.adjustmentAction!=='split'&&(!Number.isFinite(Number(rule.adjustmentAmount))||Number(rule.adjustmentAmount)<=0)){if(status)status.textContent='Enter a positive fixed amount for Add or Subtract.';return;}
  if(rule.type==='adjustment'&&rule.adjustmentAction==='split'&&!accountAdjustmentShares(rule,{}).length){if(status)status.textContent='Enter split shares such as Supervisor:50, Other Supervisor:50.';return;}
  if(rule.type==='condition'&&!BUILTIN_CONDITION_OPTIONS.some(item=>item[0]===rule.conditionKey)){if(status)status.textContent='Select a built-in condition to control.';return;}
  if(!rule.id)rule.id='rule_'+Date.now().toString(36)+'_'+Math.random().toString(36).slice(2,7);
  const index=calculationRules.findIndex(item=>item.id===rule.id);
  if(index>=0)calculationRules[index]=rule;else calculationRules.push(rule);
  persistCalculationRules();
  adminRuleEditingId='';
  calculationStudioPanelState.form=false;
  if(applyNow){applyCalculationChanges();return;}
  renderCalculationRulesAdmin();
}
function editCalculationRule(id){
  adminRuleEditingId=decodeURIComponent(id);
  const rule=calculationRules.find(item=>item.id===adminRuleEditingId);
  if(rule)adminCalculationSection=calculationRuleModule(rule);
  costingControlSection=rule?.type==='adjustment'?'transactions':(rule?.type==='condition'?'conditions':'formulas');
  pendingConditionKey='';
  calculationStudioPanelState.form=true;
  openAdmin('rules');
}
function cancelCalculationRuleEdit(){adminRuleEditingId='';pendingConditionKey='';calculationStudioPanelState.form=false;transactionSplitFormKey='';renderCalculationRulesAdmin();}
function deleteCalculationRule(id){
  const key=decodeURIComponent(id);
  if(!confirm('Delete this calculation rule?'))return;
  calculationRules=calculationRules.filter(rule=>rule.id!==key);
  persistCalculationRules();
  applyCalculationChanges();
}
function resetCalculationRules(){
  if(!confirm('Reset all calculation overrides and return to default formulas?'))return;
  calculationRules=[];
  persistCalculationRules();
  adminRuleEditingId='';
  applyCalculationChanges();
}
function applyCalculationChanges(){
  adminRuleEditingId='';
  if(lastDashboardPage==='costing'){
    active('n3');
    costingPage();
  }else{
    active('n1');
    overview();
  }
}
function previewCalculationRules(){
  const previewPage=document.getElementById('calcPreviewPage')?.value||'';
  const context={head:document.getElementById('calcPreviewHead')?.value||'',supervisor:document.getElementById('calcPreviewSupervisor')?.value||'',month:document.getElementById('calcPreviewMonth')?.value||'',portfolio:document.getElementById('calcPreviewPortfolio')?.value||'',page:previewPage==='all'?'':previewPage};
  const matches=calculationRules.filter(rule=>calculationRuleMatches(rule,context));
  const el=document.getElementById('calcRulePreview');
  if(!el)return;
  el.innerHTML=matches.length?`<strong>${matches.length} matching rule(s)</strong><br>${matches.sort((a,b)=>Number(b.priority||0)-Number(a.priority||0)).map(rule=>`${htmlEscape(calculationRuleTypeLabel(rule.type))}: <code>${htmlEscape(rule.type==='closing'?rule.formula:rule.value||'—')}</code> • Priority ${Number(rule.priority||0)}`).join('<br>')}`:'No matching override. Default dashboard formulas will apply.';
}

async function adminPage(){
 if(!(await ensureAdminAccess())) return;
 head('Admin','Group › Admin');
 document.getElementById('content').innerHTML=`
 <div class="lock-banner">
   <div>
     <h3>Dashboard Control Center</h3>
     <p>This dashboard layout is locked to keep the design, formulas and navigation safe. Data source switching, filters, viewing and reporting remain active.</p>
   </div>
   <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap"><span class="lock-badge">Protected Admin</span><button class="btn" onclick="lockAdmin()">Lock Admin</button></div>
 </div>
 <div class="admin-cards">
   <div class="admin-card" onclick="openAdmin('imports')">
     <div class="admin-kicker">Operational Imports</div>
     <h3>Data Import & Management</h3>
     <p>Upload Billing, Credit Note Excel and bank statements from one protected Admin area.</p>
   </div>
   <div class="admin-card" onclick="openAdmin('upload')">
     <div class="admin-kicker">Data Source</div>
     <h3>Data Sources & Connect</h3>
      <p>Google Sheets is the primary source. Apps Script checks for changes every five minutes without changing the dashboard layout.</p>
   </div>
    <div class="admin-card" onclick="openAdmin('masters')">
      <div class="admin-kicker">Master Setup</div>
      <h3>Review Masters</h3>
      <p>Review Company_Master, Monthly_Assignment, costing rules and account mapping in one place.</p>
    </div>
     <div class="admin-card" onclick="openAdmin('rules')">
       <div class="admin-kicker">Calculation Studio</div>
        <h3>Costing Control Center</h3>
        <p>Manage transaction allocation, existing conditions and advanced formulas in one clear workspace.</p>
     </div>
    <div class="admin-card" onclick="openAdmin('users')">
     <div class="admin-kicker">Access</div>
     <h3>Users & Permissions</h3>
     <p>Keep access controlled and professional. Use this area to review viewing access and operational roles.</p>
   </div>
 </div>`;
}
async function openAdmin(type){
 if(!(await ensureAdminAccess())) return;
 if(type==='imports'){
   head('Data Import & Management','<span class="link" onclick="adminPage()">Admin</span> › Data Import & Management');
   document.getElementById('content').innerHTML=`
   <div class="admin-import-management-shell">
     <div class="admin-import-management-head">
       <div>
         <div class="admin-kicker">Protected Operational Imports</div>
         <h3>Data Import & Management</h3>
         <p>Billing, Credit Note and bank statement uploads are kept here so operational pages stay clean and viewing-focused.</p>
       </div>
       <span class="lock-badge">Admin Only</span>
     </div>
     ${billingUploadPanel()}
     ${creditNoteUploadPanel()}
     ${bankStatementImportPanel()}
   </div>`;
  } else if(type==='rules'){
     head('Costing Control Center','<span class="link" onclick="adminPage()">Admin</span> › Costing Control Center');
    renderCalculationRulesAdmin();
  } else if(type==='upload'){
   head('Data Sources','<span class="link" onclick="adminPage()">Admin</span> › Data Sources');
   document.getElementById('content').innerHTML=`
   <div class="source-shell clean-source-shell">

     <div class="source-grid">
       <div class="source-card">
         <div class="source-card-head">
           <div>
             <h3>Excel Workbook <span class="meta">(Optional Backup)</span></h3>
           </div>
           <span class="source-type">.XLSX / .XLS</span>
         </div>

         <div class="source-field">
            <label for="dataFile">Select workbook</label>
            <input type="file" id="dataFile" aria-label="Select workbook" accept=".xlsx,.xls" onchange="showSelectedFile()">
           <div class="meta" id="fileInfo">No workbook selected</div>
         </div>

         <div class="source-actions">
           <button class="action-btn primary" onclick="validateUpload()">Validate & Use Excel</button>
         </div>
       </div>

       <div class="source-card">
         <div class="source-card-head">
           <div>
             <h3>Google Sheets</h3>
           </div>
           <span class="source-type">SHEET LINK</span>
         </div>

         <div class="source-field">
            <label for="googleSheetUrl">Google Sheets URL</label>
            <input type="url" id="googleSheetUrl" aria-label="Google Sheets URL" placeholder="Paste Google Sheet link">
         </div>

         <div class="source-field">
            <label for="appsScriptWebAppUrl">Apps Script Web App URL</label>
            <input type="url" id="appsScriptWebAppUrl" aria-label="Apps Script Web App URL" placeholder="https://script.google.com/macros/s/.../exec">
            <div class="meta">Used for five-minute automatic sync, manual Update Now, and dashboard writes. The Sheet itself does not need to be public when Apps Script live API works.</div>
         </div>

         <div class="source-actions">
            <button class="action-btn primary" onclick="connectGoogleSheet()">Connect & Load</button>
            <button class="action-btn soft-btn" onclick="refreshGoogleSheet()">Refresh</button>
            <button class="action-btn primary" onclick="manualGoogleUpdateNow()">Update Now</button>
            <button class="action-btn soft-btn" onclick="clearGoogleSheet()">Clear</button>
         </div>
       </div>
     </div>

     <div class="source-footer-row clean-source-footer">
       <div id="sourceStatus" class="source-status-pro">
         <span class="label">Active Source</span>
         <div class="value">None selected</div>
       </div>

       <div class="source-status-pro">
         <span class="label">Live Sync</span>
         <div class="value" id="cleanLiveSyncStatus">OFF</div>
       </div>
     </div>

     <div class="source-actions compact-source-actions">
       <button class="action-btn soft-btn" onclick="clearImportedDashboardData()">Reset to Excel Data</button>
     </div>

     <div id="uploadResult"></div>
   </div>`;
   setTimeout(()=>{restoreDataSourceUI();refreshCleanLiveSyncStatus();},0);
 } else if(type==='masters'){
   head('Masters','<span class="link" onclick="adminPage()">Admin</span> › Masters');
   document.getElementById('content').innerHTML=`
   <div class="tabs">
     <button class="tab active" onclick="renderMaster('company',this)">Companies</button>
     <button class="tab" onclick="renderMaster('assignment',this)">Assignment History</button>
     <button class="tab" onclick="renderMaster('costing',this)">Costing Master</button>
   </div><div id="masterArea"></div>`;
   renderMaster('company',document.querySelector('.tab.active'));
 } else {
   head('Users & Permissions','<span class="link" onclick="adminPage()">Admin</span> › Users & Permissions');
   renderUsers();
 }
}

function setDataSourceStatus(type,detail){
 localStorage.setItem('dashboardDataSourceType',type);
 localStorage.setItem('dashboardDataSourceDetail',detail||'');
 const el=document.getElementById('sourceStatus');
 let friendly=type||'None';
 if(/google/i.test(friendly))friendly='Google Sheets';
 else if(/excel/i.test(friendly))friendly='Excel Workbook';
  if(el)el.innerHTML=`<span class="label">Active Source</span><div class="value">${htmlEscape(friendly)}</div>`;
 refreshCleanLiveSyncStatus();
}
function restoreDataSourceUI(){
 const type=localStorage.getItem('dashboardDataSourceType')||(importedWorkbookName?'Current Excel':'None');
 const detail=localStorage.getItem('dashboardDataSourceDetail')||(importedWorkbookName||'');
 const g=localStorage.getItem('googleSheetUrl')||'';
 const input=document.getElementById('googleSheetUrl');
 if(input&&g)input.value=g;
 const scriptInput=document.getElementById('appsScriptWebAppUrl');
 const scriptUrl=localStorage.getItem('accountAppsScriptUrl')||DEFAULT_ACCOUNT_WEBAPP_URL||'';
 if(scriptInput&&scriptUrl)scriptInput.value=scriptUrl;

 let friendly=type||'None';
 if(/google/i.test(friendly))friendly='Google Sheets';
 else if(/excel/i.test(friendly))friendly='Excel Workbook';

 const el=document.getElementById('sourceStatus');
  if(el)el.innerHTML=`<span class="label">Active Source</span><div class="value">${htmlEscape(friendly)}</div>`;

 refreshCleanLiveSyncStatus();
}

function refreshCleanLiveSyncStatus(){
 const el=document.getElementById('cleanLiveSyncStatus');
 if(!el)return;
 const hasGoogle=!!(localStorage.getItem('googleSheetUrl')||'');
 if(!hasGoogle){ el.innerHTML=`<span style="color:#667085;font-weight:800">OFF</span>`; return; }
  const mode=firebaseLiveReady
    ? `<span style="color:#067647">Instant (Firebase)</span>`
    : `<span style="color:#067647">Polling (5 min)</span>`;
 el.innerHTML=`<span style="color:#067647;font-weight:800">ON</span><span class="meta" style="margin-left:8px">${mode}</span>`;
}
function parseSheetIdFromUrl(url){
 const m=String(url||'').match(/\/spreadsheets\/d\/([A-Za-z0-9_-]+)/i);
 return m?m[1]:'';
}
function isPublishedGoogleUrl(url){
 return /\/spreadsheets\/d\/e\/|pubhtml|output=csv/i.test(String(url||''));
}
function gvizLoadSheet(sheetId,sheetName){
 return new Promise((resolve,reject)=>{
   const cb='__gviz_'+Date.now()+'_'+Math.random().toString(36).slice(2);
   const timer=setTimeout(()=>{ cleanup(); reject(new Error('Timed out reading '+sheetName)); },20000);
   function cleanup(){ clearTimeout(timer); try{delete window[cb]}catch(e){} const s=document.getElementById(cb); if(s)s.remove(); }
   window[cb]=resp=>{
     try{
       if(!resp||resp.status==='error'||!resp.table){
         const msg=resp&&resp.errors&&resp.errors[0]&&resp.errors[0].detailed_message;
         throw new Error(msg||('No readable data returned from '+sheetName));
       }
       const cols=(resp.table.cols||[]).map(c=>c.label||c.id||'');
       const rows=(resp.table.rows||[]).map(r=>(r.c||[]).map(c=>c&&c.v!=null?c.v:''));
       cleanup(); resolve([cols,...rows]);
     }catch(err){ cleanup(); reject(err); }
   };
   const script=document.createElement('script');
   script.id=cb; script.async=true;
   script.onerror=()=>{cleanup();reject(new Error('Google blocked access to '+sheetName));};
   const params='tqx='+encodeURIComponent('out:json;responseHandler:'+cb)+'&sheet='+encodeURIComponent(sheetName)+'&headers=1';
   script.src=`https://docs.google.com/spreadsheets/d/${sheetId}/gviz/tq?${params}&_ts=${Date.now()}&_rnd=${Math.random()}`;
   document.head.appendChild(script);
 });
}
function publishedCsvLoad(baseUrl,sheetName){
 return new Promise((resolve,reject)=>{
   // Published-to-web CSV supports one tab at a time via sheet= name.
   let url=String(baseUrl||'').trim();
   if(!url)return reject(new Error('Published URL is blank'));
   try{
     const u=new URL(url);
     // Convert pubhtml/pub links to CSV output and request tab by name.
     if(u.pathname.includes('/pubhtml'))u.pathname=u.pathname.replace('/pubhtml','/pub');
     u.searchParams.set('output','csv');
     u.searchParams.set('sheet',sheetName);
     fetch(u.toString(),{cache:'no-store'}).then(r=>{
       if(!r.ok)throw new Error('Published Sheet returned HTTP '+r.status);
       return r.text();
     }).then(txt=>{
       const wb=XLSX.read(txt,{type:'string',raw:false});
       const first=wb.Sheets[wb.SheetNames[0]];
       resolve(XLSX.utils.sheet_to_json(first,{header:1,defval:'',raw:false}));
     }).catch(reject);
   }catch(e){reject(e)}
 });
}

let googleAutoSyncTimer=null;
let googleAutoSyncBusy=false;
let googleVersionCheckBusy=false;
let googleSyncPending=false;
let googleLiveVersion='';
let googleLastSignature='';
let googleLastFullSyncAt=0;
 // Google Sheet sync is intentionally limited to a five-minute poll.
const GOOGLE_AUTO_SYNC_MS=300000;          // five-minute live-version check
const GOOGLE_POLL_WHEN_FIREBASE_MS=300000; // kept for compatibility; Firebase is not started
const FIREBASE_CONFIG={
  apiKey:"AIzaSyDcdiyFZmNRrL-XSKANfeJ0iXpRM6tV3KE",
  authDomain:"dreams-debt-services.firebaseapp.com",
  databaseURL:"https://dreams-debt-services-default-rtdb.firebaseio.com",
  projectId:"dreams-debt-services",
  storageBucket:"dreams-debt-services.firebasestorage.app",
  messagingSenderId:"943349154166",
  appId:"1:943349154166:web:3ddd15bf4d60a35682ba57"
};
let firebaseLiveReady=false;
let firebaseLiveUnsub=null;
let firebaseDbRef=null;

function currentNavId(){
 const a=document.querySelector('.nav-btn.active');
 return a?a.id:'n1';
}
function captureOverviewFilters(){
  const ids=['overviewCompany','overviewHead','overviewPortfolio','overviewSupervisor','overviewState','overviewLocation','overviewMonth','overviewSegment'];
 const o={}; ids.forEach(id=>{const e=document.getElementById(id); if(e)o[id]=e.value;}); return o;
}
function restoreOverviewFilters(o){
 if(!o)return;
 Object.entries(o).forEach(([id,v])=>{const e=document.getElementById(id); if(e && [...e.options].some(x=>x.value===v))e.value=v;});
}
function renderCurrentViewAfterSync(nav,filters){
 try{
   if(nav==='n1'){overview();restoreOverviewFilters(filters); if(typeof applyOverviewFilters==='function')applyOverviewFilters();}
   else if(nav==='n2')companiesPage();
   else if(nav==='n3')refreshFinanceLive();
   else if(nav==='n4'){
     // Keep an open Credit Note Report open during live refresh instead of jumping back to Reports home.
     if(document.getElementById('creditNoteReportArea') && typeof creditNoteReportPage==='function') creditNoteReportPage();
     else reportsPage();
   }
   else if(nav==='n5'){
     if(sessionStorage.getItem('adminUnlocked')==='1'){
        // Admin forms and user permissions are local, stateful controls. Do not
        // rerender them during a live data sync or discard the current sub-page.
        return;
     } else { active('n1'); overview(); }
   }
   else if(nav==='n6')accountsPage();
   else if(nav==='n7')costingPage();
 }catch(e){console.warn('Auto-sync render:',e)}
}
function billingLiveSignature(){
 try{
   return JSON.stringify(bills.map(x=>[
     x.sno,x.inv,x.date,x.month,x.c,x.p,x.state,x.city,
     x.amount,x.tds,x.net,x.received,x.paymentReceivedDate,x.status
   ]));
 }catch(e){return ''}
}

function workbookSignature(){
 try{
   return JSON.stringify({
     // Master changes must refresh the active dashboard immediately too.
     cm:companies.map(x=>[x.id,x.code,x.name]),
     pm:portfolioMasterRows.map(x=>[x.companyCode,x.company,x.portfolio]),
     b:bills.map(x=>[
       x.sno,x.inv,x.date,x.month,x.c,x.p,x.state,x.city,
       x.amount,x.tds,x.net,x.received,x.paymentReceivedDate,x.status
     ]),
     l:locationMasterRows.map(x=>[x.locationCode,x.company,x.companyCode,x.portfolio,x.state,x.city]),
     sm:supervisorMasterRows.map(x=>[x.supervisor,x.active]),
     ma:monthlyAssignmentRows.map(x=>[x.assignmentId,x.month,x.company,x.supervisor,x.portfolio,x.state,x.city,x.active]),
       c:costingMasterRows.map(x=>[x.company,x.portfolio,x.supervisor,x.month,x.rate]),
       tds:(supervisorTdsRows||[]).map(x=>[x.sno,x.head,x.supervisor,x.amount,monthKey(x.month)]),
       ra:(returnAmountRows||[]).map(x=>[x.date,x.name,x.portfolio,x.location,x.amount,x.head,x.supervisor,monthKey(x.month),x.customerName]),
       am:(accountMaster||[]).map(x=>[x.accountId,x.company,x.bank,x.accountNo,x.sheetName,x.active]),
     ih:(accountImportHistoryRows||[]).map(x=>[x.importId,x.accountId,x.company,x.bank,x.sheetName,x.fileName,x.importDate,x.totalRows,x.newRows,x.duplicateRows,x.status]),
     cn:(creditNoteRows||[]).map(x=>[x.sno,x.company,x.supervisor,x.state,x.amount,monthKey(x.month),x.bank]),
     a:accountStatementRows.map(x=>[
       x.accountId,x.company,x.bank,x.date,x.description,x.reference,
       x.debit,x.credit,x.balance,x.name,x.location,x.portfolio,
       x.remark,x.socMonth,x.type,x.supervisor
     ])
   });
 }catch(e){return String(Date.now())}
}
function updateAutoSyncStatus(msg,isErr=false){
  refreshCleanLiveSyncStatus();
  const sync=document.getElementById('dashboardSyncStatus');
  if(sync){sync.textContent=String(msg||'');sync.classList.toggle('error',!!isErr);}
  const el=document.getElementById('sourceStatus');
  if(el){
    const base=el.innerHTML.replace(/<br><span class="meta autosync-status"[^>]*>.*?<\/span>/s,'');
    el.innerHTML=base+`<br><span class="meta autosync-status" style="color:${isErr?'#b42318':'#067647'}">${htmlEscape(msg)}</span>`;
  }
}
function stopGoogleAutoSync(){
 if(googleAutoSyncTimer){clearInterval(googleAutoSyncTimer);googleAutoSyncTimer=null;}
 if(typeof firebaseLiveUnsub==='function'){try{firebaseLiveUnsub();}catch(_e){} firebaseLiveUnsub=null;}
 firebaseLiveReady=false;
 googleAutoSyncBusy=false;
 googleVersionCheckBusy=false;
 googleSyncPending=false;
}
async function handleLiveVersionToken(v,source){
 if(!v)return;
 if(!googleLiveVersion){
   googleLiveVersion=v;
   if(!googleLastFullSyncAt)googleLastFullSyncAt=Date.now();
    updateAutoSyncStatus(source==='firebase'?'Live Sync ON • instant (Firebase)':'Auto Sync ON • every 5 minutes');
   return;
 }
 if(v!==googleLiveVersion){
   googleLiveVersion=v;
   if(googleAutoSyncBusy) googleSyncPending=true;
   else await silentGoogleSheetSync();
    updateAutoSyncStatus(source==='firebase'?'Live Sync ON • instant (Firebase)':'Auto Sync ON • every 5 minutes');
  }
}
async function fetchGoogleLiveVersion(){
 const baseUrl=getAccountAppsScriptUrl();
 if(!baseUrl)throw new Error('Apps Script Web App URL missing.');
 const sep=baseUrl.includes('?')?'&':'?';
 const url=`${baseUrl}${sep}action=liveVersion&_ts=${Date.now()}&_rnd=${Math.random()}`;
 const res=await fetch(url,{method:'GET',cache:'no-store',redirect:'follow'});
 if(!res.ok)throw new Error('Live version HTTP '+res.status);
 const data=await res.json();
 if(!data||!data.ok||!data.version)throw new Error((data&&data.error)||'Live version unavailable');
 return String(data.version);
}
async function pollGoogleLiveVersion(){
 if(googleVersionCheckBusy)return;
 const url=localStorage.getItem('googleSheetUrl')||'';
 if(!url)return;
 if(document.visibilityState==='hidden')return;
 googleVersionCheckBusy=true;
 try{
   const v=await fetchGoogleLiveVersion();
   await handleLiveVersionToken(v, firebaseLiveReady?'firebase-safety':'polling');
 }catch(err){
   console.warn('Live version check failed',err);
   updateAutoSyncStatus('Live Sync waiting • '+String(err.message||err),true);
 }finally{
   googleVersionCheckBusy=false;
 }
}
function startFirebaseLiveSync(){
 if(typeof firebase==='undefined'||!firebase.apps)return false;
 try{
   if(!firebase.apps.length) firebase.initializeApp(FIREBASE_CONFIG);
   const db=firebase.database();
   const ref=db.ref('dashboard/liveVersion');
   firebaseDbRef=ref;
   const onVal=(snap)=>{
     const data=snap.val();
     const v=data?(data.v||data.version||''):'';
     if(!v)return;
     firebaseLiveReady=true;
     handleLiveVersionToken(String(v),'firebase');
   };
   const onErr=(err)=>{
     console.warn('Firebase live listener error',err);
     firebaseLiveReady=false;
      updateAutoSyncStatus('Firebase offline • polling fallback (5 min)',true);
     // Ensure polling is running as fallback
     if(!googleAutoSyncTimer){
       googleAutoSyncTimer=setInterval(()=>pollGoogleLiveVersion(),GOOGLE_AUTO_SYNC_MS);
     }
   };
   ref.on('value',onVal,onErr);
   firebaseLiveUnsub=()=>{try{ref.off('value',onVal);}catch(_e){}};
   // Connected state
   db.ref('.info/connected').on('value',(s)=>{
     if(s.val()===true){
       firebaseLiveReady=true;
       updateAutoSyncStatus('Live Sync ON • instant (Firebase)');
       // Slow safety poll only
       if(googleAutoSyncTimer){clearInterval(googleAutoSyncTimer);googleAutoSyncTimer=null;}
       googleAutoSyncTimer=setInterval(()=>pollGoogleLiveVersion(),GOOGLE_POLL_WHEN_FIREBASE_MS);
     }else{
       firebaseLiveReady=false;
        updateAutoSyncStatus('Firebase offline • polling fallback (5 min)',true);
       if(googleAutoSyncTimer){clearInterval(googleAutoSyncTimer);googleAutoSyncTimer=null;}
       googleAutoSyncTimer=setInterval(()=>pollGoogleLiveVersion(),GOOGLE_AUTO_SYNC_MS);
     }
   });
   return true;
 }catch(err){
   console.warn('Firebase init failed',err);
   firebaseLiveReady=false;
   return false;
 }
}
function startGoogleAutoSync(skipInitialSync=false){
 stopGoogleAutoSync();
 const url=localStorage.getItem('googleSheetUrl')||'';
 if(!url)return;
 // Use one controlled five-minute poll. Do not start Firebase listeners or
 // sub-minute fallbacks for the Google Sheet source.
 updateAutoSyncStatus('Auto Sync ON • every 5 minutes');
  const startPolling=()=>{
    pollGoogleLiveVersion();
    googleAutoSyncTimer=setInterval(()=>pollGoogleLiveVersion(),GOOGLE_AUTO_SYNC_MS);
  };
  if(skipInitialSync){
    startPolling();
    return;
  }
  // Load the saved live source immediately instead of waiting for a version change.
  void silentGoogleSheetSync().finally(startPolling);
}
async function loadGoogleWorkbookFromUrl(url){
 const baseRequired=['Company_Master','Monthly_Assignment','Costing_Master','Billing','Accounts_Master','Import_History','Credit_Note'];
 const published=isPublishedGoogleUrl(url);
 const sheetId=parseSheetIdFromUrl(url);
 if(!published&&!sheetId)throw new Error('Invalid Google Sheet link.');

 const loadTab=async(name)=>published?await publishedCsvLoad(url,name):await gvizLoadSheet(sheetId,name);
 const wb=XLSX.utils.book_new();

 // Load all core tabs in parallel instead of one-by-one.
 const baseResults=await Promise.all(baseRequired.map(async sname=>{
   try{
     const aoa=await loadTab(sname);
     return [sname,aoa];
   }catch(err){
     // Import_History may be absent on very old sheets.
     if(sname==='Import_History')return [sname,[['Import ID']]];
     if(sname==='Credit_Note')return [sname,[['S. No.','Supervisor','State','Amount','Month','Bank','Company Name']]];
     throw err;
   }
 }));

 const loaded={};
  baseResults.forEach(([sname,aoa])=>{
   if(!aoa||!aoa.length){
     if(sname==='Import_History')aoa=[['Import ID']];
     else if(sname==='Credit_Note')aoa=[['S. No.','Supervisor','State','Amount','Month','Bank','Company Name']];
     else throw new Error('No data returned from '+sname);
   }
   loaded[sname]=aoa;
    XLSX.utils.book_append_sheet(wb,XLSX.utils.aoa_to_sheet(aoa),sname);
  });

  // Supervisor TDS is optional for older sheets, but must also load when
  // the dashboard falls back to direct Google Sheet reading.
  let supervisorTdsAoa=null;
  try{ supervisorTdsAoa=await loadTab('Supervisor TDS'); }
  catch(_){ try{ supervisorTdsAoa=await loadTab('Supervisor_TDS'); }catch(__){} }
   if(Array.isArray(supervisorTdsAoa)&&supervisorTdsAoa.length){
     loaded['Supervisor TDS']=supervisorTdsAoa;
     XLSX.utils.book_append_sheet(wb,XLSX.utils.aoa_to_sheet(supervisorTdsAoa),'Supervisor TDS');
   }

   // Returne amount is optional so older sheets remain readable.
   let returnAmountAoa=null;
   for(const name of ['Returne amount','Return amount','Return Amount']){
      let candidate=null;
      try{ candidate=await loadTab(name); }catch(_){ candidate=null; }
      if(hasReturnAmountHeaders(candidate)){ returnAmountAoa=candidate; break; }
   }
    if(Array.isArray(returnAmountAoa)&&returnAmountAoa.length){
      loaded['Returne amount']=returnAmountAoa;
      XLSX.utils.book_append_sheet(wb,XLSX.utils.aoa_to_sheet(returnAmountAoa),'Returne amount');
    }

    // Seema Sharma salary is read-only and optional. Keep it separate from
    // Account_Statement so salary is never inferred from bank remarks.
    let seemaSalaryAoa=null;
    try{ seemaSalaryAoa=await loadTab('Seema Sharma'); }catch(_){ }
    if(Array.isArray(seemaSalaryAoa)&&seemaSalaryAoa.length){
      loaded['Seema Sharma']=seemaSalaryAoa;
      XLSX.utils.book_append_sheet(wb,XLSX.utils.aoa_to_sheet(seemaSalaryAoa),'Seema Sharma');
    }

   // Current Import_History is the source of truth for which imports are active.
 const history=loaded['Import_History']||[['Import ID']];
 const hh=(history[0]||[]).map(x=>String(x||'').trim().toUpperCase());
 const hImportI=hh.indexOf('IMPORT ID');
 const activeImportIds=new Set();
 if(hImportI>=0){
   for(let r=1;r<history.length;r++){
     const id=String((history[r]||[])[hImportI]||'').trim();
     if(id)activeImportIds.add(id);
   }
 }

 const am=loaded['Accounts_Master'];
 const ah=(am[0]||[]).map(x=>String(x||'').trim());
 const ci=(names)=>{for(const n of names){const i=ah.findIndex(h=>h.toUpperCase()===n.toUpperCase());if(i>=0)return i;}return -1;};
 const idI=ci(['Account ID']);
 const compI=ci(['Company']);
 const bankI=ci(['Bank']);
 const sheetI=ci(['Sheet Name']);
 const activeI=ci(['Active']);

 const exactHeaders=[
   'DATE','DESCRIPTION','REFERANCE NO','DEBIT','CREDIT','BALANCE','NAME','LOCATION',
   'PORTFOLIO','REMARK','SOC MONTH','ADVANCE / SALARY/ OFFICE/ INCENTIVE','SUPERVISOR','IMPORT ID',
   'Account ID','Company','Bank'
 ];
 const combined=[exactHeaders];

 const accountDefs=[];
 for(let r=1;r<am.length;r++){
   const row=am[r]||[];
   const active=String(activeI>=0?row[activeI]:'Yes').trim().toLowerCase();
   if(active==='no')continue;
   const sname=String(sheetI>=0?row[sheetI]:'').trim();
   if(!sname)continue;
   accountDefs.push({row,sname});
 }

 // Load all account/bank tabs in parallel.
 const accountResults=await Promise.all(accountDefs.map(async def=>{
   try{
     return {...def,aoa:await loadTab(def.sname)};
   }catch(e){
     console.warn('Account tab not readable:',def.sname,e);
     return {...def,aoa:[]};
   }
 }));

 accountResults.forEach(({row,sname,aoa})=>{
   if(!aoa||aoa.length<1)return;

   const find=(aliases)=>bankColIndex(aoa[0]||[],aliases);
   const pos=[
     find(['DATE','Transaction Date','Txn Date','Date']),
     find(['DESCRIPTION','Description','Narration','Particulars','Transaction Remarks']),
     find(['REFERANCE NO','REFERENCE NO','Reference No','Ref No','UTR No']),
     find(['DEBIT','Debit','Withdrawal','Withdrawal Amt','Debit Amount']),
     find(['CREDIT','Credit','Deposit','Deposit Amt','Credit Amount']),
     find(['BALANCE','Balance','Running Balance','Closing Balance']),
     find(['NAME','Name']),
     find(['LOCATION','Location']),
     find(['PORTFOLIO','Portfolio']),
     find(['REMARK','Remark','Remarks']),
     find(['SOC MONTH','SOC Month']),
     find(['ADVANCE / SALARY/ OFFICE/ INCENTIVE','Type','Transaction Type']),
     find(['SUPERVISOR','Supervisor'])
   ];
   const importIdPos=find(['IMPORT ID','Import ID']);

   for(let i=1;i<aoa.length;i++){
     const src=aoa[i]||[];
     if(!src.some(v=>String(v??'').trim()!==''))continue;

     // If Import_History exists, an import removed from history disappears
     // from dashboard immediately even before the Apps Script delete trigger
     // finishes removing physical rows from the bank tab.
     const rowImportId=importIdPos>=0?String(src[importIdPos]??'').trim():'';
     if(activeImportIds.size && rowImportId && !activeImportIds.has(rowImportId))continue;

     const vals=pos.map(p=>p>=0?(src[p]??''):'');
     combined.push([
       ...vals,
       rowImportId,
       idI>=0?(row[idI]??''):'',
       compI>=0?(row[compI]??''):'',
       bankI>=0?(row[bankI]??''):''
     ]);
   }
 });

 XLSX.utils.book_append_sheet(wb,XLSX.utils.aoa_to_sheet(combined),'Account_Statement');
 return {wb,published};
}

async function loadWorkbookFromAppsScriptLive(){
  const baseUrl=getAccountAppsScriptUrl();
  if(!baseUrl)throw new Error('Apps Script Web App URL missing.');

  const sep=baseUrl.includes('?')?'&':'?';
  const url=`${baseUrl}${sep}action=dashboardData&_ts=${Date.now()}&_rnd=${Math.random()}`;

  const res=await fetch(url,{
    method:'GET',
    cache:'no-store',
    redirect:'follow'
  });

  if(!res.ok)throw new Error('Live API HTTP '+res.status);
  const contentType=String(res.headers.get('content-type')||'').toLowerCase();
  if(contentType.includes('text/html')||/accounts\.google\.com/i.test(res.url||'')){
    throw new Error('Apps Script returned a sign-in page instead of JSON. Check Web App access.');
  }

  const data=await res.json();

  if(!data||!data.ok)throw new Error((data&&data.error)||'Live API failed');
  if(!data.sheets)throw new Error('Live API returned no sheets.');

  const configuredGoogleUrl=localStorage.getItem('googleSheetUrl')||DEFAULT_GOOGLE_SHEET_URL;
  const expectedSpreadsheetId=parseSheetIdFromUrl(configuredGoogleUrl)||CURRENT_GOOGLE_SHEET_ID;
  const apiSpreadsheetId=String(data.spreadsheetId||'').trim();

  if(apiSpreadsheetId && expectedSpreadsheetId && apiSpreadsheetId!==expectedSpreadsheetId){
    throw new Error('Apps Script is connected to a different Google Sheet. Expected '+expectedSpreadsheetId+' but API returned '+apiSpreadsheetId+'.');
  }

  // Older Apps Script deployments may omit the Supervisor TDS tab from
  // dashboardData even though the tab exists in the connected spreadsheet.
  // Read that one tab directly so TDS remains available without a backend redeploy.
  const hasSupervisorTds=Object.keys(data.sheets).some(name=>{
    const key=String(name).trim().toLowerCase().replace(/[ _-]/g,'');
    return key==='supervisortds';
  });
  if(!hasSupervisorTds){
    const directSheetId=apiSpreadsheetId||expectedSpreadsheetId;
    if(directSheetId){
      try{
        let rows;
        try{ rows=await gvizLoadSheet(directSheetId,'Supervisor TDS'); }
        catch(_){ rows=await gvizLoadSheet(directSheetId,'Supervisor_TDS'); }
        if(Array.isArray(rows)&&rows.length)data.sheets['Supervisor TDS']=rows;
      }catch(e){ console.warn('Supervisor TDS direct sync',e); }
   }
  }

  // Seema Sharma salary is an optional read-only tab. Some Apps Script
  // deployments omit it from dashboardData, so load it directly when needed.
  const hasSeemaSalary=Object.keys(data.sheets).some(name=>normHeader(name)==='seemasharma');
  if(!hasSeemaSalary){
    const directSheetId=apiSpreadsheetId||expectedSpreadsheetId;
    if(directSheetId){
      try{
        const rows=await gvizLoadSheet(directSheetId,'Seema Sharma');
        if(Array.isArray(rows)&&rows.length)data.sheets['Seema Sharma']=rows;
      }catch(e){ console.warn('Seema Sharma salary direct sync',e); }
    }
  }

  const validReturnRows=Object.values(data.sheets).find(rows=>hasReturnAmountHeaders(rows));
  const hasReturnAmount=!!validReturnRows;
  if(hasReturnAmount){
    data.sheets['Returne amount']=validReturnRows;
  }else{
    const directSheetId=apiSpreadsheetId||expectedSpreadsheetId;
    if(directSheetId){
      for(const name of ['Returne amount','Return amount','Return Amount']){
        try{
          const rows=await gvizLoadSheet(directSheetId,name);
          if(hasReturnAmountHeaders(rows)){data.sheets['Returne amount']=rows;break;}
        }catch(_){ }
      }
    }
  }

  if(!Array.isArray(data.sheets['Credit_Note'])){
    data.sheets['Credit_Note']=[['S. No.','Supervisor','State','Amount','Month','Bank','Company Name']];
  }
  // Seed Previous Balance from March_2026_Closing / Costing_Settlement AOA immediately
  try{ lastLiveSheets=data.sheets; preloadSettlementSeedsFromSheets(data.sheets); }catch(e){ console.warn('seed preload',e); }
  if(!Array.isArray(data.sheets['March_2026_Closing'])){
    data.sheets['March_2026_Closing']=[['Supervisor','Closing Balance']];
  }
  if(!Array.isArray(data.sheets['Costing_Settlement'])){
    data.sheets['Costing_Settlement']=[['Month','Supervisor','Net Billing','Costing %','Costing Amount','Credit Note','Supervisor TDS','Final Costing Amount','Previous Balance','Net Debit','Closing Balance','Updated At']];
  }

  const liveAssignment=data.sheets['Monthly_Assignment'];
  if(!Array.isArray(liveAssignment) || liveAssignment.length<2){
    throw new Error('Live API returned no Monthly_Assignment data.');
  }

  const wb=XLSX.utils.book_new();

  Object.entries(data.sheets).forEach(([name,aoa])=>{
    const rows=Array.isArray(aoa)&&aoa.length?aoa:[[]];
    XLSX.utils.book_append_sheet(
      wb,
      XLSX.utils.aoa_to_sheet(rows),
      name
    );
  });

  // Build synthetic Account_Statement from active bank sheets.
  const am=data.sheets['Accounts_Master']||[];
  const history=data.sheets['Import_History']||[];

  if(am.length){
    const ah=(am[0]||[]).map(v=>String(v||'').trim());
    const ci=names=>{
      for(const n of names){
        const i=ah.findIndex(h=>h.toUpperCase()===n.toUpperCase());
        if(i>=0)return i;
      }
      return -1;
    };

    const idI=ci(['Account ID']);
    const compI=ci(['Company']);
    const bankI=ci(['Bank']);
    const sheetI=ci(['Sheet Name']);
    const activeI=ci(['Active']);

    const hh=(history[0]||[]).map(v=>String(v||'').trim().toUpperCase());
    const hImportI=hh.indexOf('IMPORT ID');
    const activeImportIds=new Set();

    if(hImportI>=0){
      for(let r=1;r<history.length;r++){
        const id=String((history[r]||[])[hImportI]||'').trim();
        if(id)activeImportIds.add(id);
      }
    }

    const headers=[
      'DATE','DESCRIPTION','REFERANCE NO','DEBIT','CREDIT','BALANCE','NAME','LOCATION',
      'PORTFOLIO','REMARK','SOC MONTH','ADVANCE / SALARY/ OFFICE/ INCENTIVE','SUPERVISOR','IMPORT ID',
      'Account ID','Company','Bank'
    ];
    const combined=[headers];
    const existingStatement=data.sheets['Account_Statement']||[];
    if(existingStatement.length>1){
      const eh=(existingStatement[0]||[]).map(v=>String(v||'').trim().toUpperCase());
      const exFind=aliases=>{for(const a of aliases){const i=eh.indexOf(String(a).toUpperCase());if(i>=0)return i;}return -1;};
      const exPos=[
        exFind(['DATE','Transaction Date','Txn Date','Date']),
        exFind(['DESCRIPTION','Narration','Particulars','Transaction Remarks']),
        exFind(['REFERANCE NO','REFERENCE NO','Reference No','Ref No','UTR No']),
        exFind(['DEBIT','Withdrawal','Debit Amount']),
        exFind(['CREDIT','Deposit','Credit Amount']),
        exFind(['BALANCE','Running Balance','Closing Balance']),
        exFind(['NAME']),exFind(['LOCATION']),exFind(['PORTFOLIO']),exFind(['REMARK','Remarks']),
        exFind(['SOC MONTH','SOC Month']),exFind(['ADVANCE / SALARY/ OFFICE/ INCENTIVE','Type','Transaction Type']),
        exFind(['SUPERVISOR']),exFind(['IMPORT ID','Import ID']),exFind(['ACCOUNT ID','Account ID']),
        exFind(['COMPANY','Company Name']),exFind(['BANK','Bank Name'])
      ];
      for(let i=1;i<existingStatement.length;i++){
        const src=existingStatement[i]||[];
        if(!src.some(v=>String(v??'').trim()!==''))continue;
        combined.push(exPos.map(p=>p>=0?(src[p]??''):''));
      }
    }

    for(let r=1;r<am.length;r++){
      const mapRow=am[r]||[];
      const active=String(activeI>=0?mapRow[activeI]:'Yes').trim().toLowerCase();
      if(active==='no')continue;

      const sname=String(sheetI>=0?mapRow[sheetI]:'').trim();
      if(!sname)continue;

      const aoa=data.sheets[sname]||[];
      if(aoa.length<2)continue;

      const bh=(aoa[0]||[]).map(v=>String(v||'').trim().toUpperCase());
      const find=aliases=>{
        for(const a of aliases){
          const i=bh.indexOf(String(a).toUpperCase());
          if(i>=0)return i;
        }
        return -1;
      };

      const pos=[
        find(['DATE','Transaction Date','Txn Date']),
        find(['DESCRIPTION','Narration','Particulars']),
        find(['REFERANCE NO','REFERENCE NO','Reference No','Ref No']),
        find(['DEBIT','Withdrawal','Debit Amount']),
        find(['CREDIT','Deposit','Credit Amount']),
        find(['BALANCE','Running Balance']),
        find(['NAME']),
        find(['LOCATION']),
        find(['PORTFOLIO']),
        find(['REMARK','Remarks']),
        find(['SOC MONTH']),
        find(['ADVANCE / SALARY/ OFFICE/ INCENTIVE','Type','Transaction Type']),
        find(['SUPERVISOR'])
      ];
      const importIdPos=find(['IMPORT ID']);

      for(let i=1;i<aoa.length;i++){
        const src=aoa[i]||[];
        if(!src.some(v=>String(v??'').trim()!==''))continue;

        const importId=importIdPos>=0?String(src[importIdPos]??'').trim():'';
        if(activeImportIds.size && importId && !activeImportIds.has(importId))continue;

        const vals=pos.map(p=>p>=0?(src[p]??''):'');
        // Skip skeleton rows (only IMPORT ID / TRANSACTION ID, no real transaction data)
        const hasTxn=String(vals[0]||'').trim()!=='' || String(vals[1]||'').trim()!=='' ||
          Number(vals[3]||0)!==0 || Number(vals[4]||0)!==0;
        if(!hasTxn)continue;

        combined.push([
          ...vals,
          importId,
          idI>=0?(mapRow[idI]??''):'',
          compI>=0?(mapRow[compI]??''):'',
          bankI>=0?(mapRow[bankI]??''):''
        ]);
      }
    }

    if(wb.Sheets['Account_Statement']){
      const idx=wb.SheetNames.indexOf('Account_Statement');
      if(idx>=0)wb.SheetNames.splice(idx,1);
      delete wb.Sheets['Account_Statement'];
    }
    XLSX.utils.book_append_sheet(wb,XLSX.utils.aoa_to_sheet(combined),'Account_Statement');
  }

  return wb;
}

async function silentGoogleSheetSync(){
  if(googleAutoSyncBusy)return false;
  const url=localStorage.getItem('googleSheetUrl')||'';
  if(!url)return false;

 googleAutoSyncBusy=true;

 try{
   let wb;
   let liveSource='Apps Script Live';

    try{
      wb=await loadWorkbookFromAppsScriptLive();
    }catch(apiErr){
      console.warn('Apps Script live API failed; falling back to Google read',apiErr);
      if(!isPublishedGoogleUrl(url)&&!parseSheetIdFromUrl(url))throw apiErr;
      const fallback=await loadGoogleWorkbookFromUrl(url);
      wb=fallback.wb;
      liveSource='Google Sheets Fallback (API failed)';
   }

   const oldBillingSig=billingLiveSignature();

    buildDashboardFromWorkbook(wb,liveSource);
    cleanupOrphanedAccountImportHistory();
      try{ if(lastLiveSheets) preloadSettlementSeedsFromSheets(lastLiveSheets); loadMarchSeedFromLocal(); }catch(_){}
    googleLastFullSyncAt=Date.now();

   const newBillingSig=billingLiveSignature();
   const billingChanged=oldBillingSig!==newBillingSig;

   const sig=workbookSignature();
   const changed=!googleLastSignature || sig!==googleLastSignature;
   googleLastSignature=sig;

   const navNow=currentNavId();

   if(changed){
     const filtersNow=navNow==='n1'?captureOverviewFilters():null;
     renderCurrentViewAfterSync(navNow,filtersNow);
   }

    updateAutoSyncStatus(
      `Auto Sync ON • ${liveSource} • ${changed?'updated':'checked'} ${new Date().toLocaleTimeString()}`
    );
    return true;

  }catch(err){
   console.warn('Google auto-sync failed',err);
   updateAutoSyncStatus(
      'Auto Sync retrying • '+String(err.message||err),
      true
    );
    return false;
 }finally{
   googleAutoSyncBusy=false;
   if(googleSyncPending){
     googleSyncPending=false;
     setTimeout(()=>silentGoogleSheetSync(),0);
   }
 }
}

async function connectGoogleSheet(){
 const input=document.getElementById('googleSheetUrl');
 const scriptInput=document.getElementById('appsScriptWebAppUrl');
  const url=(input&&input.value||localStorage.getItem('googleSheetUrl')||'').trim();
  const scriptUrl=(scriptInput&&scriptInput.value||localStorage.getItem('accountAppsScriptUrl')||DEFAULT_ACCOUNT_WEBAPP_URL||'').trim();
  const out=document.getElementById('uploadResult');
  const writeOut=html=>{if(out)out.innerHTML=html;};
  if(!url){ hideInitialLiveLoadOverlay(); writeOut('<div class="success-note" style="background:#fff6ed;color:#b54708">Paste the Google Sheet link first.</div>'); return; }
  if(typeof XLSX==='undefined'){ hideInitialLiveLoadOverlay(); writeOut('<div class="success-note" style="background:#fef3f2;color:#b42318">Workbook parser could not load. Internet is required.</div>'); return; }
 if(scriptUrl)localStorage.setItem('accountAppsScriptUrl',scriptUrl);
 localStorage.setItem('googleSheetUrl',url);
 try{
    writeOut('<div class="success-note"><b>Connecting Google Sheets Live...</b><br><span class="meta">Trying Apps Script live API first.</span></div>');
   let wb;
   let sourceLabel='Apps Script Live';
   try{
     wb=await loadWorkbookFromAppsScriptLive();
   }catch(apiErr){
     console.warn('Apps Script initial load failed; trying direct Google read',apiErr);
     const loaded=await loadGoogleWorkbookFromUrl(url);
     wb=loaded.wb;
     sourceLabel=loaded.published?'Google Sheets Published Fallback':'Google Sheets Public Fallback';
    }
    buildDashboardFromWorkbook(wb,sourceLabel);
    cleanupOrphanedAccountImportHistory();
    googleLastFullSyncAt=Date.now();
   googleLastSignature=workbookSignature();
   googleLiveVersion='';
   setDataSourceStatus('Google Sheets Live',url);
    startGoogleAutoSync(true);
     writeOut(`<div class="success-note"><b>Google Sheets connected.</b><br><span class="meta">${sourceLabel} • Automatic check every 5 minutes • full data reload only when a change is detected. Use Admin > Data Sources > Update Now for an immediate refresh.<br>${bills.length} billing rows • ${[...new Set(monthlyAssignmentRows.map(r=>canonicalPortfolio(r.portfolio)).filter(Boolean))].length} portfolios • ${[...new Set(monthlyAssignmentRows.map(r=>canonicalCity(r.city)).filter(Boolean))].length} locations • ${[...new Set(monthlyAssignmentRows.map(r=>canonicalSupervisor(r.supervisor)).filter(Boolean))].length} supervisors • ${monthlyAssignmentRows.length} assignment-history rows • ${costingMasterRows.length} costing rows • ${accountStatementRows.length} statement rows</span></div>${renderImportAudit()}`);
    ['overviewCompany','overviewHead','overviewPortfolio','overviewSupervisor','overviewState','overviewLocation','overviewMonth','overviewSegment'].forEach(id=>{const el=document.getElementById(id);if(el)el.value='';});
    active('n1'); overview();
    hideInitialLiveLoadOverlay();
  }catch(err){
    console.error(err);
    hideInitialLiveLoadOverlay();
     writeOut(`<div class="success-note" style="background:#fef3f2;color:#b42318"><b>Google Sheet could not be loaded.</b><br><span class="meta">${String(err.message||err)}<br><br><b>Recommended:</b> deploy the supplied Apps Script as a Web App and paste its /exec URL above. Direct public-Sheet reading remains only a fallback.</span></div>`);
  }
}
async function refreshGoogleSheet(){
 const url=localStorage.getItem('googleSheetUrl')||'';
 const input=document.getElementById('googleSheetUrl'); if(input&&url)input.value=url;
 const scriptInput=document.getElementById('appsScriptWebAppUrl');
 const scriptUrl=localStorage.getItem('accountAppsScriptUrl')||DEFAULT_ACCOUNT_WEBAPP_URL||'';
 if(scriptInput&&scriptUrl)scriptInput.value=scriptUrl;
 if(!url){const out=document.getElementById('uploadResult');if(out)out.innerHTML='<div class="success-note" style="background:#fff6ed;color:#b54708">No Google Sheet is connected yet.</div>';return;}
 await connectGoogleSheet();
}

async function manualGoogleUpdateNow(){
  const url=localStorage.getItem('googleSheetUrl')||'';
  if(!url){
    alert('Connect a Google Sheet first.');
    return;
  }
  if(googleAutoSyncBusy){
    updateAutoSyncStatus('Update already in progress…',true);
    return;
  }
  updateAutoSyncStatus('Manual Update Now running…');
  try{
    const updated=await silentGoogleSheetSync();
    if(updated)updateAutoSyncStatus('Manual update complete');
  }catch(err){
    updateAutoSyncStatus('Manual update failed • '+String(err.message||err),true);
  }
}
function clearGoogleSheet(){
 stopGoogleAutoSync();
 localStorage.removeItem('googleSheetUrl');
 const input=document.getElementById('googleSheetUrl');
 if(input)input.value='';
 setDataSourceStatus('None','');
 const out=document.getElementById('uploadResult');
 if(out)out.innerHTML='';
}

function showSelectedFile(){
 const f=document.getElementById('dataFile').files[0];
 document.getElementById('fileInfo').textContent=f?`${f.name} • ${(f.size/1024).toFixed(1)} KB`:'No workbook selected';
}

function normHeader(v){
 return String(v??'').trim().toLowerCase().replace(/[^a-z0-9]/g,'');
}
function rowValue(row,aliases){
 const map={};
 Object.keys(row||{}).forEach(k=>map[normHeader(k)]=row[k]);
 for(const a of aliases){
   const key=normHeader(a);
   if(map[key]!==undefined&&map[key]!==null&&map[key]!=='')return map[key];
 }
 return '';
}
function num(v){
 if(typeof v==='number')return isFinite(v)?v:0;
 const n=Number(String(v??'').replace(/,/g,'').replace(/[₹%]/g,'').trim());
 return isFinite(n)?n:0;
}
function pct(v){
 const n=num(v);
 return n>0&&n<=1?n*100:n;
}
function text(v){return String(v??'').trim();}
function makeId(v){
 return text(v).toLowerCase().replace(/[^a-z0-9]+/g,'-').replace(/^-+|-+$/g,'');
}
function formatExcelDate(v){
 if(v instanceof Date && !isNaN(v)){
   const d=String(v.getDate()).padStart(2,'0');
   const m=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'][v.getMonth()];
   return `${d}-${m}-${String(v.getFullYear()).slice(-2)}`;
 }
 return text(v);
}
function formatMonthValue(v){
 return normalizeSocMonth(v);
}
function sheetRows(wb,name){
  if(!wb||!wb.Sheets)return [];
  let ws=wb.Sheets[name];
 if(!ws){
   const found=(wb.SheetNames||[]).find(n=>String(n||'').trim().toLowerCase()===String(name||'').trim().toLowerCase());
   if(found)ws=wb.Sheets[found];
 }
  return ws?XLSX.utils.sheet_to_json(ws,{defval:'',raw:true}):[];
}
function sheetRowsByNormalizedName(wb,name){
  if(!wb||!wb.Sheets)return [];
  const wanted=normHeader(name);
  const found=(wb.SheetNames||[]).find(n=>normHeader(n)===wanted);
  if(!found)return [];
  return sheetRows(wb,found);
}
function parseSeemaSalaryRows(rows){
  return (rows||[]).map((r,i)=>{
    const month=formatMonthValue(rowValue(r,['Month','Billing Month','Salary Month','Month Name','Date']));
    const baseSalary=num(rowValue(r,['Salary','Salary Amount','Net Salary','Total Salary','Basic Salary','Gross Salary','Salary Paid','Amount']));
    const adjustment=num(rowValue(r,['Adjustment','Bonus','Allowance']));
    return {month,salary:baseSalary+adjustment,baseSalary,adjustment,sourceRow:i+2};
  }).filter(r=>r.month&&(r.salary!==0||r.baseSalary!==0||r.adjustment!==0));
}
function isSeemaSupervisor(v){
  return normText(canonicalSupervisor(v))==='SEEMA SHARMA';
}
function accountRowBelongsToSeema(r){
  return isSeemaSupervisor(r?.supervisor) || /\bseema\s+sharma\b/i.test(`${r?.name||''} ${r?.remark||''}`);
}
function isSeemaSalaryAccountRow(r){
  return builtInConditionEnabled('seema_salary_exclusion',true,{row:r,company:r?.sourceCompany,supervisor:r?.supervisor,portfolio:r?.portfolio,month:r?.socMonth,state:r?.state||statementSettlementState(r),location:r?.location||r?.city,segment:r?.segment||r?.businessSegment}) && accountRowBelongsToSeema(r) && /\bsalary\b/i.test(String(r?.remark||''));
}
function isDeadFundAccountRow(r){
   if(!builtInConditionEnabled('dead_fund_deduction',true,{row:r,company:r?.sourceCompany,supervisor:r?.supervisor,portfolio:r?.portfolio,month:r?.socMonth,state:r?.state||statementSettlementState(r),location:r?.location||r?.city,segment:r?.segment||r?.businessSegment}))return false;
   if(Number(r?.debit||0)<=0)return false;
   const linkedAccount=(accountMaster||[]).find(a=>String(a.accountId||'')===String(r?.accountId||''));
   const accountLabel=[linkedAccount?.bank,linkedAccount?.accountNo,linkedAccount?.sheetName,r?.bank].filter(Boolean).join(' ');
   return /\bdead(?:\s+fund)?\b/i.test(`${r?.type||''} ${r?.remark||''} ${accountLabel}`);
}
function isAdvanceDebitRow(r){
  return builtInConditionEnabled('advance_debit_filter',true,{row:r,company:r?.sourceCompany,supervisor:r?.supervisor,portfolio:r?.portfolio,month:r?.socMonth,state:r?.state||statementSettlementState(r),location:r?.location||r?.city,segment:r?.segment||r?.businessSegment}) && Number(r?.debit||0)>0 && /\badvance\b/i.test(String(r?.remark||''));
}
function isOverviewDebitExcluded(r){
  if(!builtInConditionEnabled('overview_transfer_exclusion',true,{row:r,company:r?.sourceCompany,supervisor:r?.supervisor,portfolio:r?.portfolio,month:r?.socMonth,state:r?.state||statementSettlementState(r),location:r?.location||r?.city,segment:r?.segment||r?.businessSegment}))return false;
  const supervisor=normText(r?.supervisor);
  const type=normText(r?.type);
  return supervisor.includes('BOUNCE') || supervisor.includes('SELF TRANSFER') || type.includes('SELF TRANSFER');
}
function overviewDebitTotal(rows){
  return (rows||[]).reduce((sum,r)=>sum+(isOverviewDebitExcluded(r)?0:Number(r.debit||0)),0);
}
function seemaSalaryTotalForMonth(month){
  const mk=monthKey(month);
  if(!mk)return 0;
  return (salaryRows||[]).filter(r=>monthKey(r.month)===mk).reduce((sum,r)=>sum+Number(r.salary||0),0);
}
function seemaSalaryMonths(){
  return [...new Set((salaryRows||[]).map(r=>monthKey(r.month)).filter(Boolean))];
}

function findSheetAoa(sheets,name){
 if(!sheets)return null;
 if(Array.isArray(sheets[name]))return sheets[name];
 const key=Object.keys(sheets).find(k=>String(k||'').trim().toLowerCase()===String(name||'').trim().toLowerCase());
 return key&&Array.isArray(sheets[key])?sheets[key]:null;
}

function aoaHeaderIndex(headerRow,aliases){
 const hdr=(headerRow||[]).map(h=>normHeader(String(h||'')));
 for(const a of aliases){
   const want=normHeader(a);
   const i=hdr.findIndex(h=>h===want||h.includes(want)||want.includes(h));
   if(i>=0)return i;
 }
 return -1;
}

/** Direct AOA parse — does not depend on XLSX round-trip */
function parseMarchClosingAoa(marchAoa){
 if(!marchAoa||marchAoa.length<2)return [];
 const si=aoaHeaderIndex(marchAoa[0],['Supervisor','Supervisor Name','Name']);
 const ci=aoaHeaderIndex(marchAoa[0],['Closing Balance','Closing','Balance','Opening Balance']);
 // If no header match, assume col0=supervisor col1=closing
 const sIdx=si>=0?si:0;
 const cIdx=ci>=0?ci:1;
 const rows=[];
 for(let i=1;i<marchAoa.length;i++){
   const r=marchAoa[i]||[];
   const supervisor=String(r[sIdx]??'').trim();
   const closing=num(r[cIdx]);
   // skip header-like
   if(!supervisor||/^supervisor$/i.test(supervisor))continue;
   if(!isFinite(closing))continue;
   rows.push({supervisor,closing});
 }
 return rows;
}

function preloadSettlementSeedsFromSheets(sheets){
 if(!sheets)return;

 // Find March closing sheet by exact OR fuzzy name
 let marchAoa=findSheetAoa(sheets,'March_2026_Closing');
 if(!marchAoa||marchAoa.length<2){
   const key=Object.keys(sheets||{}).find(n=>{
     const x=String(n||'').toLowerCase().replace(/[^a-z0-9]/g,'');
     return x==='march2026closing'||(x.includes('march')&&x.includes('2026')&&x.includes('clos'));
   });
   if(key) marchAoa=sheets[key];
 }
  if(marchAoa&&marchAoa.length>=1){
    const rows=parseMarchClosingAoa(marchAoa);
    march2026ClosingRows=rows;
    if(rows.length){
      try{ localStorage.setItem('costingMarch2026Seed', JSON.stringify(rows)); }catch(_){}
    }else{
      try{ localStorage.removeItem('costingMarch2026Seed'); }catch(_){}
    }
  }else{
    march2026ClosingRows=[];
    try{ localStorage.removeItem('costingMarch2026Seed'); }catch(_){}
  }

 const setAoa=findSheetAoa(sheets,'Costing_Settlement');
  if(setAoa&&setAoa.length>=1){
   const mi=aoaHeaderIndex(setAoa[0],['Month','Billing Month']);
   const si=aoaHeaderIndex(setAoa[0],['Supervisor','Supervisor Name']);
   const ci=aoaHeaderIndex(setAoa[0],['Closing Balance','Closing']);
   if(mi>=0&&si>=0&&ci>=0){
     const rows=[];
     for(let i=1;i<setAoa.length;i++){
       const r=setAoa[i]||[];
       const month=formatMonthValue(r[mi]);
       const supervisor=String(r[si]??'').trim();
       const closingBalance=num(r[ci]);
       const pi=aoaHeaderIndex(setAoa[0],['Previous Balance','Previous']);
       const previousBalance=pi>=0?num(r[pi]):null;
       if(month&&supervisor)rows.push({month,supervisor,closingBalance,previousBalance});
     }
      costingSettlementRows=rows;
    }
  }else{
    costingSettlementRows=[];
  }
}

function companyCodeAliases(code){
 const c=String(code||'').trim().toUpperCase();
 const set=new Set([c]);
 if(c.endsWith('PL'))set.add(c.slice(0,-2));
 if(c.endsWith('PVT'))set.add(c.slice(0,-3));
 if(c==='DDSPL')set.add('DDS');
 if(c==='ADSPL')set.add('ADS');
 if(c==='DE')set.add('DS');
 if(c==='DS')set.add('DE');
 return [...set].filter(Boolean);
}
function companyLookupMaps(companyRows){
 const code={},name={};
 companyRows.forEach(r=>{
   const c=text(rowValue(r,['Company Code','Code']));
   const n=text(rowValue(r,['Company Name','Company','Name']));
   const id=makeId(n||c);
   if(!id)return;
   companyCodeAliases(c).forEach(a=>code[a]=id);
   if(n)name[n.toUpperCase()]=id;
 });
 return {code,name};
}
function companyIdFromRow(r,maps){
 const rawCode=text(rowValue(r,['Company Code','Code']));
 const rawName=text(rowValue(r,['Company Name','Company','Agency Name']));
 const name=rawName.toUpperCase();
 if(name&&maps.name[name])return maps.name[name];
 for(const a of companyCodeAliases(rawCode)){
   if(maps.code[a])return maps.code[a];
 }
 return '';
}
function buildDashboardFromWorkbook(wb,fileName){
  invalidateCostingAggregateCache();
  importWarnings=[];
 const companyRows=sheetRows(wb,'Company_Master');
 const assignmentRows=sheetRows(wb,'Monthly_Assignment');
 const costingRows=sheetRows(wb,'Costing_Master');
 const billingRows=sheetRows(wb,'Billing');
 const accountsRows=sheetRows(wb,'Accounts_Master');
 const importHistoryRows=sheetRows(wb,'Import_History');
  const creditNoteSheetRows=sheetRows(wb,'Credit_Note');
   const supervisorTdsSheetRows=sheetRows(wb,'Supervisor_TDS').length
     ? sheetRows(wb,'Supervisor_TDS')
     : (sheetRows(wb,'Supervisor TDS').length
       ? sheetRows(wb,'Supervisor TDS')
       : sheetRows(wb,'SupervisorTDS'));
  const returnAmountSheetRows=sheetRows(wb,'Returne amount').length
    ? sheetRows(wb,'Returne amount')
    : (sheetRows(wb,'Return amount').length
      ? sheetRows(wb,'Return amount')
      : sheetRows(wb,'Return Amount'));
  const marchClosingSheetRows=sheetRows(wb,'March_2026_Closing');
  const costingSettlementSheetRows=sheetRows(wb,'Costing_Settlement');
  const statementRows=sheetRows(wb,'Account_Statement');
  const seemaSalarySheetRows=sheetRowsByNormalizedName(wb,'Seema Sharma');
  seemaSalarySheetName=seemaSalarySheetRows.length?'Seema Sharma':'';
  salaryRows=parseSeemaSalaryRows(seemaSalarySheetRows);

 const maps=companyLookupMaps(companyRows);

 companies=companyRows.map(r=>{
   const code=text(rowValue(r,['Company Code','Code']));
   const name=text(rowValue(r,['Company Name','Company','Name']));
   return {id:makeId(name||code),code:code||name,name,states:{},portfolios:[],m:{}};
 }).filter(c=>c.name&&c.id);

 const byId=Object.fromEntries(companies.map(c=>[c.id,c]));

monthlyAssignmentRows=assignmentRows.map((r,i)=>{
   return {
      assignmentId:text(rowValue(r,['Assignment ID','Assignment Code','ID']))||`ASN-${String(i+1).padStart(4,'0')}`,
      month:formatMonthValue(rowValue(r,['Month','Billing Month','Assignment Month'])),
      company:companyIdFromRow(r,maps),
      companyCode:text(rowValue(r,['Company Code','Code'])),
      head:text(rowValue(r,['Head','Business Head','Owner'])),
      supervisor:assignmentSupervisorDisplay(text(rowValue(r,['Supervisor Name','Supervisor']))),
     portfolio:canonicalPortfolio(text(rowValue(r,['Portfolio / Client','Portfolio','Client Name']))),
     state:text(rowValue(r,['State'])),
     city:canonicalCity(text(rowValue(r,['City / Location','City','Location','Branch / Location Name']))),
     active:isActiveMasterValue(rowValue(r,['Active','Status']))
   };
 }).filter(r=>r.month&&r.company&&r.supervisor&&r.portfolio&&(r.state||r.city));

 ensureLogicMasterRows();

 // Company cards/counts are enriched only from Monthly_Assignment coverage.
 monthlyAssignmentRows.filter(r=>r.active!==false).forEach(r=>{
   const c=byId[r.company]; if(!c)return;
   const p=canonicalPortfolio(r.portfolio);
   const state=String(r.state||'').trim();
   const city=canonicalCity(r.city);
   if(p&&!c.portfolios.includes(p))c.portfolios.push(p);
   if(state){
     if(!c.states[state])c.states[state]=[];
     if(city&&!c.states[state].includes(city))c.states[state].push(city);
   }
 });

 // Keep supervisor spelling exactly as written in Costing_Master (Google Sheet).
 // Rate matching still uses canonicalSupervisor() so minor spelling variants still resolve.
  costingMasterRows=costingRows.map(r=>({
    company:companyIdFromRow(r,maps),
    companyName:text(rowValue(r,['Company Name','Company'])),
    portfolio:canonicalPortfolio(text(rowValue(r,['Portfolio / Client','Portfolio','Client Name']))),
    head:text(rowValue(r,['Head','Business Head','Owner'])),
    supervisor:text(rowValue(r,['Supervisor','Supervisor Name'])),
    month:formatMonthValue(rowValue(r,['Month','Billing Month','SOC Month'])),
    headCosting:(rowValue(r,['Head Costing','Head Costing %','Head Costing Percentage'])===''?null:pct(rowValue(r,['Head Costing','Head Costing %','Head Costing Percentage']))),
    supervisorCosting:(rowValue(r,['Supervisor Costing','Supervisor Costing %','Supervisor Costing Percentage'])===''?null:pct(rowValue(r,['Supervisor Costing','Supervisor Costing %','Supervisor Costing Percentage']))),
    rate:(rowValue(r,['Costing %','Costing Percentage','Costing'])===''?null:pct(rowValue(r,['Costing %','Costing Percentage','Costing'])))
  })).filter(r=>r.supervisor&&r.month&&(r.rate!=null||r.headCosting!=null||r.supervisorCosting!=null));

 supervisorMap={};
 companies.forEach(c=>supervisorMap[c.id]=[]);

 // Supervisor coverage is built from effective Monthly_Assignment history.
 monthlyAssignmentRows.filter(r=>r.active!==false).forEach(r=>{
   const id=r.company;
   const supervisor=canonicalSupervisor(r.supervisor);
   if(!supervisor||!supervisorMap[id])return;
   const p=canonicalPortfolio(r.portfolio);
   const state=r.state;
   const city=canonicalCity(r.city);
   const branch=city;
   let s=supervisorMap[id].find(x=>x.name.toUpperCase()===supervisor.toUpperCase());
   if(!s){
     s={name:supervisor,state:'',city:'',portfolio:'',branch:'',month:''};
     supervisorMap[id].push(s);
   }
   const merge=(oldVal,newVal)=>{
     const vals=[...new Set([...text(oldVal).split('/').map(x=>x.trim()),newVal].filter(Boolean))];
     return vals.join(' / ');
   };
   s.state=merge(s.state,state); s.city=merge(s.city,city); s.portfolio=merge(s.portfolio,p); s.branch=merge(s.branch,branch); s.month=merge(s.month,r.month==='*'?'All Months':formatBillingMonth(r.month));
 });


 const billingMatrix=XLSX.utils.sheet_to_json(wb.Sheets['Billing'],{header:1,defval:'',raw:true});
 const billingHeaders=(billingMatrix[0]||[]).map(v=>String(v||'').trim());
 const billingHeaderNorm=billingHeaders.map(v=>normText(v));
 const bIdx=(names)=>{
   for(const name of names){
     const i=billingHeaderNorm.indexOf(normText(name));
     if(i>=0)return i;
   }
   return -1;
 };
  const bi={
    sno:bIdx(['S.No','S No','SNO','Serial No']),
    head:bIdx(['Head','Business Head','Owner']),
    supervisor:bIdx(['Supervisor','Supervisor Name']),
   invoiceNo:bIdx(['Invoice No','Invoice Number']),
   invoiceDate:bIdx(['Invoice Date']),
   billingMonth:bIdx(['Billing Month']),
   company:bIdx(['Company','Company Name']),
   portfolio:bIdx(['Portfolio','Portfolio / Client','Client Name']),
    state:bIdx(['State']),
    city:bIdx(['City','City / Location','Location']),
    segment:bIdx(['Segment','Business Segment']),
   basic:bIdx(['Basic Bill Amount','Basic Amount']),
   igst:bIdx(['IGST','IGST Amount']),
   tds:bIdx(['TDS Amount','TDS']),
   net:bIdx(['Net Amount']),
   received:bIdx(['Received Amount']),
   paymentDate:bIdx(['Payment Received Date','Payment Date']),
   status:bIdx(['Status'])
 };
 const bv=(row,i)=>i>=0?(row[i]??''):'';
 bills=billingMatrix.slice(1).map((r,i)=>{
    const sno=bv(r,bi.sno);
    const headName=bv(r,bi.head);
    const supervisorName=bv(r,bi.supervisor);
   const invoiceNo=bv(r,bi.invoiceNo);
   const invoiceDate=bv(r,bi.invoiceDate);
   const billingMonth=bv(r,bi.billingMonth);
   const companyName=bv(r,bi.company);
   const portfolio=bv(r,bi.portfolio);
   const state=bv(r,bi.state);
    const city=bv(r,bi.city);
    const segment=bv(r,bi.segment);
   const basicBill=bv(r,bi.basic);
   const igstAmt=bv(r,bi.igst);
   const tdsAmt=bv(r,bi.tds);
   const netAmt=bv(r,bi.net);
   const paymentReceived=bv(r,bi.received);
   const paymentReceivedDate=bv(r,bi.paymentDate);
   const statusRaw=bv(r,bi.status);
   const inv=text(invoiceNo);
   if(!inv)return null;
   const amount=num(basicBill),igst=num(igstAmt),tds=num(tdsAmt),received=num(paymentReceived);
   let c=companyIdFromRow({'Company Name':companyName},maps);
   if(!c){
     const prefix=String(inv).split('/')[0].trim().toUpperCase();
     const aliasRow={'Company Code':prefix};
     c=companyIdFromRow(aliasRow,maps);
   }
   const net=amount+igst-tds;
    const status=text(statusRaw);
    return {
      sno:text(sno),
      head:text(headName),
      supervisor:text(supervisorName),
     inv,
     date:formatExcelDate(invoiceDate),
     month:formatMonthValue(billingMonth),
     c,
      p:canonicalPortfolio(text(portfolio)),
      segment:text(segment),
     state:text(state),
     city:canonicalCity(text(city)),
     amount,
     igst,
     tds,
     net:num(netAmt) || net,
     received,
     paymentReceivedDate:formatExcelDate(paymentReceivedDate),
     status
   };
  }).filter(Boolean);
  warmBillingDimensionCaches();


  creditNoteRows=creditNoteSheetRows.map(r=>{
   const companyName=text(rowValue(r,['Company Name','Company']));
   const company=creditNoteCompanyIdByName(companyName) || companyIdFromRow({'Company Name':companyName},maps);
   return {
      sno:text(rowValue(r,['S. No.','S No','SNO','Serial No'])),
      head:text(rowValue(r,['Head','Business Head','Owner'])),
      supervisor:canonicalSupervisor(text(rowValue(r,['Supervisor','Supervisor Name']))),
     state:text(rowValue(r,['State'])),
     amount:num(rowValue(r,['Amount','Credit Note Amount'])),
     month:formatMonthValue(rowValue(r,['Month','Billing Month'])),
      bank:canonicalPortfolio(text(rowValue(r,['Bank','Portfolio','Portfolio / Client']))),
      receivedDate:formatExcelDate(rowValue(r,['Received Date','Payment Received Date'])),
      paymentStatus:text(rowValue(r,['Payment Received Status','Payment Status','Status'])),
     company,companyName:company?C(company).name:companyName
   };
  }).filter(r=>r.sno&&r.company&&r.supervisor&&r.month&&r.bank&&r.amount);

  supervisorTdsRows=supervisorTdsSheetRows.map(r=>({
    sno:text(rowValue(r,['S. No.','S No','SNO','Serial No'])),
    head:text(rowValue(r,['Head','Business Head','Owner'])),
    supervisor:canonicalSupervisor(text(rowValue(r,['Supervisor','Supervisor Name']))),
    amount:num(rowValue(r,['TDS Amount','TDS','Amount'])),
    month:formatMonthValue(rowValue(r,['Month','Billing Month']))
  })).filter(r=>r.supervisor&&r.month&&r.amount);

  const returnHeaderKeys=returnAmountSheetRows.length?Object.keys(returnAmountSheetRows[0]).map(normHeader):[];
  const expectedReturnHeaders=['Date','Name','Portfolio','Location','Amount','Head','Supervisor Name','Month','Customer Name'].map(normHeader);
  returnAmountSheetStatus=returnAmountSheetRows.length
    ? (expectedReturnHeaders.every(h=>returnHeaderKeys.includes(h))?'Ready':'Schema mismatch')
    : 'No rows';
  returnAmountRows=returnAmountSheetRows.map(r=>{
    const dateValue=rowValue(r,['Date','Return Date']);
    const monthValue=rowValue(r,['Month','Billing Month']);
    return {
      date:formatExcelDate(dateValue),
      name:text(rowValue(r,['Name'])),
      portfolio:canonicalPortfolio(text(rowValue(r,['Portfolio','Portfolio / Client']))),
      location:text(rowValue(r,['Location','City'])),
      amount:num(rowValue(r,['Amount','Return Amount'])),
      head:text(rowValue(r,['Head','Business Head','Owner'])),
      supervisor:canonicalSupervisor(text(rowValue(r,['Supervisor Name','Supervisor']))),
      month:formatMonthValue(monthValue||dateValue),
      customerName:text(rowValue(r,['Customer Name','Customer']))
    };
  }).filter(r=>r.supervisor&&r.month&&Number(r.amount||0)!==0);

  march2026ClosingRows=[];
  costingSettlementRows=[];
  const parsedMarch=(marchClosingSheetRows||[]).map(r=>{
   const supervisor=text(rowValue(r,['Supervisor','Supervisor Name','Name']));
   const closing=num(rowValue(r,['Closing Balance','Closing','Balance','Opening Balance']));
   return {supervisor,closing};
 }).filter(r=>r.supervisor && String(r.supervisor).trim()!=='' && isFinite(Number(r.closing)));
 if(parsedMarch.length) march2026ClosingRows=parsedMarch;

 const parsedSettlement=(costingSettlementSheetRows||[]).map(r=>{
   return {
     month:formatMonthValue(rowValue(r,['Month','Billing Month'])),
     supervisor:text(rowValue(r,['Supervisor','Supervisor Name'])),
     netBilling:num(rowValue(r,['Net Billing'])),
     costingPercent:num(rowValue(r,['Costing %','Costing%'])),
      costingAmount:num(rowValue(r,['Costing Amount'])),
      creditNote:num(rowValue(r,['Credit Note'])),
      supervisorTds:num(rowValue(r,['Supervisor TDS','Supervisor TDS Amount'])),
      finalCostingAmount:num(rowValue(r,['Final Costing Amount','Costing Entitlement'])),
     previousBalance:num(rowValue(r,['Previous Balance'])),
     netDebit:num(rowValue(r,['Net Debit'])),
     closingBalance:num(rowValue(r,['Closing Balance','Closing']))
   };
 }).filter(r=>r.month && r.supervisor);
 if(parsedSettlement.length) costingSettlementRows=parsedSettlement;

 // Always try AOA seed reload (merge / fill gaps)
 if(wb&&wb.Sheets){
   const asAoa=name=>{
     const found=(wb.SheetNames||[]).find(n=>String(n).trim().toLowerCase()===String(name).trim().toLowerCase());
     const ws=wb.Sheets[name]||(found?wb.Sheets[found]:null);
     if(!ws)return null;
     return XLSX.utils.sheet_to_json(ws,{header:1,defval:'',raw:true});
   };
   const pack={};
   const mA=asAoa('March_2026_Closing'); if(mA&&mA.length)pack['March_2026_Closing']=mA;
   const cA=asAoa('Costing_Settlement'); if(cA&&cA.length)pack['Costing_Settlement']=cA;
   if(Object.keys(pack).length)preloadSettlementSeedsFromSheets(pack);
 }
 try{ console.log('[CostingSeed] March', (march2026ClosingRows||[]).length, 'Settlement', (costingSettlementRows||[]).length, march2026ClosingRows, (costingSettlementRows||[]).filter(r=>monthKey(r.month)==='2026-03')); }catch(_){}


 receiptRegister=bills.filter(b=>b.received>0).map((b,i)=>({
   id:`RCP${String(i+1).padStart(3,'0')}`,invoice:b.inv,month:b.month,company:b.c,
   portfolio:b.p,state:b.state,city:b.city,bankAmount:b.received,tds:b.tds,
   totalSettled:b.received+b.tds,status:'Received'
 }));

 accountMaster=accountsRows.map((r,i)=>({
   accountId:text(rowValue(r,['Account ID','Account Id','AccountID','Account Code'])) || `ACC${String(i+1).padStart(3,'0')}`,
   companyCode:text(rowValue(r,['Company Code','Code'])),
   company:companyIdFromRow(r,maps),
   bank:text(rowValue(r,['Bank Name','Bank','Account / Bank'])),
   accountNo:text(rowValue(r,['Account No','Account Number'])),
   sheetName:text(rowValue(r,['Sheet Name','Sheet','Tab Name'])),
   active:text(rowValue(r,['Active','Status'])) || 'Yes'
 })).filter(r=>r.company&&r.bank);

 accountImportHistoryRows=importHistoryRows.map(r=>({
   importId:text(rowValue(r,['Import ID','Import Id'])),
   accountId:text(rowValue(r,['Account ID','Account Id','AccountID'])),
   company:companyIdFromRow(r,maps),
   bank:text(rowValue(r,['Bank','Bank Name'])),
   sheetName:text(rowValue(r,['Sheet Name','Sheet'])),
   fileName:text(rowValue(r,['File Name','Filename'])),
   importDate:text(rowValue(r,['Import Date','Imported At','Date'])),
   totalRows:num(rowValue(r,['Total Rows','Rows'])),
   newRows:num(rowValue(r,['New Rows','Added Rows'])),
   duplicateRows:num(rowValue(r,['Duplicate Rows','Duplicates'])),
   status:text(rowValue(r,['Status']))
 })).filter(h=>h.importId && h.accountId && accountMaster.some(a=>String(a.accountId)===String(h.accountId)));

 accountStatementRows=statementRows.map(r=>{
   const bank=text(rowValue(r,['Bank Name','Bank']));
   const rawAccountId=text(rowValue(r,['Account ID','Account Id','AccountID','Account Code']));
   const mappedAccount=rawAccountId ? accountMaster.find(a=>String(a.accountId)===String(rawAccountId)) : null;
   let company=(mappedAccount&&mappedAccount.company)||companyIdFromRow(r,maps);
   if(!company&&bank){
     const matches=[...new Set(accountMaster.filter(a=>normText(a.bank)===normText(bank)).map(a=>a.company))];
     if(matches.length===1)company=matches[0];
     else if(matches.length>1)importWarnings.push(`Account Statement: ${bank} is mapped to multiple companies; fill Company Name.`);
   }
   if(!company)importWarnings.push(`Account Statement row could not map to a company${bank?` (${bank})`:''}.`);
   return {
     date:formatAccountDate(rowValue(r,['DATE','Date'])),
     description:text(rowValue(r,['DESCRIPTION','Description'])),
     reference:text(rowValue(r,['REFERANCE NO','REFERENCE NO','Reference No','Ref No'])),
     debit:num(rowValue(r,['DEBIT','Debit'])),
     credit:num(rowValue(r,['CREDIT','Credit'])),
     balance:num(rowValue(r,['BALANCE','Balance'])),
      name:text(rowValue(r,['NAME','Name'])),
      location:text(rowValue(r,['LOCATION','Location'])),
      state:text(rowValue(r,['STATE','State'])),
      segment:text(rowValue(r,['SEGMENT','Segment','Business Segment'])),
      portfolio:canonicalPortfolio(text(rowValue(r,['PORTFOLIO','Portfolio']))),
     remark:text(rowValue(r,['REMARK','Remark'])),
     socMonth:text(rowValue(r,['SOC MONTH Againts Dedction','SOC MONTH Against Deduction','SOC Month'])),
     type:text(rowValue(r,['ADVANCE / SALARY/ OFFICE/ INCENTIVE','Type','Transaction Type'])),
     supervisor:assignmentSupervisorDisplay(text(rowValue(r,['SUPERVISOR','Supervisor']))),
     importId:text(rowValue(r,['IMPORT ID','Import ID'])),
     accountId:rawAccountId || (mappedAccount&&mappedAccount.accountId) || (
       accountMaster.find(a=>a.company===company && normText(a.bank)===normText(bank))?.accountId || ''
     ),
     company,bank
   };
 }).filter(r=>r.company&&r.date);

   socStatementRows=accountStatementRows.map(r=>({
     debit:r.debit,credit:r.credit,name:r.name,location:r.location,portfolio:r.portfolio,
     remark:r.remark,socMonth:r.socMonth,type:r.type,supervisor:r.supervisor,sourceCompany:r.company,
     accountId:r.accountId,bank:r.bank
   }));
  buildAccountSourceDiagnostics(wb);
  reconcileAccountImportHistory();

   expenseRows=[];
 importedWorkbookName=fileName||'Excel Workbook';

  const saved={companies,supervisorMap,bills,costingMasterRows,portfolioMasterRows,locationMasterRows,supervisorMasterRows,monthlyAssignmentRows,locationSupervisorRows,accountMaster,accountSourceDiagnostics,accountImportHistoryRows,accountStatementRows,creditNoteRows,supervisorTdsRows,returnAmountRows,salaryRows,seemaSalarySheetName,march2026ClosingRows,costingSettlementRows,socStatementRows,importWarnings,importedWorkbookName};
  try{localStorage.setItem('debtDashboard_Latest_20260827_v2',JSON.stringify(saved));}catch(e){}
  scheduleCostingAggregateWarmup();
}
function restoreImportedDashboardData(){
  invalidateCostingAggregateCache();
  try{
   const raw=localStorage.getItem('debtDashboard_Latest_20260827_v2');
   if(!raw)return;
   const d=JSON.parse(raw);
    companies=d.companies||[]; supervisorMap=d.supervisorMap||{}; bills=d.bills||[]; portfolioMasterRows=d.portfolioMasterRows||[];
    costingMasterRows=d.costingMasterRows||[]; locationMasterRows=d.locationMasterRows||[]; supervisorMasterRows=d.supervisorMasterRows||[];
     monthlyAssignmentRows=d.monthlyAssignmentRows||[]; locationSupervisorRows=d.locationSupervisorRows||[]; accountMaster=d.accountMaster||[];
    ensureLogicMasterRows();
    warmBillingDimensionCaches();
     accountSourceDiagnostics=d.accountSourceDiagnostics||[]; accountImportHistoryRows=d.accountImportHistoryRows||[]; accountImportHistoryOrphans=[]; accountStatementRows=d.accountStatementRows||[]; creditNoteRows=d.creditNoteRows||[]; supervisorTdsRows=d.supervisorTdsRows||[]; returnAmountRows=d.returnAmountRows||[]; returnAmountSheetStatus=returnAmountRows.length?'Ready':'No rows'; march2026ClosingRows=[]; costingSettlementRows=[]; socStatementRows=d.socStatementRows||[]; importWarnings=d.importWarnings||[];
    salaryRows=Array.isArray(d.salaryRows)?d.salaryRows:[];
    seemaSalarySheetName=d.seemaSalarySheetName||'Seema Sharma';
    importedWorkbookName=d.importedWorkbookName||'Saved Workbook';
   receiptRegister=bills.filter(b=>b.received>0).map((b,i)=>({
     id:`RCP${String(i+1).padStart(3,'0')}`,invoice:b.inv,month:b.month,company:b.c,
     portfolio:b.p,state:b.state,city:b.city,bankAmount:b.received,tds:b.tds,
     totalSettled:b.received+b.tds,status:'Received'
   }));
 }catch(e){}
}
function clearImportedDashboardData(){
 localStorage.removeItem('debtDashboard_Latest_20260827_v2');
  companies=[];supervisorMap={};bills=[];receiptRegister=[];salaryRows=[];seemaSalarySheetName='';costingMasterRows=[];portfolioMasterRows=[];locationMasterRows=[];supervisorMasterRows=[];monthlyAssignmentRows=[];locationSupervisorRows=[];
   accountMaster=[];accountImportHistoryRows=[];accountStatementRows=[];creditNoteRows=[];supervisorTdsRows=[];returnAmountRows=[];returnAmountSheetStatus='Not loaded';march2026ClosingRows=[];costingSettlementRows=[];socStatementRows=[];importWarnings=[];importedWorkbookName='';
 loadEmbeddedLatestData();
 overview();
}


const embeddedLatestData={"companies":[{"id":"dreams-debt-solutions-pvt-ltd","code":"DDS","name":"Dreams Debt Solutions Pvt. Ltd.","states":{"Rajasthan 1":["BKT-1"],"Rajasthan 2":["BKT-2"],"Chandigarh":["All Chandigarh"],"Uttar Pradesh":["All Uttar Pradesh","Moradabad","Kanpur","Itawa","Bareilly","Lucknow"],"Rajasthan":["Udaipur","ROR","Kota","Jodhpur","Jaipur","Bikaner","Alwar"],"Assam":["Guwahati","All Assam"],"Delhi":["All Delhi"],"Bihar":["All Bihar"],"Haryana":["All Haryana"]},"portfolios":["RBL Bank","SBI","ICICI Bank","Groww","Hero"],"m":{}},{"id":"abhijeet-debt-solution-pvt-ltd","code":"ADS","name":"Abhijeet Debt Solution Pvt. Ltd.","states":{"Delhi":["All Delhi"],"Rajasthan":["Jaipur"]},"portfolios":["RBL Bank","Cholamandalam"],"m":{}},{"id":"dream-enterprises","code":"DE","name":"Dream Enterprises","states":{"Uttar Pradesh 1":["Varanasi","USN","Gorakhpur","Faridabad","Azamgarh","Allahabad"],"Uttar Pradesh 2":["ROO","Lucknow"],"Rajasthan":["Jaipur"],"Assam":["All Assam"]},"portfolios":["SBI","SMFG"],"m":{}}],"supervisorMap":{"dreams-debt-solutions-pvt-ltd":[{"name":"Subal","state":"Rajasthan 1","city":"BKT-1","portfolio":"RBL Bank","branch":"L001"},{"name":"Kirshan Lal Sharma","state":"Rajasthan 2","city":"BKT-2","portfolio":"RBL Bank","branch":"L002"},{"name":"Vijendra","state":"Chandigarh","city":"All Chandigarh","portfolio":"RBL Bank / SBI","branch":"L003 / L018"},{"name":"Pervindra","state":"Uttar Pradesh","city":"All Uttar Pradesh / Moradabad / Kanpur / Itawa / Bareilly / Lucknow","portfolio":"RBL Bank / SBI / ICICI Bank","branch":"L004 / L012 / L013 / L014 / L015 / L016 / L021"},{"name":"Boss","state":"Rajasthan / Haryana / Uttar Pradesh","city":"Udaipur / ROR / Kota / Jodhpur / Jaipur / Bikaner / Alwar / All Haryana / All Uttar Pradesh","portfolio":"SBI / Hero","branch":"L005 / L006 / L007 / L008 / L009 / L010 / L011 / L023 / L024 / L025"},{"name":"Raj","state":"Assam","city":"Guwahati / All Assam","portfolio":"SBI / Groww","branch":"L017 / L022"},{"name":"Delhi Team","state":"Delhi / Bihar","city":"All Delhi / All Bihar","portfolio":"SBI","branch":"L019 / L020"}],"abhijeet-debt-solution-pvt-ltd":[{"name":"Nikhil","state":"Delhi / Rajasthan","city":"All Delhi / Jaipur","portfolio":"RBL Bank","branch":"L026 / L027"},{"name":"Boss","state":"Rajasthan","city":"Jaipur","portfolio":"Cholamandalam","branch":"L028"}],"dream-enterprises":[{"name":"Pervindra","state":"Uttar Pradesh 1","city":"Varanasi / USN / Gorakhpur / Faridabad / Azamgarh / Allahabad","portfolio":"SBI","branch":"L029 / L030 / L031 / L032 / L033 / L034"},{"name":"Abhishek","state":"Uttar Pradesh 2","city":"ROO / Lucknow","portfolio":"SBI","branch":"L035 / L036"},{"name":"Boss","state":"Rajasthan","city":"Jaipur","portfolio":"SMFG","branch":"L037"},{"name":"Raj","state":"Assam","city":"All Assam","portfolio":"SMFG","branch":"L038"}]},"bills":[],"costingMasterRows":[{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Pervindra","month":"Apr-26","rate":72.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Pervindra","month":"May-26","rate":62.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Pervindra","month":"Jun-26","rate":72.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Pervindra","month":"Jul-26","rate":62.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Pervindra","month":"Aug-26","rate":68.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Pervindra","month":"Sep-26","rate":70.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Pervindra","month":"Oct-26","rate":70.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Pervindra","month":"Nov-26","rate":60.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Pervindra","month":"Dec-26","rate":62.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Pervindra","month":"Jan-27","rate":75.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Pervindra","month":"Feb-27","rate":75.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Pervindra","month":"Mar-27","rate":68.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Boss","month":"Apr-26","rate":75.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Boss","month":"May-26","rate":75.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Boss","month":"Jun-26","rate":75.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Boss","month":"Jul-26","rate":75.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Boss","month":"Aug-26","rate":75.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Boss","month":"Sep-26","rate":75.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Boss","month":"Oct-26","rate":75.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Boss","month":"Nov-26","rate":75.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Boss","month":"Dec-26","rate":75.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Boss","month":"Jan-27","rate":75.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Boss","month":"Feb-27","rate":75.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Boss","month":"Mar-27","rate":75.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Vijendra","month":"Apr-26","rate":60.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Vijendra","month":"May-26","rate":72.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Vijendra","month":"Jun-26","rate":72.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Vijendra","month":"Jul-26","rate":70.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Vijendra","month":"Aug-26","rate":70.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Vijendra","month":"Sep-26","rate":62.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Vijendra","month":"Oct-26","rate":72.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Vijendra","month":"Nov-26","rate":68.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Vijendra","month":"Dec-26","rate":62.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Vijendra","month":"Jan-27","rate":72.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Vijendra","month":"Feb-27","rate":68.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Vijendra","month":"Mar-27","rate":72.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Raj","month":"Apr-26","rate":75.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Raj","month":"May-26","rate":62.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Raj","month":"Jun-26","rate":75.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Raj","month":"Jul-26","rate":72.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Raj","month":"Aug-26","rate":75.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Raj","month":"Sep-26","rate":60.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Raj","month":"Oct-26","rate":72.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Raj","month":"Nov-26","rate":75.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Raj","month":"Dec-26","rate":62.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Raj","month":"Jan-27","rate":62.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Raj","month":"Feb-27","rate":62.0},{"company":"dreams-debt-solutions-pvt-ltd","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","supervisor":"Raj","month":"Mar-27","rate":62.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Nikhil","month":"Apr-26","rate":70.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Nikhil","month":"May-26","rate":68.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Nikhil","month":"Jun-26","rate":75.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Nikhil","month":"Jul-26","rate":75.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Nikhil","month":"Aug-26","rate":68.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Nikhil","month":"Sep-26","rate":65.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Nikhil","month":"Oct-26","rate":62.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Nikhil","month":"Nov-26","rate":75.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Nikhil","month":"Dec-26","rate":70.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Nikhil","month":"Jan-27","rate":60.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Nikhil","month":"Feb-27","rate":60.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"RBL Bank","supervisor":"Nikhil","month":"Mar-27","rate":72.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"Cholamandalam","supervisor":"Boss","month":"Apr-26","rate":75.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"Cholamandalam","supervisor":"Boss","month":"May-26","rate":75.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"Cholamandalam","supervisor":"Boss","month":"Jun-26","rate":75.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"Cholamandalam","supervisor":"Boss","month":"Jul-26","rate":75.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"Cholamandalam","supervisor":"Boss","month":"Aug-26","rate":75.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"Cholamandalam","supervisor":"Boss","month":"Sep-26","rate":75.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"Cholamandalam","supervisor":"Boss","month":"Oct-26","rate":75.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"Cholamandalam","supervisor":"Boss","month":"Nov-26","rate":75.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"Cholamandalam","supervisor":"Boss","month":"Dec-26","rate":75.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"Cholamandalam","supervisor":"Boss","month":"Jan-27","rate":75.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"Cholamandalam","supervisor":"Boss","month":"Feb-27","rate":75.0},{"company":"abhijeet-debt-solution-pvt-ltd","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"Cholamandalam","supervisor":"Boss","month":"Mar-27","rate":75.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Pervindra","month":"Apr-26","rate":65.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Pervindra","month":"May-26","rate":75.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Pervindra","month":"Jun-26","rate":70.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Pervindra","month":"Jul-26","rate":70.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Pervindra","month":"Aug-26","rate":60.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Pervindra","month":"Sep-26","rate":70.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Pervindra","month":"Oct-26","rate":60.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Pervindra","month":"Nov-26","rate":72.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Pervindra","month":"Dec-26","rate":60.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Pervindra","month":"Jan-27","rate":68.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Pervindra","month":"Feb-27","rate":70.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Pervindra","month":"Mar-27","rate":72.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Abhishek","month":"Apr-26","rate":70.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Abhishek","month":"May-26","rate":65.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Abhishek","month":"Jun-26","rate":75.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Abhishek","month":"Jul-26","rate":65.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Abhishek","month":"Aug-26","rate":75.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Abhishek","month":"Sep-26","rate":72.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Abhishek","month":"Oct-26","rate":68.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Abhishek","month":"Nov-26","rate":68.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Abhishek","month":"Dec-26","rate":75.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Abhishek","month":"Jan-27","rate":72.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Abhishek","month":"Feb-27","rate":62.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SBI","supervisor":"Abhishek","month":"Mar-27","rate":60.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Raj","month":"Apr-26","rate":65.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Raj","month":"May-26","rate":62.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Raj","month":"Jun-26","rate":70.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Raj","month":"Jul-26","rate":68.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Raj","month":"Aug-26","rate":75.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Raj","month":"Sep-26","rate":68.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Raj","month":"Oct-26","rate":70.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Raj","month":"Nov-26","rate":70.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Raj","month":"Dec-26","rate":62.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Raj","month":"Jan-27","rate":60.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Raj","month":"Feb-27","rate":60.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Raj","month":"Mar-27","rate":60.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Boss","month":"Apr-26","rate":75.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Boss","month":"May-26","rate":75.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Boss","month":"Jun-26","rate":75.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Boss","month":"Jul-26","rate":75.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Boss","month":"Aug-26","rate":75.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Boss","month":"Sep-26","rate":75.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Boss","month":"Oct-26","rate":75.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Boss","month":"Nov-26","rate":75.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Boss","month":"Dec-26","rate":75.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Boss","month":"Jan-27","rate":75.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Boss","month":"Feb-27","rate":75.0},{"company":"dream-enterprises","companyName":"Dream Enterprises","portfolio":"SMFG","supervisor":"Boss","month":"Mar-27","rate":75.0}],"portfolioMasterRows":[{"company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"RBL Bank"},{"company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI"},{"company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"ICICI Bank"},{"company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"Groww"},{"company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"Hero"},{"company":"abhijeet-debt-solution-pvt-ltd","companyCode":"ADS","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"RBL Bank"},{"company":"abhijeet-debt-solution-pvt-ltd","companyCode":"ADS","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"Cholamandalam"},{"company":"dream-enterprises","companyCode":"DE","companyName":"Dream Enterprises","portfolio":"SBI"},{"company":"dream-enterprises","companyCode":"DE","companyName":"Dream Enterprises","portfolio":"SMFG"}],"locationMasterRows":[{"locationCode":"L001","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"RBL Bank","state":"Rajasthan 1","city":"BKT-1","supervisor":"Subal"},{"locationCode":"L002","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"RBL Bank","state":"Rajasthan 2","city":"BKT-2","supervisor":"Kirshan Lal Sharma"},{"locationCode":"L003","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"RBL Bank","state":"Chandigarh","city":"All Chandigarh","supervisor":"Vijendra"},{"locationCode":"L004","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"RBL Bank","state":"Uttar Pradesh","city":"All Uttar Pradesh","supervisor":"Pervindra"},{"locationCode":"L005","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","state":"Rajasthan","city":"Udaipur","supervisor":"Boss"},{"locationCode":"L006","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","state":"Rajasthan","city":"ROR","supervisor":"Boss"},{"locationCode":"L007","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","state":"Rajasthan","city":"Kota","supervisor":"Boss"},{"locationCode":"L008","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","state":"Rajasthan","city":"Jodhpur","supervisor":"Boss"},{"locationCode":"L009","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","state":"Rajasthan","city":"Jaipur","supervisor":"Boss"},{"locationCode":"L010","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","state":"Rajasthan","city":"Bikaner","supervisor":"Boss"},{"locationCode":"L011","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","state":"Rajasthan","city":"Alwar","supervisor":"Boss"},{"locationCode":"L012","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","state":"Uttar Pradesh","city":"Moradabad","supervisor":"Pervindra"},{"locationCode":"L013","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","state":"Uttar Pradesh","city":"Kanpur","supervisor":"Pervindra"},{"locationCode":"L014","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","state":"Uttar Pradesh","city":"Itawa","supervisor":"Pervindra"},{"locationCode":"L015","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","state":"Uttar Pradesh","city":"Bareilly","supervisor":"Pervindra"},{"locationCode":"L016","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","state":"Uttar Pradesh","city":"Lucknow","supervisor":"Pervindra"},{"locationCode":"L017","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","state":"Assam","city":"Guwahati","supervisor":"Raj"},{"locationCode":"L018","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","state":"Chandigarh","city":"All Chandigarh","supervisor":"Vijendra"},{"locationCode":"L019","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","state":"Delhi","city":"All Delhi","supervisor":"Delhi Team"},{"locationCode":"L020","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"SBI","state":"Bihar","city":"All Bihar","supervisor":"Delhi Team"},{"locationCode":"L021","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"ICICI Bank","state":"Uttar Pradesh","city":"All Uttar Pradesh","supervisor":"Pervindra"},{"locationCode":"L022","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"Groww","state":"Assam","city":"All Assam","supervisor":"Raj"},{"locationCode":"L023","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"Hero","state":"Rajasthan","city":"Jaipur","supervisor":"Boss"},{"locationCode":"L024","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"Hero","state":"Haryana","city":"All Haryana","supervisor":"Boss"},{"locationCode":"L025","company":"dreams-debt-solutions-pvt-ltd","companyCode":"DDS","companyName":"Dreams Debt Solutions Pvt. Ltd.","portfolio":"Hero","state":"Uttar Pradesh","city":"All Uttar Pradesh","supervisor":"Boss"},{"locationCode":"L026","company":"abhijeet-debt-solution-pvt-ltd","companyCode":"ADS","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"RBL Bank","state":"Delhi","city":"All Delhi","supervisor":"Nikhil"},{"locationCode":"L027","company":"abhijeet-debt-solution-pvt-ltd","companyCode":"ADS","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"RBL Bank","state":"Rajasthan","city":"Jaipur","supervisor":"Nikhil"},{"locationCode":"L028","company":"abhijeet-debt-solution-pvt-ltd","companyCode":"ADS","companyName":"Abhijeet Debt Solution Pvt. Ltd.","portfolio":"Cholamandalam","state":"Rajasthan","city":"Jaipur","supervisor":"Boss"},{"locationCode":"L029","company":"dream-enterprises","companyCode":"DE","companyName":"Dream Enterprises","portfolio":"SBI","state":"Uttar Pradesh 1","city":"Varanasi","supervisor":"Pervindra"},{"locationCode":"L030","company":"dream-enterprises","companyCode":"DE","companyName":"Dream Enterprises","portfolio":"SBI","state":"Uttar Pradesh 1","city":"USN","supervisor":"Pervindra"},{"locationCode":"L031","company":"dream-enterprises","companyCode":"DE","companyName":"Dream Enterprises","portfolio":"SBI","state":"Uttar Pradesh 1","city":"Gorakhpur","supervisor":"Pervindra"},{"locationCode":"L032","company":"dream-enterprises","companyCode":"DE","companyName":"Dream Enterprises","portfolio":"SBI","state":"Uttar Pradesh 1","city":"Faridabad","supervisor":"Pervindra"},{"locationCode":"L033","company":"dream-enterprises","companyCode":"DE","companyName":"Dream Enterprises","portfolio":"SBI","state":"Uttar Pradesh 1","city":"Azamgarh","supervisor":"Pervindra"},{"locationCode":"L034","company":"dream-enterprises","companyCode":"DE","companyName":"Dream Enterprises","portfolio":"SBI","state":"Uttar Pradesh 1","city":"Allahabad","supervisor":"Pervindra"},{"locationCode":"L035","company":"dream-enterprises","companyCode":"DE","companyName":"Dream Enterprises","portfolio":"SBI","state":"Uttar Pradesh 2","city":"ROO","supervisor":"Abhishek"},{"locationCode":"L036","company":"dream-enterprises","companyCode":"DE","companyName":"Dream Enterprises","portfolio":"SBI","state":"Uttar Pradesh 2","city":"Lucknow","supervisor":"Abhishek"},{"locationCode":"L037","company":"dream-enterprises","companyCode":"DE","companyName":"Dream Enterprises","portfolio":"SMFG","state":"Rajasthan","city":"Jaipur","supervisor":"Boss"},{"locationCode":"L038","company":"dream-enterprises","companyCode":"DE","companyName":"Dream Enterprises","portfolio":"SMFG","state":"Assam","city":"All Assam","supervisor":"Raj"}],"locationSupervisorRows":[{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"RBL Bank","state":"Rajasthan 1","city":"BKT-1","supervisor":"Subal"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"RBL Bank","state":"Rajasthan 2","city":"BKT-2","supervisor":"Kirshan Lal Sharma"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"RBL Bank","state":"Chandigarh","city":"All Chandigarh","supervisor":"Vijendra"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"RBL Bank","state":"Uttar Pradesh","city":"All Uttar Pradesh","supervisor":"Pervindra"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"SBI","state":"Rajasthan","city":"Udaipur","supervisor":"Boss"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"SBI","state":"Rajasthan","city":"ROR","supervisor":"Boss"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"SBI","state":"Rajasthan","city":"Kota","supervisor":"Boss"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"SBI","state":"Rajasthan","city":"Jodhpur","supervisor":"Boss"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"SBI","state":"Rajasthan","city":"Jaipur","supervisor":"Boss"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"SBI","state":"Rajasthan","city":"Bikaner","supervisor":"Boss"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"SBI","state":"Rajasthan","city":"Alwar","supervisor":"Boss"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"SBI","state":"Uttar Pradesh","city":"Moradabad","supervisor":"Pervindra"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"SBI","state":"Uttar Pradesh","city":"Kanpur","supervisor":"Pervindra"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"SBI","state":"Uttar Pradesh","city":"Itawa","supervisor":"Pervindra"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"SBI","state":"Uttar Pradesh","city":"Bareilly","supervisor":"Pervindra"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"SBI","state":"Uttar Pradesh","city":"Lucknow","supervisor":"Pervindra"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"SBI","state":"Assam","city":"Guwahati","supervisor":"Raj"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"SBI","state":"Chandigarh","city":"All Chandigarh","supervisor":"Vijendra"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"SBI","state":"Delhi","city":"All Delhi","supervisor":"Delhi Team"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"SBI","state":"Bihar","city":"All Bihar","supervisor":"Delhi Team"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"ICICI Bank","state":"Uttar Pradesh","city":"All Uttar Pradesh","supervisor":"Pervindra"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"Groww","state":"Assam","city":"All Assam","supervisor":"Raj"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"Hero","state":"Rajasthan","city":"Jaipur","supervisor":"Boss"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"Hero","state":"Haryana","city":"All Haryana","supervisor":"Boss"},{"company":"dreams-debt-solutions-pvt-ltd","portfolio":"Hero","state":"Uttar Pradesh","city":"All Uttar Pradesh","supervisor":"Boss"},{"company":"abhijeet-debt-solution-pvt-ltd","portfolio":"RBL Bank","state":"Delhi","city":"All Delhi","supervisor":"Nikhil"},{"company":"abhijeet-debt-solution-pvt-ltd","portfolio":"RBL Bank","state":"Rajasthan","city":"Jaipur","supervisor":"Nikhil"},{"company":"abhijeet-debt-solution-pvt-ltd","portfolio":"Cholamandalam","state":"Rajasthan","city":"Jaipur","supervisor":"Boss"},{"company":"dream-enterprises","portfolio":"SBI","state":"Uttar Pradesh 1","city":"Varanasi","supervisor":"Pervindra"},{"company":"dream-enterprises","portfolio":"SBI","state":"Uttar Pradesh 1","city":"USN","supervisor":"Pervindra"},{"company":"dream-enterprises","portfolio":"SBI","state":"Uttar Pradesh 1","city":"Gorakhpur","supervisor":"Pervindra"},{"company":"dream-enterprises","portfolio":"SBI","state":"Uttar Pradesh 1","city":"Faridabad","supervisor":"Pervindra"},{"company":"dream-enterprises","portfolio":"SBI","state":"Uttar Pradesh 1","city":"Azamgarh","supervisor":"Pervindra"},{"company":"dream-enterprises","portfolio":"SBI","state":"Uttar Pradesh 1","city":"Allahabad","supervisor":"Pervindra"},{"company":"dream-enterprises","portfolio":"SBI","state":"Uttar Pradesh 2","city":"ROO","supervisor":"Abhishek"},{"company":"dream-enterprises","portfolio":"SBI","state":"Uttar Pradesh 2","city":"Lucknow","supervisor":"Abhishek"},{"company":"dream-enterprises","portfolio":"SMFG","state":"Rajasthan","city":"Jaipur","supervisor":"Boss"},{"company":"dream-enterprises","portfolio":"SMFG","state":"Assam","city":"All Assam","supervisor":"Raj"}],"accountMaster":[{"company":"abhijeet-debt-solution-pvt-ltd","bank":"ICICI Bank"},{"company":"abhijeet-debt-solution-pvt-ltd","bank":"HDFC Bank"},{"company":"dreams-debt-solutions-pvt-ltd","bank":"ICICI Bank"},{"company":"dreams-debt-solutions-pvt-ltd","bank":"HDFC Bank"},{"company":"dreams-debt-solutions-pvt-ltd","bank":"Yes Bank"},{"company":"dream-enterprises","bank":"IndusInd Bank"}],"accountStatementRows":[{"date":"","description":"","reference":"","debit":0.0,"credit":5000000.0,"balance":5535753.84,"name":"DREAMS-INDUS","location":"RAJASTHAN","portfolio":"SELF TRANSFER","remark":"SELF TRANSFER","socMonth":"APR'26","type":"SELF TRANSFER","supervisor":"SELF TRANSFER","company":"","bank":"ICICI Bank"}],"socStatementRows":[],"importWarnings":["Account Statement: ICICI Bank is shared by multiple companies; Company Name required"],"importedWorkbookName":"Final Debt_Service_Management_Final_No_Advance (1)(1).xlsx"};

function loadEmbeddedLatestData(){
  invalidateCostingAggregateCache();
  const d=embeddedLatestData;
 companies=JSON.parse(JSON.stringify(d.companies||[]));
  supervisorMap=JSON.parse(JSON.stringify(d.supervisorMap||{}));
  bills=JSON.parse(JSON.stringify(d.bills||[]));
  salaryRows=JSON.parse(JSON.stringify(d.salaryRows||[]));
  seemaSalarySheetName=d.seemaSalarySheetName||'';
  costingMasterRows=JSON.parse(JSON.stringify(d.costingMasterRows||[]));
 portfolioMasterRows=JSON.parse(JSON.stringify(d.portfolioMasterRows||[]));
 locationMasterRows=JSON.parse(JSON.stringify(d.locationMasterRows||[]));
 supervisorMasterRows=JSON.parse(JSON.stringify(d.supervisorMasterRows||[]));
  monthlyAssignmentRows=JSON.parse(JSON.stringify(d.monthlyAssignmentRows||[]));
  locationSupervisorRows=JSON.parse(JSON.stringify(d.locationSupervisorRows||[]));
  ensureLogicMasterRows();
  warmBillingDimensionCaches();
 accountMaster=JSON.parse(JSON.stringify(d.accountMaster||[])).map((a,i)=>({
   ...a,accountId:a.accountId||`ACC${String(i+1).padStart(3,'0')}`,companyCode:a.companyCode||''
 }));
  accountImportHistoryRows=JSON.parse(JSON.stringify(d.accountImportHistoryRows||[]));
  accountStatementRows=JSON.parse(JSON.stringify(d.accountStatementRows||[]));
   creditNoteRows=JSON.parse(JSON.stringify(d.creditNoteRows||[]));
   supervisorTdsRows=JSON.parse(JSON.stringify(d.supervisorTdsRows||[]));
  returnAmountRows=JSON.parse(JSON.stringify(d.returnAmountRows||[]));
  returnAmountSheetStatus=returnAmountRows.length?'Ready':'No rows';
 march2026ClosingRows=JSON.parse(JSON.stringify(d.march2026ClosingRows||[]));
 costingSettlementRows=JSON.parse(JSON.stringify(d.costingSettlementRows||[]));
 socStatementRows=JSON.parse(JSON.stringify(d.socStatementRows||[]));
 importWarnings=[];
 importedWorkbookName=d.importedWorkbookName||'Current Excel';
 receiptRegister=bills.filter(b=>b.received>0).map((b,i)=>({
   id:`RCP${String(i+1).padStart(3,'0')}`,invoice:b.inv,month:b.month,company:b.c,
   portfolio:b.p,state:b.state,city:b.city,bankAmount:b.received,tds:b.tds,
   totalSettled:b.received+b.tds,status:'Received'
 }));
}

function auditImportedData(){
 const issues=[];
 const unmappedSupervisor=bills.filter(b=>!billSupervisor(b));
 if(unmappedSupervisor.length){
   issues.push({
     check:'Billing → Assignment History',
     status:'Warning',
     detail:`${unmappedSupervisor.length} billing row(s) could not get one unique effective supervisor.`,
     samples:unmappedSupervisor.slice(0,5).map(b=>`${b.inv}: ${b.p} / ${b.state} / ${b.city}`).join(' • ')
   });
 }else{
   issues.push({check:'Billing → Assignment History',status:'OK',detail:`All ${bills.length} billing rows mapped to one effective supervisor.`,samples:''});
 }

 const assignmentGroups={};
 monthlyAssignmentRows.filter(r=>r.active!==false&&!r.legacy).forEach(r=>{
   const key=[monthKey(r.month),r.company,normText(canonicalPortfolio(r.portfolio)),stateKey(r.state),normText(canonicalCity(r.city))].join('|');
   if(!assignmentGroups[key])assignmentGroups[key]=[];
   assignmentGroups[key].push(r);
 });
 const ambiguousAssignments=Object.values(assignmentGroups).filter(rows=>new Set(rows.map(r=>normText(canonicalSupervisor(r.supervisor)))).size>1);
 if(ambiguousAssignments.length){
   issues.push({
     check:'Assignment History uniqueness',status:'Warning',
     detail:`${ambiguousAssignments.length} assignment key(s) point to multiple supervisors. Dashboard will not guess.`,
     samples:ambiguousAssignments.slice(0,5).map(rows=>`${formatBillingMonth(rows[0].month)}: ${C(rows[0].company).code} / ${rows[0].portfolio} / ${rows[0].city}`).join(' • ')
   });
 }else{
   issues.push({check:'Assignment History uniqueness',status:'OK',detail:'Each effective month/company/portfolio/state/city key has one supervisor.',samples:''});
 }

 const missingCosting=bills.filter(b=>{
   const s=billSupervisor(b);
    return s && costingRateForSupervisor(s,b.month,b.c,b.p,billHead(b))==null;
 });
 if(missingCosting.length){
   issues.push({
     check:'Supervisor → Costing_Master',
     status:'Warning',
     detail:`${missingCosting.length} billing row(s) have supervisor mapping but no month-wise costing %.`,
     samples:missingCosting.slice(0,5).map(b=>`${b.inv}: ${billSupervisor(b)} / ${formatBillingMonth(b.month)}`).join(' • ')
   });
 }else{
   issues.push({check:'Supervisor → Costing_Master',status:'OK',detail:'All mapped billing rows have applicable costing %.',samples:''});
 }

 const incompleteAssignment=monthlyAssignmentRows.filter(r=>
   r.active!==false && (!r.company || !r.supervisor || !r.portfolio || !r.state || !r.city)
 );
 if(incompleteAssignment.length){
   issues.push({
     check:'Monthly_Assignment completeness',status:'Warning',
     detail:`${incompleteAssignment.length} active assignment row(s) are incomplete.`,
     samples:incompleteAssignment.slice(0,5).map(r=>`${formatBillingMonth(r.month)}: ${C(r.company).code||'-'} / ${r.supervisor||'-'} / ${r.portfolio||'-'} / ${r.city||'-'}`).join(' • ')
   });
 }else{
   issues.push({check:'Monthly_Assignment completeness',status:'OK',detail:'Active assignment rows contain Company, Supervisor, Portfolio, State and City.',samples:''});
 }

 if(importWarnings.length){
   issues.push({
     check:'Account_Statement → Company',
     status:'Warning',
     detail:`${importWarnings.length} account mapping warning(s).`,
     samples:[...new Set(importWarnings)].slice(0,5).join(' • ')
   });
 }else{
   issues.push({check:'Account_Statement → Company',status:'OK',detail:'All imported account statement rows mapped to a company.',samples:''});
 }

 return issues;
}
function renderImportAudit(){
 const issues=auditImportedData();
 const warnings=issues.filter(x=>x.status==='Warning').length;
 return `
 <div class="section"><h3>Data Quality Check</h3><span class="badge">${warnings?warnings+' warning'+(warnings>1?'s':''):'All checks passed'}</span></div>
 <div class="tablewrap"><table><thead><tr><th>Check</th><th>Status</th><th>Result</th><th>Examples</th></tr></thead><tbody>
 ${issues.map(x=>`<tr>
    <td><strong>${htmlEscape(x.check)}</strong></td>
   <td><span class="status ${x.status==='OK'?'received':'pending'}">${x.status}</span></td>
    <td>${htmlEscape(x.detail)}</td>
    <td>${htmlEscape(x.samples||'-')}</td>
 </tr>`).join('')}
 </tbody></table></div>`;
}

function showEmptyDashboard(){
 head('Overview','Debt Service Management Group');
 document.getElementById('content').innerHTML=`
 <div class="data-source-hero">
   <div>
     <h3>No dashboard data loaded</h3>
     <p>Connect Google Sheets from Admin → Data Sources. The dashboard will load the live Sheet data automatically.</p>
   </div>
   <button class="action-btn primary" onclick="active('n5');openAdmin('upload')">Connect Google Sheets</button>
 </div>`;
}
async function validateUpload(){
 const f=document.getElementById('dataFile').files[0],out=document.getElementById('uploadResult');
 if(!f){out.innerHTML='<div class="success-note" style="background:#fff6ed;color:#b54708">Please select an Excel workbook first.</div>';return;}
 const ext=f.name.split('.').pop().toLowerCase();
 if(!['xlsx','xls'].includes(ext)){out.innerHTML='<div class="success-note" style="background:#fef3f2;color:#b42318">Only Excel workbook (.xlsx / .xls) is allowed.</div>';return;}
 if(typeof XLSX==='undefined'){
   out.innerHTML='<div class="success-note" style="background:#fef3f2;color:#b42318"><b>Excel parser could not load.</b><br><span class="meta">Please connect the PC to internet once and reopen this HTML file.</span></div>';
   return;
 }
 const required=['Company_Master','Monthly_Assignment','Costing_Master','Billing','Accounts_Master','Account_Statement'];
 try{
   out.innerHTML='<div class="success-note"><b>Reading workbook...</b></div>';
   const data=await f.arrayBuffer();
   const wb=XLSX.read(data,{type:'array',cellDates:true});
   const missing=required.filter(s=>!wb.SheetNames.includes(s));
   if(missing.length){
     out.innerHTML=`<div class="success-note" style="background:#fef3f2;color:#b42318"><b>Missing required sheets:</b> ${missing.join(', ')}</div>`;
     return;
   }
   // Every successful Excel upload replaces the previously loaded workbook data.
   localStorage.removeItem('debtDashboard_Latest_20260827_v2');
   buildDashboardFromWorkbook(wb,f.name);
   setDataSourceStatus('Excel Upload',f.name);
   out.innerHTML=`<div class="success-note"><b>Workbook loaded successfully. Previous uploaded data replaced.</b><br><span class="meta">${bills.length} billing rows • ${[...new Set(monthlyAssignmentRows.map(r=>canonicalPortfolio(r.portfolio)).filter(Boolean))].length} portfolios • ${[...new Set(monthlyAssignmentRows.map(r=>canonicalCity(r.city)).filter(Boolean))].length} locations • ${[...new Set(monthlyAssignmentRows.map(r=>canonicalSupervisor(r.supervisor)).filter(Boolean))].length} supervisors • ${monthlyAssignmentRows.length} assignment-history rows • ${costingMasterRows.length} costing rows • ${accountStatementRows.length} statement rows</span></div>${renderImportAudit()}`;
   active('n1');
   // New workbook = fresh Overview state. Do not carry filters from the previous upload.
    ['overviewCompany','overviewHead','overviewPortfolio','overviewSupervisor','overviewState','overviewLocation','overviewMonth','overviewSegment'].forEach(id=>{
     const el=document.getElementById(id); if(el)el.value='';
   });
   overview();
 }catch(err){
   console.error(err);
   out.innerHTML=`<div class="success-note" style="background:#fef3f2;color:#b42318"><b>Could not read workbook.</b><br><span class="meta">${String(err.message||err)}</span></div>`;
 }
}
function sheetPurpose(s){
 const m={
  Company_Master:'Company master details',
  Monthly_Assignment:'Effective-month assignment history. Latest Month ≤ Billing Month carries forward until a newer assignment exists.',
   Billing:'Upload uses S.No + Billing Month as the unique key. Existing key updates; new key adds. Same Invoice No is allowed.',
   Costing_Master:'Head + Supervisor + Month + Costing %',
   Supervisor_TDS:'Head + Supervisor + Month + TDS Amount',
   'Supervisor TDS':'Head + Supervisor + Month + TDS Amount',
  
  Accounts_Master:'Company-wise bank accounts master',
  Account_Statement:'Normalized bank / SOC statement data'
 };
 return m[s]||'Data source';
}

function renderMaster(type,btn){
 document.querySelectorAll('.tab').forEach(x=>x.classList.remove('active'));if(btn)btn.classList.add('active');
 const a=document.getElementById('masterArea');
 if(type==='company'){
    a.innerHTML=`<div class="tablewrap"><table><thead><tr><th>Code</th><th>Company Name</th><th>States</th><th>Portfolios</th></tr></thead><tbody>${companies.map(c=>`<tr><td>${htmlEscape(c.code)}</td><td>${htmlEscape(c.name)}</td><td>${Object.keys(c.states).length}</td><td>${c.portfolios.length}</td></tr>`).join('')}</tbody></table></div>`;
 }else if(type==='portfolio'){
   const rows=portfolioMasterRows;
   a.innerHTML=`<div class="source-status" style="margin-bottom:12px"><b>Source:</b> Derived from Monthly_Assignment.</div>
   <div class="tablewrap"><table><thead><tr><th>Company</th><th>Company Code</th><th>Portfolio / Client</th></tr></thead><tbody>
    ${rows.map(r=>`<tr><td>${htmlEscape(C(r.company).name)}</td><td>${htmlEscape(r.companyCode||C(r.company).code)}</td><td>${htmlEscape(r.portfolio)}</td></tr>`).join('')||`<tr><td colspan="3">Connect data source to view Monthly_Assignment-derived portfolio data.</td></tr>`}
   </tbody></table></div>`;
 }else if(type==='location'){
   const rows=locationMasterRows;
   a.innerHTML=`<div class="source-status" style="margin-bottom:12px"><b>Source:</b> Derived from Monthly_Assignment • ${rows.length} routes.</div>
   <div class="tablewrap"><table><thead><tr><th>Location Code</th><th>Company</th><th>Portfolio / Client</th><th>State</th><th>City / Location</th></tr></thead><tbody>
    ${rows.map(r=>`<tr><td>${htmlEscape(r.locationCode||'-')}</td><td>${htmlEscape(C(r.company).name)}</td><td>${htmlEscape(r.portfolio||'-')}</td><td>${htmlEscape(r.state||'-')}</td><td>${htmlEscape(r.city||'-')}</td></tr>`).join('')||`<tr><td colspan="5">Connect data source to view Monthly_Assignment-derived location data.</td></tr>`}
   </tbody></table></div>`;
 }else if(type==='supervisor'){
   const rows=supervisorMasterRows;
    a.innerHTML=`<div class="source-status" style="margin-bottom:12px"><b>Source:</b> Derived from active Monthly_Assignment rows.</div>
    <div class="tablewrap"><table><thead><tr><th>Supervisor Name</th><th>Status</th></tr></thead><tbody>${rows.map(r=>`<tr><td>${htmlEscape(r.supervisor||'-')}</td><td><span class="status ${r.active!==false?'received':'pending'}">${r.active!==false?'Active':'Inactive'}</span></td></tr>`).join('')||`<tr><td colspan="2">Connect data source to view Monthly_Assignment-derived supervisor data.</td></tr>`}</tbody></table></div>`;
 }else if(type==='assignment'){
   const rows=monthlyAssignmentRows;
   a.innerHTML=`<div class="source-status" style="margin-bottom:12px"><b>Monthly_Assignment history:</b> Month is Effective From. Dashboard uses the latest Month ≤ Billing Month for Company + Portfolio + State + City. Add a new row only when assignment changes; never overwrite history.</div>
   <div class="tablewrap"><table><thead><tr><th>Assignment ID</th><th>Month</th><th>Company</th><th>Supervisor</th><th>Portfolio</th><th>State</th><th>City</th><th>Status</th></tr></thead><tbody>
    ${rows.map(r=>`<tr><td>${htmlEscape(r.assignmentId||'-')}</td><td>${htmlEscape(r.month==='*'?'All Months (Legacy)':formatBillingMonth(r.month))}</td><td>${htmlEscape(C(r.company).name)}</td><td>${htmlEscape(r.supervisor||'-')}</td><td>${htmlEscape(r.portfolio||'-')}</td><td>${htmlEscape(r.state||'-')}</td><td>${htmlEscape(r.city||'-')}</td><td>${r.active!==false?'Active':'Inactive'}</td></tr>`).join('')||`<tr><td colspan="8">Connect Google Sheets to view Monthly_Assignment history data.</td></tr>`}
   </tbody></table></div>`;
 }else if(type==='costing'){
   const rows=costingMasterRows;
   a.innerHTML=`
   <div class="source-status" style="margin-bottom:12px">
     <b>Costing_Master lookup:</b> Month + Supervisor, with optional Company + Portfolio override.
     Supervisor, Portfolio, State and City are identified from Monthly_Assignment.
   </div>
   <div class="tablewrap"><table><thead><tr><th>Month</th><th>Company</th><th>Portfolio</th><th>Supervisor</th><th>Costing %</th></tr></thead><tbody>
    ${rows.map(r=>`<tr><td>${htmlEscape(formatBillingMonth(r.month))}</td><td>${htmlEscape(r.company?C(r.company).name:'All Companies')}</td><td>${htmlEscape(r.portfolio||'All Portfolios')}</td><td>${htmlEscape(r.supervisor)}</td><td><strong>${r.rate}%</strong></td></tr>`).join('')||`<tr><td colspan="5">Upload workbook to view Costing_Master data.</td></tr>`}
   </tbody></table></div>`;

 }
}
function userPermissionText(user){
  if(Array.isArray(user.permissions)&&user.permissions.includes('*'))return 'All modules';
  const permissions=Array.isArray(user.permissions)?user.permissions:[];
  const groups=ADMIN_PERMISSION_GROUPS.map(group=>{
    const labels=group.permissions.filter(permission=>permissions.includes(permission.value)).map(permission=>permission.label);
    return labels.length?`${group.label}: ${labels.join(', ')}`:'';
  }).filter(Boolean);
  const text=groups.join(' | ');
  return text.length>240?text.slice(0,237)+'...':text||'Not assigned';
}
function userCompanyText(user){return Array.isArray(user.companies)&&user.companies.length?user.companies.join(', '):'Not assigned';}
function userNetworkText(user){
  const policy=user.networkPolicy||'any';
  if(policy==='any')return 'Any network';
  const rules=Array.isArray(user.allowedIps)?user.allowedIps.filter(Boolean):[];
  const prefix=policy==='office_vpn'?'Office / VPN':'Approved IPs';
  return rules.length?`${prefix}: ${rules.join(', ')}`:`${prefix}: Not configured`;
}
function userCreatedText(user){
  if(!user.createdAt)return 'System';
  const date=new Date(user.createdAt);
  return Number.isNaN(date.getTime())?'—':date.toLocaleDateString('en-IN',{day:'2-digit',month:'short',year:'numeric'});
}
function toggleNetworkAccessField(){
  const policy=document.getElementById('newUserNetworkPolicy')?.value||'any';
  const input=document.getElementById('newUserAllowedIps');
  if(input){input.disabled=policy==='any';if(policy==='any')input.value='';}
}
function applyUserRolePreset(){
  const role=document.getElementById('newUserRole')?.value||'Viewer';
  const preset=ADMIN_ROLE_PRESETS[role]||[];
  document.querySelectorAll('[data-user-permission]').forEach(input=>{input.checked=preset.includes('*')||preset.includes(input.value);});
}
function setAllUserPermissions(checked){
  document.querySelectorAll('[data-user-permission]').forEach(input=>{input.checked=!!checked;});
}
function filteredAdminUsers(){
  const query=String(adminUserListQuery||'').trim().toLowerCase();
  return adminUsers.filter(user=>{
    const matchesStatus=adminUserStatusFilter==='all'||String(user.status||'Active')===adminUserStatusFilter;
    const hay=[user.name,user.loginId,user.role,userCompanyText(user),userPermissionText(user)].join(' ').toLowerCase();
    return matchesStatus&&(!query||hay.includes(query));
  });
}
function adminUsersTableMarkup(){
  return `<div class="tablewrap admin-users-tablewrap"><table class="admin-users-table"><thead><tr><th>User</th><th>Login ID</th><th>Role</th><th>Access</th><th>Status</th><th>Actions</th></tr></thead><tbody>${filteredAdminUsers().map(u=>{const protectedUser=u.loginId==='admin';const encoded=encodeURIComponent(u.loginId||'');return `<tr><td><strong>${htmlEscape(u.name||'-')}</strong><span class="user-row-meta">${htmlEscape(userCreatedText(u))}</span></td><td><code>${htmlEscape(u.loginId||'-')}</code></td><td>${htmlEscape(u.role||'-')}</td><td><details class="user-access-details"><summary>View access</summary><div><b>Company:</b> ${htmlEscape(userCompanyText(u))}<br><b>Network:</b> ${htmlEscape(userNetworkText(u))}<br><b>Permissions:</b> ${htmlEscape(userPermissionText(u))}</div></details></td><td><span class="status ${u.status==='Active'?'received':'pending'}">${htmlEscape(u.status||'Active')}</span></td><td><div class="user-table-actions">${protectedUser?'<span class="system-user-badge">System</span>':`<button class="btn" onclick="checkAdminUserLogin(decodeURIComponent('${encoded}'))">Check Login</button><button class="btn" onclick="editAdminUser(decodeURIComponent('${encoded}'))">Edit</button><button class="btn danger-outline-btn" onclick="prepareDeleteAdminUser(decodeURIComponent('${encoded}'))">Delete</button>`}</div></td></tr>`;}).join('')||'<tr><td colspan="6" class="admin-users-empty">No users match the current search.</td></tr>'}</tbody></table></div>`;
}
function refreshAdminUserTable(){
  const wrap=document.getElementById('adminUsersTableWrap');
  if(wrap)wrap.innerHTML=adminUsersTableMarkup();
  const count=document.getElementById('adminUsersCount');
  if(count)count.textContent=`${filteredAdminUsers().length}/${adminUsers.length} users`;
}
function setAdminUserListFilter(key,value){
  if(key==='query')adminUserListQuery=value||'';
  if(key==='status')adminUserStatusFilter=value||'all';
  refreshAdminUserTable();
}
function renderUsers(){
 const editingUser=editingAdminUserId?adminUsers.find(user=>user.loginId===editingAdminUserId):null;
 const isEditing=!!editingUser;
 document.getElementById('content').innerHTML=`
   <div class="source-card admin-password-card" style="margin-bottom:14px">
    <div class="source-card-head"><div><div class="admin-kicker">System Account Security</div><h3>Change Admin Password</h3></div><span class="source-type">ADMIN ONLY</span></div>
    <div class="user-form-grid">
      <div class="source-field"><label for="currentAdminPassword">Current admin password</label><input id="currentAdminPassword" type="password" autocomplete="current-password" placeholder="Enter current password"></div>
      <div class="source-field"><label for="newAdminPassword">New admin password</label><input id="newAdminPassword" type="password" autocomplete="new-password" placeholder="At least 8 characters"></div>
      <div class="source-field"><label for="confirmAdminPassword">Confirm new password</label><input id="confirmAdminPassword" type="password" autocomplete="new-password" placeholder="Re-enter new password"></div>
    </div>
    <div class="source-actions user-create-actions"><button class="action-btn primary" onclick="changeAdminPassword()">Change Admin Password <span>→</span></button><span class="create-hint">Passwords are never displayed or stored in plain text.</span></div>
    <div class="meta" id="adminPasswordChangeStatus">Changing this password updates the built-in <b>admin</b> login on this dashboard.</div>
   </div>
   <div class="source-grid user-create-grid">
    <div class="source-card user-create-card">
     <div class="source-card-head"><div><div class="admin-kicker">${isEditing?'Update Dashboard Access':'Custom Dashboard Access'}</div><h3>${isEditing?'Edit User':'Create User'}</h3></div><span class="source-type">${isEditing?'EDIT ACCOUNT':'LOCAL ACCOUNT'}</span></div>
     <div class="user-form-grid">
       <div class="source-field"><label for="newUserName">Full name</label><input id="newUserName" type="text" placeholder="Enter full name"></div>
       <div class="source-field"><label for="newUserLoginId">Login ID</label><input id="newUserLoginId" type="text" ${isEditing?'disabled':''} placeholder="e.g. rahul.finance"></div>
       <div class="source-field"><label for="newUserPassword">${isEditing?'New password (optional)':'Temporary password'}</label><input id="newUserPassword" type="password" autocomplete="new-password" placeholder="${isEditing?'Leave blank to keep current password':'At least 8 characters'}"></div>
       <div class="source-field"><label for="newUserPasswordConfirm">Confirm password</label><input id="newUserPasswordConfirm" type="password" autocomplete="new-password" placeholder="Re-enter password"></div>
      <div class="source-field"><label for="newUserRole">Role profile</label><select id="newUserRole" onchange="applyUserRolePreset()"><option>Viewer</option><option>Finance</option><option>Super Admin</option><option>Custom</option></select></div>
       <div class="source-field user-company-field"><label for="newUserCompanies">Company access</label><input id="newUserCompanies" type="text" placeholder="All Companies or comma-separated company names"></div>
      </div>
       <div class="network-access-panel"><div class="network-access-head"><div><strong>Network & Login Security</strong><span>Decide where this Login ID can be used.</span></div><span class="permission-count">OPTIONAL RESTRICTION</span></div><div class="network-access-grid"><div class="source-field"><label for="newUserNetworkPolicy">Network access policy</label><select id="newUserNetworkPolicy" onchange="toggleNetworkAccessField()"><option value="any">Any network</option><option value="allowlist">Approved IPs only</option><option value="office_vpn">Office / VPN only</option></select></div><div class="source-field"><label for="newUserAllowedIps">Allowed public IPs / ranges</label><input id="newUserAllowedIps" type="text" disabled placeholder="Example: 49.36.12.10, 49.36.12.0/24"><div class="network-ip-actions"><button type="button" class="btn" onclick="detectCurrentPublicIp()">Use Current Public IP</button><span id="currentPublicIpStatus" class="network-ip-status"></span></div></div></div><div class="network-access-help">Use the public office/VPN IP, not a local address such as 192.168.x.x or 10.x.x.x. Separate multiple public IPs with commas.</div></div>
       <details class="permission-panel" ${isEditing?'open':''}><summary class="permission-panel-summary"><span><strong>Advanced module permissions</strong><small>Open only when custom access is needed.</small></span><span class="permission-count">FINE-GRAINED ACCESS</span></summary><div class="permission-panel-actions"><button type="button" class="btn" onclick="setAllUserPermissions(true)">Select all</button><button type="button" class="btn" onclick="setAllUserPermissions(false)">Clear all</button></div><div class="permission-groups">${ADMIN_PERMISSION_GROUPS.map(group=>`<div class="permission-group"><div class="permission-group-title"><span class="permission-module-mark">${group.label.charAt(0)}</span><div><strong>${group.label}</strong><span>${group.description}</span></div></div><div class="permission-options">${group.permissions.map(p=>`<label title="${p.label}"><input type="checkbox" data-user-permission value="${p.value}"><span>${p.label}</span></label>`).join('')}</div></div>`).join('')}</div></details>
      <div class="source-actions user-create-actions"><button class="action-btn primary" onclick="createAdminUser()">${isEditing?'Save Changes':'Create User'} <span>→</span></button>${isEditing?'<button class="btn user-cancel-btn" onclick="cancelAdminUserEdit()">Cancel</button>':''}<span class="create-hint">Passwords are never displayed; edit the user to change or reset one.</span></div>
      <div class="meta" id="userCreateStatus">${isEditing?'Leave the password blank to keep the current password.':'Accounts are stored in this browser. Server-side authentication is not connected yet.'}</div>
   </div>
  </div>
   <div class="section admin-users-list-head"><div><h3>Users & Permissions</h3><span class="meta">Search users, review access, or test a login without exposing passwords.</span></div><span class="badge" id="adminUsersCount">${filteredAdminUsers().length}/${adminUsers.length} users</span></div>
   <div class="admin-users-toolbar"><input type="search" aria-label="Search users" placeholder="Search name, Login ID or role" value="${htmlEscape(adminUserListQuery)}" oninput="setAdminUserListFilter('query',this.value)"><select aria-label="Filter users by status" onchange="setAdminUserListFilter('status',this.value)"><option value="all" ${adminUserStatusFilter==='all'?'selected':''}>All statuses</option><option value="Active" ${adminUserStatusFilter==='Active'?'selected':''}>Active</option><option value="Invite Pending" ${adminUserStatusFilter==='Invite Pending'?'selected':''}>Invite Pending</option><option value="Disabled" ${adminUserStatusFilter==='Disabled'?'selected':''}>Disabled</option></select></div>
   <div id="adminUsersTableWrap">${adminUsersTableMarkup()}</div>`;
 setTimeout(()=>{if(editingUser)populateAdminUserForm(editingUser);else applyUserRolePreset();toggleNetworkAccessField();},0);
}
function populateAdminUserForm(user){
  const values={
    newUserName:user.name||'',
    newUserLoginId:user.loginId||'',
    newUserRole:user.role||'Viewer',
    newUserCompanies:Array.isArray(user.companies)?user.companies.join(', '):'',
    newUserNetworkPolicy:user.networkPolicy||'any',
    newUserAllowedIps:Array.isArray(user.allowedIps)?user.allowedIps.join(', '):''
  };
  Object.entries(values).forEach(([id,value])=>{const input=document.getElementById(id);if(input)input.value=value;});
  document.querySelectorAll('[data-user-permission]').forEach(input=>{input.checked=Array.isArray(user.permissions)&&(user.permissions.includes('*')||user.permissions.includes(input.value));});
   toggleNetworkAccessField();
}
 function userRecordHasPermission(user,permission){
   if(!user)return false;
   if(user.role==='Super Admin')return true;
   const permissions=Array.isArray(user.permissions)?user.permissions:[];
   if(permissions.includes('*')||permissions.includes(permission))return true;
   const moduleKey=String(permission||'').split(':')[0];
   if(String(permission||'').endsWith(':view'))return permissions.some(p=>String(p).startsWith(moduleKey+':'));
   return permissions.includes(moduleKey+':view')||permissions.includes(moduleKey+':*');
 }
 function userPreviewModules(user){
   return [
     {label:'Overview',permission:'overview:view',description:'Summary, KPIs, charts and pending billing alerts.'},
     {label:'Companies',permission:'companies:view',description:'Company structure, locations and assignment views.'},
     {label:'Billing',permission:'billing:view',description:'Billing register, invoice details and collection views.'},
     {label:'Costing',permission:'costing:view',description:'Costing rules, settlement and supervisor calculations.'},
     {label:'Accounts',permission:'accounts:view',description:'Bank accounts, imports and statement views.'},
     {label:'Reports',permission:'reports:view',description:'Company MIS and reporting pages.'},
     {label:'Admin',permission:'admin:access',description:'Users, imports, masters and data-source controls.'}
   ].map(module=>({...module,allowed:userRecordHasPermission(user,module.permission)}));
 }
 function checkAdminUserLogin(loginId){
   reloadAdminUsersFromStorage();
   const user=adminUsers.find(x=>String(x.loginId||'').toLowerCase()===String(loginId||'').toLowerCase());
   if(!user)return;
   if(user.status==='Disabled'){showPermissionNotice('Login check failed','This user is disabled.');return;}
   if(!user.passwordHash){showPermissionNotice('Password not set','This user does not have a local password yet. Edit the user to set one.');return;}
   adminUserCheckTarget=user.loginId;
   const modal=document.getElementById('adminUserLoginCheckModal');
   if(!modal)return;
   modal.innerHTML=`<div class="user-test-card" role="dialog" aria-modal="true" aria-labelledby="userTestTitle"><div class="user-test-kicker">Admin Login Test</div><h3 id="userTestTitle">Test ${htmlEscape(user.loginId)}</h3><p>Enter this user’s password to verify login. The password is masked and is never displayed or stored.</p><label for="adminUserCheckPassword">Password</label><input id="adminUserCheckPassword" type="password" autocomplete="off" placeholder="Enter password"><div id="adminUserCheckError" class="user-test-error" role="alert"></div><div class="user-test-actions"><button type="button" class="btn" onclick="closeAdminUserLoginCheck()">Cancel</button><button type="button" class="btn primary" onclick="submitAdminUserLoginCheck()">Check Login</button></div></div>`;
   modal.classList.add('show');
   modal.setAttribute('aria-hidden','false');
   setTimeout(()=>{
     const input=document.getElementById('adminUserCheckPassword');
     input?.focus();
     input?.addEventListener('keydown',event=>{if(event.key==='Enter')submitAdminUserLoginCheck();});
   },50);
 }
 function closeAdminUserLoginCheck(){
   const modal=document.getElementById('adminUserLoginCheckModal');
   if(modal){modal.classList.remove('show');modal.setAttribute('aria-hidden','true');modal.innerHTML='';}
   adminUserCheckTarget='';
 }
 async function submitAdminUserLoginCheck(){
   reloadAdminUsersFromStorage();
   const user=adminUsers.find(x=>x.loginId===adminUserCheckTarget);
   const input=document.getElementById('adminUserCheckPassword');
   const error=document.getElementById('adminUserCheckError');
   const password=input?.value||'';
   const fail=message=>{if(error)error.textContent=message;if(input){input.value='';input.focus();}};
   if(!user){closeAdminUserLoginCheck();return;}
   if(!password){fail('Enter the password to continue.');return;}
   if(await sha256Hex(password)!==user.passwordHash){fail('Login test failed. The Login ID or password is incorrect.');return;}
   // Admin is testing the user's credentials and permissions from the admin's
   // current browser, so an end-user IP allowlist must not block the test.
   closeAdminUserLoginCheck();
   openAdminUserPreview(user);
 }
 function openAdminUserPreview(user){
   adminUserPreviewUser=user;
   const overlay=document.getElementById('adminUserPreviewOverlay');
   if(!overlay)return;
   const modules=userPreviewModules(user);
   const allowed=modules.filter(module=>module.allowed);
   const restricted=modules.filter(module=>!module.allowed);
   const permissionLabels=(Array.isArray(user.permissions)?user.permissions:[]).map(permission=>permission==='*'?'All permissions':permission).slice(0,14);
   overlay.innerHTML=`<div class="user-preview-page"><div class="user-preview-head"><div><div class="user-preview-kicker">Separate User Preview</div><h2>${htmlEscape(user.name||user.loginId)}</h2><p>Previewing the dashboard as <b>${htmlEscape(user.loginId)}</b>. Admin controls remain unchanged. Admin testing bypasses the user IP allowlist.</p><span class="preview-verified">Login test passed</span></div><button type="button" class="btn" onclick="closeAdminUserPreview()">Close Preview</button></div><div class="user-preview-summary"><div class="user-preview-stat"><span>Login ID</span><strong>${htmlEscape(user.loginId)}</strong></div><div class="user-preview-stat"><span>Role</span><strong>${htmlEscape(user.role||'Viewer')}</strong></div><div class="user-preview-stat"><span>Visible Modules</span><strong>${allowed.length} of ${modules.length}</strong></div><div class="user-preview-stat"><span>Network</span><strong>${htmlEscape(user.networkPolicy==='any'?'Any network':user.networkPolicy||'Restricted')}</strong></div></div><section class="user-preview-section"><h3>What this user can see</h3><p>Green modules are available after login. Grey modules will show an access restriction.</p><div class="user-preview-module-grid">${modules.map(module=>`<div class="user-preview-module ${module.allowed?'allowed':'restricted'}"><strong>${module.allowed?'✓ ':''}${module.label}</strong><p>${module.description}</p><span class="user-preview-module-badge">${module.allowed?'Visible':'Restricted'}</span></div>`).join('')}</div></section><section class="user-preview-section"><h3>Access scope</h3><p>This is the same company and permission profile saved for the user.</p><div class="user-preview-summary" style="margin:0"><div class="user-preview-stat"><span>Company access</span><strong>${htmlEscape(userCompanyText(user))}</strong></div><div class="user-preview-stat"><span>Network rule</span><strong>${htmlEscape(userNetworkText(user))}</strong></div><div class="user-preview-stat" style="grid-column:span 2"><span>Permissions</span><div class="user-preview-permissions">${permissionLabels.map(label=>`<span>${htmlEscape(label)}</span>`).join('')||'<span>No permissions assigned</span>'}</div></div></div></section><div class="user-preview-footer"><span>${restricted.length?`${restricted.length} module${restricted.length===1?' is':'s are'} restricted.`:'This user has access to every module.'}</span><button type="button" class="action-btn primary" onclick="openUserDashboardPreview()">Open Dashboard View <span>→</span></button></div></div>`;
   overlay.classList.add('show');
   overlay.setAttribute('aria-hidden','false');
 }
 function closeAdminUserPreview(){
   const overlay=document.getElementById('adminUserPreviewOverlay');
   if(overlay){overlay.classList.remove('show');overlay.setAttribute('aria-hidden','true');overlay.innerHTML='';}
   adminUserPreviewUser=null;
 }
function openUserDashboardPreview(){
   const user=adminUserPreviewUser;
   if(!user)return;
   adminUserPreviewSession={returnView:'users'};
   const previewOverlay=document.getElementById('adminUserPreviewOverlay');
   if(previewOverlay){previewOverlay.classList.remove('show');previewOverlay.setAttribute('aria-hidden','true');previewOverlay.innerHTML='';}
   document.body.classList.add('user-preview-active');
   const topbar=document.querySelector('.topbar');
   if(topbar&&!document.getElementById('userPreviewBanner')){
     const banner=document.createElement('div');
     banner.id='userPreviewBanner';
     banner.className='user-preview-banner';
     banner.innerHTML=`Preview mode: ${htmlEscape(user.loginId)} <button type="button" class="btn" style="margin-left:auto;height:26px;padding:4px 8px;font-size:9px" onclick="exitAdminUserPreview()">Exit Preview</button>`;
     topbar.appendChild(banner);
   }
   const adminButton=document.getElementById('n5');
   if(adminButton){adminButton.dataset.previewDisplay=adminButton.style.display;adminButton.style.display='none';}
   const logoutButton=document.getElementById('dashboardLogoutBtn');
   if(logoutButton){logoutButton.dataset.previewOriginalText=logoutButton.textContent;logoutButton.dataset.previewOriginalOnclick=logoutButton.getAttribute('onclick')||'';logoutButton.textContent='Exit Preview';logoutButton.setAttribute('onclick','exitAdminUserPreview()');}
   const navPermissions={n1:'overview:view',n2:'companies:view',n3:'billing:view',n7:'costing:view',n6:'accounts:view',n4:'reports:view'};
   Object.entries(navPermissions).forEach(([id,permission])=>{
     const button=document.getElementById(id);
     if(!button)return;
     button.dataset.previewOriginalOnclick=button.getAttribute('onclick')||'';
     const allowed=userRecordHasPermission(user,permission);
     button.classList.toggle('preview-disabled',!allowed);
     if(!allowed)button.setAttribute('onclick',`showPermissionNotice('${permissionModuleLabel(permission)} access unavailable','This module is not assigned to this user.')`);
   });
   const overviewAllowed=userRecordHasPermission(user,'overview:view');
   if(overviewAllowed){active('n1');overview();}
   else{head('User Preview','Preview › Restricted');document.getElementById('content').innerHTML='<div class="card"><h3>Overview access restricted</h3><div class="meta">This user does not have permission to open Overview.</div></div>';}
 }
function exitAdminUserPreview(){
   document.body.classList.remove('user-preview-active');
   document.getElementById('userPreviewBanner')?.remove();
   const adminButton=document.getElementById('n5');
   if(adminButton){adminButton.style.display=adminButton.dataset.previewDisplay||'';delete adminButton.dataset.previewDisplay;}
   const logoutButton=document.getElementById('dashboardLogoutBtn');
   if(logoutButton){logoutButton.textContent=logoutButton.dataset.previewOriginalText||'Logout';logoutButton.setAttribute('onclick',logoutButton.dataset.previewOriginalOnclick||'logoutDashboard()');delete logoutButton.dataset.previewOriginalText;delete logoutButton.dataset.previewOriginalOnclick;}
   ['n1','n2','n3','n7','n6','n4'].forEach(id=>{const button=document.getElementById(id);if(!button)return;button.classList.remove('preview-disabled');if(button.dataset.previewOriginalOnclick){button.setAttribute('onclick',button.dataset.previewOriginalOnclick);delete button.dataset.previewOriginalOnclick;}});
   adminUserPreviewSession=null;
   adminUserPreviewUser=null;
   active('n5');
   renderUsers();
 }
async function changeAdminPassword(){
  const current=document.getElementById('currentAdminPassword')?.value||'';
  const next=document.getElementById('newAdminPassword')?.value||'';
  const confirm=document.getElementById('confirmAdminPassword')?.value||'';
  const status=document.getElementById('adminPasswordChangeStatus');
  const setStatus=(message,good=false)=>{if(status){status.textContent=message;status.style.color=good?'#067647':'#b42318';}};
  if(!current||!next||!confirm){setStatus('Enter the current password, new password and confirmation.');return;}
  if(await sha256Hex(current)!==dashboardPasswordHash()){setStatus('Current admin password is incorrect.');return;}
  if(next.length<8){setStatus('New admin password must contain at least 8 characters.');return;}
  if(next!==confirm){setStatus('New password and confirmation do not match.');return;}
  try{localStorage.setItem('dashboardAdminPasswordHash',await sha256Hex(next));}
  catch(_){setStatus('Password could not be saved in this browser.');return;}
  document.getElementById('currentAdminPassword').value='';
  document.getElementById('newAdminPassword').value='';
  document.getElementById('confirmAdminPassword').value='';
  setStatus('Admin password changed successfully.',true);
}
function editAdminUser(loginId){
  if(loginId==='admin'){showPermissionNotice('System account protected','The built-in admin account cannot be edited from this table.');return;}
  editingAdminUserId=loginId;
  pendingDeleteUserId='';
  renderUsers();
  setTimeout(()=>document.getElementById('newUserName')?.focus(),80);
}
function cancelAdminUserEdit(){editingAdminUserId='';renderUsers();}
function prepareDeleteAdminUser(loginId){
  if(loginId==='admin'){showPermissionNotice('System account protected','The built-in admin account cannot be deleted.');return;}
  const user=adminUsers.find(item=>item.loginId===loginId);
  if(!user)return;
  const displayName=user.name||loginId;
  requestDashboardDelete({
    kicker:'Protected access action',
    title:'Delete user access?',
    description:`Remove <b>${htmlEscape(displayName)}</b> (${htmlEscape(loginId)}) from this dashboard? This action cannot be undone.`,
    points:['The user will no longer be able to sign in.','Their saved role and module permissions will be removed from this browser.','Any existing dashboard session for this Login ID will not be renewed.'],
    confirmText:'Yes, delete user'
  }).then(confirmed=>{if(confirmed)deleteAdminUser(loginId);});
}
function cancelPendingDelete(){pendingDeleteUserId='';renderUsers();}
function deleteAdminUser(loginId){
  if(loginId==='admin')return;
  const deletedUser=adminUsers.find(user=>user.loginId===loginId);
  adminUsers=adminUsers.filter(user=>user.loginId!==loginId);
  pendingDeleteUserId='';
  persistAdminUsers();
  renderUsers();
  const status=document.getElementById('userCreateStatus');
  if(status)status.textContent=`User ${loginId} deleted.`;
  showDashboardActionToast('User deleted',`${deletedUser?.name||loginId} no longer has dashboard access.`);
}
async function createAdminUser(){
  const name=(document.getElementById('newUserName')?.value||'').trim();
 const loginId=(document.getElementById('newUserLoginId')?.value||'').trim().toLowerCase();
  const password=document.getElementById('newUserPassword')?.value||'';
  const passwordConfirm=document.getElementById('newUserPasswordConfirm')?.value||'';
  const role=document.getElementById('newUserRole')?.value||'Viewer';
  const companies=(document.getElementById('newUserCompanies')?.value||'').split(',').map(x=>x.trim()).filter(Boolean);
  const networkPolicy=document.getElementById('newUserNetworkPolicy')?.value||'any';
  const allowedIps=(document.getElementById('newUserAllowedIps')?.value||'').split(/[\s,]+/).map(x=>x.trim()).filter(Boolean);
  const permissions=Array.from(document.querySelectorAll('[data-user-permission]:checked')).map(input=>input.value);
  const status=document.getElementById('userCreateStatus');
  const editingUser=editingAdminUserId?adminUsers.find(user=>user.loginId===editingAdminUserId):null;
  if(!name||!loginId||(!editingUser&&!password)){if(status)status.textContent=editingUser?'Full name and Login ID are required.':'Full name, Login ID and temporary password are required.';return;}
  if(password&&password.length<8){if(status)status.textContent='Password must contain at least 8 characters.';return;}
  if(password!==passwordConfirm){if(status)status.textContent='Password and confirmation do not match.';return;}
  if(!editingUser&& (loginId==='admin'||adminUsers.some(u=>String(u.loginId||'').toLowerCase()===loginId))){if(status)status.textContent='That Login ID is already in use.';return;}
  if(networkPolicy!=='any'&&!allowedIps.length){if(status)status.textContent='Add at least one approved public IP or choose Any network.';return;}
  if(!permissions.length){if(status)status.textContent='Select at least one module permission.';return;}
  if(editingUser){
    editingUser.name=name;
    editingUser.role=role;
    editingUser.companies=companies.length?companies:['All Companies'];
    editingUser.permissions=permissions;
    editingUser.networkPolicy=networkPolicy;
    editingUser.allowedIps=allowedIps;
    if(password)editingUser.passwordHash=await sha256Hex(password);
    persistAdminUsers();
    editingAdminUserId='';
    renderUsers();
    const saved=document.getElementById('userCreateStatus');
    if(saved)saved.textContent=`User ${loginId} updated. Passwords are never displayed.`;
    return;
  }
  adminUsers.push({loginId,name,role,companies:companies.length?companies:['All Companies'],permissions,networkPolicy,allowedIps,passwordHash:await sha256Hex(password),status:'Active',createdAt:new Date().toISOString()});
  persistAdminUsers();
  renderUsers();
  const saved=document.getElementById('userCreateStatus');
  if(saved)saved.textContent=`User ${loginId} created. They can log in with the temporary password.`;
}
function addUser(){document.getElementById('newUserName')?.focus();}
function showInitialLiveLoadOverlay(){
  if(document.getElementById('initialLiveLoadOverlay'))return;
  if(!localStorage.getItem('googleSheetUrl'))return;
  const el=document.createElement('div');
  el.id='initialLiveLoadOverlay';
  el.innerHTML='<div class="initial-live-card"><div class="initial-live-spinner"></div><strong>Loading live dashboard data</strong><span>Reading the latest Google Sheet values. The dashboard will appear when the full data is ready.</span></div>';
  document.body.appendChild(el);
}
function hideInitialLiveLoadOverlay(){document.getElementById('initialLiveLoadOverlay')?.remove();}
showInitialLiveLoadOverlay();
restoreImportedDashboardData();
if(!companies.length)loadEmbeddedLatestData();
if(companies.length)overview();else showEmptyDashboard();

let savedGoogleLoadStarted=false;
function startSavedGoogleLoad(){
  if(savedGoogleLoadStarted)return;
  const saved=localStorage.getItem('googleSheetUrl')||'';
  if(!saved)return;
  const input=document.getElementById('googleSheetUrl'); if(input)input.value=saved;
  const scriptUrl=localStorage.getItem('accountAppsScriptUrl')||DEFAULT_ACCOUNT_WEBAPP_URL||'';
  const scriptInput=document.getElementById('appsScriptWebAppUrl'); if(scriptInput&&scriptUrl)scriptInput.value=scriptUrl;
  // Wait for the workbook parser if this script ran before external scripts finished.
  if(typeof XLSX==='undefined'){
    setTimeout(startSavedGoogleLoad,250);
    return;
  }
  savedGoogleLoadStarted=true;
  // Reuse Connect & Load so startup gets the same Apps Script and public-sheet fallbacks.
  connectGoogleSheet();
}
startSavedGoogleLoad();
window.addEventListener('load',()=>{setTimeout(startSavedGoogleLoad,250);});

// Avoid starting a full live sync repeatedly while users click around the app.
let lastDashboardActivationSync=0;
function syncDashboardOnActivation(){
  const now=Date.now();
  if(now-lastDashboardActivationSync<10000)return;
  lastDashboardActivationSync=now;
  if(localStorage.getItem('googleSheetUrl'))pollGoogleLiveVersion();
}
window.addEventListener('focus',syncDashboardOnActivation);
document.addEventListener('visibilitychange',()=>{
  if(document.visibilityState==='visible')syncDashboardOnActivation();
});
window.addEventListener('online',()=>{ if(localStorage.getItem('googleSheetUrl')) pollGoogleLiveVersion(); });

// ===== Browser Interaction Guard =====
(function setupDashboardProtection(){
  function guardToast(){
    const el=document.getElementById('browserGuardToast');
    if(!el)return;
    el.classList.add('show');
    clearTimeout(window.__guardToastTimer);
    window.__guardToastTimer=setTimeout(()=>el.classList.remove('show'),1400);
  }

  document.addEventListener('contextmenu', function(e){
    e.preventDefault();
    guardToast();
  }, true);

  document.addEventListener('keydown', function(e){
    const k=(e.key||'').toLowerCase();

    // Allow normal typing/navigation in inputs, but still block source/save/devtools combos.
    const blocked =
      e.key==='F12' ||
      (e.ctrlKey && k==='s') ||
      (e.ctrlKey && k==='u') ||
      (e.ctrlKey && e.shiftKey && ['i','j','c','k'].includes(k)) ||
      (e.metaKey && e.altKey && ['i','j','c'].includes(k));

    if(blocked){
      e.preventDefault();
      e.stopPropagation();
      guardToast();
      return false;
    }

    if(e.key==='Enter' && document.getElementById('adminLoginBackdrop')?.classList.contains('show')){
      e.preventDefault();
      submitAdminLogin();
    }
    if(e.key==='Escape' && document.getElementById('adminLoginBackdrop')?.classList.contains('show')){
      e.preventDefault();
      closeAdminLogin();
    }
    if(e.key==='Escape' && document.getElementById('bankImportDeleteModal')?.classList.contains('show')){
      e.preventDefault();
      resolveBankImportDelete(false);
    }
  }, true);

  // Prevent drag-saving the page/images in common browser interactions.
  document.addEventListener('dragstart', function(e){
    const t=e.target;
    if(t && (t.tagName==='IMG' || t.tagName==='A')) e.preventDefault();
  }, true);
})();

</script>

<script id="accounts-header-alignment-runtime">
(function(){
  function alignAccountsHeaders(){
    document.querySelectorAll('.account-statement-data-table thead th').forEach(function(th,i){
      var n=i+1;
      var align=(n===1||n===6)?'center':((n>=8&&n<=10)?'right':'left');
      th.style.setProperty('text-align',align,'important');
      th.style.setProperty('vertical-align','middle','important');
    });
  }
  const obs=new MutationObserver(alignAccountsHeaders);
  obs.observe(document.body,{childList:true,subtree:true});
  document.addEventListener('DOMContentLoaded',alignAccountsHeaders);
  setTimeout(alignAccountsHeaders,0);
})();
</script>

<script id="multi-filter-global-events-runtime">
(function(){
  function closeMultiFiltersOutsideRuntime(event){
    if(event.target.closest?.('.multi-filter-control'))return;
    document.querySelectorAll('.multi-filter-control[open]').forEach(function(details){details.removeAttribute('open');});
  }
  document.addEventListener('click',closeMultiFiltersOutsideRuntime);
  document.addEventListener('keydown',function(event){
    if(event.key==='Escape')document.querySelectorAll('.multi-filter-control[open]').forEach(function(details){details.removeAttribute('open');});
  });
})();
</script>

<script id="dashboard-keyboard-accessibility-runtime">
(function(){
  const selector='#content [onclick]:not(button):not(a):not(input):not(select):not(summary):not(option)';
  function enhance(root){
    if(!root||!root.querySelectorAll)return;
    root.querySelectorAll(selector).forEach(function(el){
      if(el.dataset.keyboardReady==='1')return;
      el.dataset.keyboardReady='1';
      if(!el.hasAttribute('role'))el.setAttribute('role','button');
      if(!el.hasAttribute('tabindex'))el.setAttribute('tabindex','0');
    });
  }
  document.addEventListener('keydown',function(event){
    if(event.key!=='Enter'&&event.key!==' ')return;
    const el=event.target.closest?.(selector);
    if(!el)return;
    event.preventDefault();
    el.click();
  });
  const content=document.getElementById('content');
  if(content){
    enhance(content);
    new MutationObserver(function(){enhance(content)}).observe(content,{childList:true,subtree:true});
  }
})();
</script>

</body>
</html>