#dcMount{color:#eaf1ff;font-size:15px}#dcMount .dc2Hero{height:auto;min-height:80px;padding:0 0 17px;background:none;border:0;margin-bottom:0}#dcMount .dc2Hero h1{font-size:32px;line-height:1.4}#dcMount .dc2Hero p{font-size:17px;margin:3px 0;color:#b5c6e3}#dcMount .dc2Stats{gap:18px;margin-bottom:18px}#dcMount .dc2Stat{height:112px;border-radius:13px;padding:20px;gap:20px}#dcMount .dc2Stat i{width:62px;height:62px;border-radius:50%;font-size:31px;border:1px solid #ffffff35;background:#ffffff15}#dcMount .dc2Stat small{font-size:18px}#dcMount .dc2Stat b{font-size:30px;margin:5px 0 0}#dcMount .dc2Stat.pink{background:linear-gradient(110deg,#951746,#321d49);border-color:#ab3b78}#dcMount .dc2Stat.green{background:linear-gradient(110deg,#006952,#102f39);border-color:#119477}#dcMount .dc2Stat.orange{background:linear-gradient(110deg,#895015,#242935);border-color:#a56930}#dcMount .dc2Toolbar{align-items:center;gap:14px;margin-bottom:15px;flex-wrap:wrap}#dcMount .dc2Toolbar>button,#dcMount .dc2Toolbar>select{height:48px;font-size:15px;border-radius:10px;background:#101f39;border-color:#34537f}#dcMount #dc2History{margin-left:auto}#dcMount #dc2AddCustomer{background:linear-gradient(130deg,#804dff,#5724ed);padding:0 23px}#dcMount .dc2Ledger{background:linear-gradient(130deg,#0c1e37,#07172a);border-color:#263c61;border-radius:13px}#dcMount .dc2TableWrap{max-height:none}#dcMount .dc2Table{font-size:15px}#dcMount .dc2Table th{font-size:15px;padding:17px 16px;background:#10213e;font-weight:600;color:#d5e0f6}#dcMount .dc2Table td{padding:13px 16px;border-color:#1d3455;height:64px}#dcMount .dc2Table tbody tr:hover td{background:#102c47}#dcMount .dc2Table .money{font-size:20px}#dcMount .dcDueMoney{color:#ff629b}#dcMount .dcCreditMoney{color:#3ae79e}#dcMount .dc3Identity{display:flex;align-items:center;gap:14px}#dcMount .dc3Avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--avatar);color:#fff;font-size:22px;flex:none}#dcMount .dc3LastAmount{display:block;color:#9ab5d9;font-size:13px;margin-top:4px}#dcMount .dc2Status{font-size:13px;padding:7px 13px;border:1px solid #8c2b60;background:#4b1934;color:#ff82b1}#dcMount .dc2Status.paid{background:#073b32;color:#3bdd9b;border-color:#087d59}#dcMount .dc2Actions{gap:8px}#dcMount .dc2Actions button{height:42px;border-radius:9px;font-size:14px;padding:0 13px;background:#0d223d;border-color:#345882}#dcMount .dc2Actions .collect{background:linear-gradient(120deg,#0b885f,#085c49);border-color:#19b384}#dcMount .dc2Actions .add{background:linear-gradient(120deg,#6546e4,#402b9a);border-color:#876fff}#dcMount .dc2Pager{padding:12px 16px;font-size:13px;color:#a4bad9;align-items:center}#dcMount .dc2Pager button{border:1px solid #34537f;background:#132640;border-radius:6px;color:#dce9ff;padding:4px 10px;cursor:pointer}#dcMount .dc2Pager button:disabled{opacity:.35;cursor:default}#dcMount .dc2Bottom{margin-top:18px;gap:18px;grid-template-columns:1fr 1fr}#dcMount .dc2Mini{border:1px solid #263c61;border-radius:13px;padding:20px;background:linear-gradient(130deg,#0c1e37,#07172a)}#dcMount .dc2Mini h3{font-size:21px;margin:0 0 5px}#dcMount .dc2Mini>p{font-size:12px;color:#9ab3d2;margin:0 0 16px}#dcMount .dc3AgeRow{display:grid;grid-template-columns:100px 1fr auto;gap:14px;align-items:center;margin:15px 0;font-size:14px}#dcMount .dc3AgeTrack{height:14px;background:#122a4b;border-radius:10px;overflow:hidden}#dcMount .dc3AgeTrack i{display:block;height:100%;border-radius:10px}#dcMount .dc3AgeRow b{font-weight:600}#dcMount .dc3AgeRow small{color:#a6bfde;font-size:12px}#dcMount .dc2Activity{width:100%;font-size:15px}#dcMount .dc2Activity td{padding:11px 6px;border-bottom:1px solid #1d3455}#dcMount .dc2Activity small{display:block;font-size:12px;color:#9ab3d2;margin-top:4px}#dcMount .dc2Activity td:last-child{text-align:right;font-size:18px;font-weight:700}#dcMount .dc3ActivityIcon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#078865;color:#fff;font-size:24px}#dcMount .dc3ActivityIcon.added{background:#953756}#dcMount .dc2Empty{padding:35px;font-size:16px}@media(max-width:1150px){#dcMount .dc2Bottom{grid-template-columns:1fr}#dcMount .dc2Table{min-width:1000px}#dcMount .dc2Stat small{font-size:15px}#dcMount .dc2Stat{padding:15px;gap:12px}#dcMount .dc2Stat b{font-size:24px}}@media(max-width:700px){#dcMount .dc2Stats{grid-template-columns:1fr}#dcMount .dc2Stat{height:96px}#dcMount .dc2Toolbar>*{width:auto}#dcMount #dc2History{margin-left:0}#dcMount .dc2Hero h1{font-size:27px}#dcMount .dc3AgeRow{grid-template-columns:80px 1fr;font-size:13px}#dcMount .dc3AgeRow b{grid-column:2}}
/* v315: compact ledger and viewport-contained due drawers. */
#dcMount .dc2Hero{min-height:0;padding-bottom:12px}
#dcMount .dc2Stats{gap:14px;margin-bottom:14px}
#dcMount .dc2Stat{height:96px;padding:16px;gap:14px}
#dcMount .dc2Stat i{width:48px;height:48px;font-size:26px}
#dcMount .dc2Stat small{font-size:16px}
#dcMount .dc2Stat b{font-size:27px}
#dcMount .dc2Toolbar{gap:10px;margin-bottom:12px}
#dcMount .dc2Table{table-layout:fixed;width:100%}
#dcMount .dc2Table th:nth-child(1){width:23%}
#dcMount .dc2Table th:nth-child(2){width:15%}
#dcMount .dc2Table th:nth-child(3){width:13%}
#dcMount .dc2Table th:nth-child(4){width:14%}
#dcMount .dc2Table th:nth-child(5){width:10%}
#dcMount .dc2Table th:nth-child(6){width:25%}
#dcMount .dc2Table td{height:54px;padding:8px 12px;font-size:15px!important}
#dcMount .dc2Table th{padding:12px;font-size:15px!important}
#dcMount .dc3Identity{gap:9px;min-width:0}
#dcMount .dc3Identity b{font-size:15px!important;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
#dcMount .dc3Avatar{width:34px;height:34px;font-size:18px}
#dcMount .dc2Actions{gap:6px;flex-wrap:wrap}
#dcMount .dc2Actions button{height:36px;padding:0 9px;font-size:13px!important;white-space:nowrap}
#dcMount .dc2Table .money{font-size:19px!important}
#dcMount .dc2Bottom{gap:14px;margin-top:14px;align-items:start}
#dcMount .dc2Mini{padding:16px;min-height:0!important}
#dcMount .dc3AgeRow{margin:10px 0;gap:10px}
#dcMount .dc2Activity td{font-size:14px!important;padding:8px 5px}
#dcMount .dc2Activity td b{font-size:14px!important}
#appDialog.balanceDrawer.duePaymentReference{position:fixed;inset:0;margin:0!important;width:100vw!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:none!important;padding:0!important;box-sizing:border-box;overflow:hidden!important;background:#02091699!important}
#appDialog.balanceDrawer.duePaymentReference .appDialogCard{position:absolute;inset:0 0 0 auto;width:min(460px,100vw)!important;height:100%!important;max-height:100%!important;box-sizing:border-box!important;padding:18px!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;overflow:hidden!important;border-radius:0!important}
#appDialog.duePaymentReference .appDialogHeader{margin:0!important;flex-shrink:0}
#appDialog.duePaymentReference .appDialogFields{min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;margin:0!important;padding:0 6px 8px 0!important;scrollbar-gutter:stable}
#appDialog.duePaymentReference .appDialogActions{position:static!important;margin:0!important;padding:12px 0 0!important;display:grid!important;grid-template-columns:1fr 1.35fr;gap:8px;background:#081c31;min-height:0!important}
#appDialog.duePaymentReference .appDialogActions button{min-width:0!important;height:46px!important;margin:0!important;font-size:14px!important}
#appDialog.duePaymentReference .dc2Field>span{font-size:13px}
#appDialog.duePaymentReference .dc2Field input,#appDialog.duePaymentReference .dc2Field select,#appDialog.duePaymentReference .dc2Field textarea{box-sizing:border-box;font-size:15px}
@media(max-width:1150px){#dcMount .dc2Table{min-width:1000px}#dcMount .dc2Bottom{grid-template-columns:1fr}}
@media(max-width:700px){#dcMount .dc2Stats{grid-template-columns:1fr}#appDialog.balanceDrawer.duePaymentReference .appDialogCard{padding:14px!important;gap:10px}}

/* v316: Add Customer uses the same viewport-safe drawer. */
#appDialog.balanceDrawer:has([name="customer_name"]){position:fixed;inset:0;margin:0!important;width:100vw!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:none!important;padding:0!important;box-sizing:border-box;overflow:hidden!important;background:#02091699!important}
#appDialog.balanceDrawer:has([name="customer_name"]) .appDialogCard{position:absolute;inset:0 0 0 auto;width:min(460px,100vw)!important;height:100%!important;max-height:100%!important;box-sizing:border-box!important;padding:18px!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;overflow:hidden!important;border-radius:0!important}
#appDialog.balanceDrawer:has([name="customer_name"]) .appDialogHeader{margin:0!important;flex-shrink:0}
#appDialog.balanceDrawer:has([name="customer_name"]) .appDialogFields{min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;margin:0!important;padding:0 6px 8px 0!important;scrollbar-gutter:stable}
#appDialog.balanceDrawer:has([name="customer_name"]) .appDialogActions{position:static!important;margin:0!important;padding:12px 0 0!important;display:grid!important;grid-template-columns:1fr 1.35fr;gap:8px;background:#081c31;min-height:0!important}
#appDialog.balanceDrawer:has([name="customer_name"]) .appDialogActions button{min-width:0!important;height:46px!important;margin:0!important;font-size:14px!important}
#appDialog.balanceDrawer:has([name="customer_name"]) .dc2Field>span{font-size:13px}
#appDialog.balanceDrawer:has([name="customer_name"]) .dc2Field input,#appDialog.balanceDrawer:has([name="customer_name"]) .dc2Field select,#appDialog.balanceDrawer:has([name="customer_name"]) .dc2Field textarea{box-sizing:border-box;font-size:15px}

@media(max-width:700px){#appDialog.balanceDrawer:has([name="customer_name"]) .appDialogCard{padding:14px!important;gap:10px}}
/* v317: remove the all-customer History UI; individual ledgers remain available. */
#allCustomerHistoryDialog,#allCustomerHistoryBtn,#dcMount #dc2History{display:none!important}
#dcMount #dc2AddCustomer{margin-left:auto}

/* v318: align customer actions with the right table edge. */
#dcMount .dc2Actions{justify-content:flex-end}
#dcMount .dc2Table th:last-child{text-align:right;padding-right:16px}
#dcMount .dc2Table td:last-child{padding-right:16px}