/* ==========================================================================
   v179 — three consistency fixes only (CSS part)
   1) every KPI card gets a pastel shade   2) one pagination bar style   3) date-control alignment
   Presentation only. No ids / storage / calculation / handler changes.
   ========================================================================== */
@media screen{
/* ---- 1. KPI cards: soft pastel from the icon colour; blue is the safe default ---- */
body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab).tab-content.tab-content :is(.ud-kpi,.mj-card,.erp-ar-card,[class*='-ui-kpi']:not([class*='kpi-icon']):not([class*='kpis'])){background:#eff1ff!important;border-color:#dfe3fb!important}
body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab).tab-content.tab-content :is(.ud-kpi,.mj-card,.erp-ar-card,[class*='-ui-kpi']:not([class*='kpi-icon']):not([class*='kpis'])):has([class*='icon'].blue,.mj-ki.blue,[class*='icon'].indigo,.mj-ki.indigo,[class*='icon'].sky,.mj-ki.sky,[class*='icon'].cyan,.mj-ki.cyan,[class*='icon'].teal-blue,.mj-ki.teal-blue){background:#eff1ff!important;border-color:#dfe3fb!important}
body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab).tab-content.tab-content .ph-kpi.blue{background:#eff1ff!important;border-color:#dfe3fb!important}
body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab).tab-content.tab-content :is(.ud-kpi,.mj-card,.erp-ar-card,[class*='-ui-kpi']:not([class*='kpi-icon']):not([class*='kpis'])):has([class*='icon'].green,.mj-ki.green,[class*='icon'].teal,.mj-ki.teal,[class*='icon'].emerald,.mj-ki.emerald){background:#ebf8f0!important;border-color:#d3eddc!important}
body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab).tab-content.tab-content .ph-kpi.green{background:#ebf8f0!important;border-color:#d3eddc!important}
body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab).tab-content.tab-content :is(.ud-kpi,.mj-card,.erp-ar-card,[class*='-ui-kpi']:not([class*='kpi-icon']):not([class*='kpis'])):has([class*='icon'].orange,.mj-ki.orange,[class*='icon'].amber,.mj-ki.amber,[class*='icon'].yellow,.mj-ki.yellow,[class*='icon'].gold,.mj-ki.gold){background:#fff5e8!important;border-color:#fae3c2!important}
body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab).tab-content.tab-content .ph-kpi.orange{background:#fff5e8!important;border-color:#fae3c2!important}
body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab).tab-content.tab-content :is(.ud-kpi,.mj-card,.erp-ar-card,[class*='-ui-kpi']:not([class*='kpi-icon']):not([class*='kpis'])):has([class*='icon'].red,.mj-ki.red,[class*='icon'].pink,.mj-ki.pink,[class*='icon'].rose,.mj-ki.rose,[class*='icon'].crimson,.mj-ki.crimson){background:#fdecee!important;border-color:#f8d4d8!important}
body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab).tab-content.tab-content .ph-kpi.red{background:#fdecee!important;border-color:#f8d4d8!important}
body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab).tab-content.tab-content :is(.ud-kpi,.mj-card,.erp-ar-card,[class*='-ui-kpi']:not([class*='kpi-icon']):not([class*='kpis'])):has([class*='icon'].purple,.mj-ki.purple,[class*='icon'].violet,.mj-ki.violet,[class*='icon'].magenta,.mj-ki.magenta){background:#f3edff!important;border-color:#e4d9fb!important}
body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab).tab-content.tab-content .ph-kpi.purple{background:#f3edff!important;border-color:#e4d9fb!important}
body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab).tab-content.tab-content .ph-kpi{background:#eff1ff!important;border-color:#dfe3fb!important}
body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab).tab-content.tab-content .ph-kpi.blue{background:#eff1ff!important;border-color:#dfe3fb!important}
body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab).tab-content.tab-content .ph-kpi.green{background:#ebf8f0!important;border-color:#d3eddc!important}
body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab).tab-content.tab-content .ph-kpi.orange{background:#fff5e8!important;border-color:#fae3c2!important}
body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab).tab-content.tab-content .ph-kpi.red{background:#fdecee!important;border-color:#f8d4d8!important}
body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab).tab-content.tab-content .ph-kpi.purple{background:#f3edff!important;border-color:#e4d9fb!important}

/* ---- 2. Pagination: one bar style on every register ---- */
.vp-pagination{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px!important;min-height:50px;border-top:1px solid #dfe7f0!important;background:#fff!important;font-size:11px!important;color:#64748b!important}
.vp-pagination .vp-info{white-space:nowrap}
.vp-pagination .vp-buttons{display:flex;align-items:center;gap:6px}
.vp-pagination button,.mj-pagination button{box-sizing:border-box;min-width:30px;height:30px;padding:0 8px;border:1px solid #d5dfeb;border-radius:8px;background:#fff;color:#475569;font-size:12px;font-weight:500;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.vp-pagination button:hover:not(:disabled),.mj-pagination button:hover:not(:disabled){background:#f1f6fd;border-color:#b9c9dc}
.vp-pagination button[aria-current],.mj-pagination button.on{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;font-weight:600}
.vp-pagination button:disabled,.mj-pagination button:disabled{background:#f8fafc;color:#b6c2d1;cursor:not-allowed;opacity:1}
.vp-pagination .vp-gap,.mj-pagination .mj-page-gap{color:#94a3b8;font-size:12px;padding:0 2px}
.mj-pagination{display:flex!important;align-items:center;gap:6px!important}
/* the new bar already carries the record range, so the old static count/caption strip is not repeated */
.vp-pagination ~ :is(.party-ui-footer,.wm-ui-footer,.os-ui-footer,.ch-ui-footer,.dp-ui-footer,.ds-ui-footer){display:none!important}
/* registers that sit directly on the page (Bills, Ledger) keep the same card edge */
.tab-content > .table-container:has(+ .vp-pagination){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:0!important}
.tab-content > .table-container + .vp-pagination{border:1px solid #dfe7f0;border-radius:0 0 10px 10px;margin-bottom:8px}

/* ---- 3. Date controls: same field + calendar-button geometry as the Report Center ---- */
body #dashboardTab.tab-content.tab-content .ud-date-box{height:40px!important;min-height:40px!important;padding:0 8px!important;gap:8px!important;align-items:center!important;box-sizing:border-box!important}
body #dashboardTab.tab-content.tab-content .ud-date-box>div{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;min-width:0!important}
body #dashboardTab.tab-content.tab-content .ud-date-box strong{display:inline-block!important;position:static!important;white-space:nowrap!important;margin:0!important}
body #dashboardTab.tab-content.tab-content .ud-date-box .pk-date-wrap input[type=text]{height:30px!important;min-height:30px!important}
body #dashboardTab .ud-date-box .pk-date-wrap{gap:6px!important;align-items:center!important}
body #dashboardTab .ud-date-box .pk-date-wrap input[type=text]{width:132px!important;min-width:132px!important;flex:0 0 132px!important}
body #dashboardTab.tab-content.tab-content .ud-date-box .pk-date-wrap .pk-date-btn{width:39px!important;min-width:39px!important;max-width:39px!important;height:29px!important;min-height:29px!important;max-height:29px!important;flex:0 0 39px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important}
body #paymentsTab.tab-content.tab-content .ph-date-range{flex:0 0 auto!important;gap:8px!important;padding:0 10px!important}
body #paymentsTab.tab-content.tab-content .ph-date-range input[type=date]{width:138px!important;min-width:138px!important;flex:0 0 138px!important;height:28px!important}
}
@media print{.vp-pagination{display:none!important}}