@media screen and (max-width:1099px){
  /* ERP Reports: filter row was a fixed 4-column grid -> labels overlapped. Make it a fluid grid. */
  html body #erpReportsTab#erpReportsTab .erp-center-header{height:auto!important;min-height:0!important;flex-wrap:wrap!important;gap:8px!important;padding:10px 12px!important;}
  html body #erpReportsTab#erpReportsTab .erp-center-header :is(.subtitle,.title){white-space:normal!important;overflow:visible!important;}
  html body #erpReportsTab#erpReportsTab .erp-report-filters{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;column-gap:10px!important;row-gap:8px!important;align-items:end!important;height:auto!important;min-height:0!important;padding:10px 12px!important;overflow:visible!important;}
  html body #erpReportsTab#erpReportsTab .erp-report-filters :is(.erp-report-toolbar,.form-grid){display:contents!important;}
  html body #erpReportsTab#erpReportsTab .erp-report-filters>*,
  html body #erpReportsTab#erpReportsTab .erp-report-filters .form-grid>*,
  html body #erpReportsTab#erpReportsTab .erp-report-filters .erp-report-toolbar>*{grid-column:auto!important;grid-row:auto!important;min-width:0!important;width:auto!important;max-width:100%!important;margin:0!important;}
  html body #erpReportsTab#erpReportsTab .erp-report-filters .erp-report-toolbar>div:first-child{grid-column:1/-1!important;}
  html body #erpReportsTab#erpReportsTab .erp-report-filters :is(select,input,.form-control,.erp-report-selector){width:100%!important;min-width:0!important;box-sizing:border-box!important;}
  html body #erpReportsTab#erpReportsTab .erp-report-filters label{white-space:normal!important;line-height:1.2!important;}
  html body #erpReportsTab#erpReportsTab .erp-ar-hero{flex-wrap:wrap!important;gap:8px!important;min-height:0!important;height:auto!important;margin:4px 0 8px!important;}
  html body #erpReportsTab#erpReportsTab .erp-ar-hero>div:first-child{flex:1 1 220px!important;min-width:0!important;}
  html body #erpReportsTab#erpReportsTab .erp-report-date{min-width:0!important;flex:1 1 200px!important;}

  /* Compact KPI cards: 2 per row so 10+ cards don't become a mile-long list */
  html body #erpReportsTab#erpReportsTab .erp-ar-card,
  html body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab) :is(.ud-kpi,[class*="-ui-kpi"]:not([class*="kpis"]):not([class*="icon"]),.ph-kpi,.mj-card){min-height:0!important;height:auto!important;padding:9px 10px!important;gap:8px!important;border-radius:10px!important;}
  html body #erpReportsTab#erpReportsTab .erp-ar-card>:first-child:is([class*="icon"]),
  html body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab) :is(.ud-kpi,[class*="-ui-kpi"]:not([class*="kpis"]):not([class*="icon"]),.ph-kpi,.mj-card)>:first-child:is([class*="icon"]){width:28px!important;height:28px!important;flex:0 0 28px!important;font-size:12px!important;border-radius:8px!important;}
  html body #erpReportsTab#erpReportsTab .erp-ar-card small,
  html body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab) :is(.ud-kpi,.ph-kpi,.mj-card) small{font-size:10.5px!important;line-height:1.2!important;margin-bottom:1px!important;}
  html body #erpReportsTab#erpReportsTab .erp-ar-card strong,
  html body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab) :is(.ud-kpi,.ph-kpi,.mj-card) strong{font-size:15px!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  html body #erpReportsTab#erpReportsTab .erp-ar-card em,
  html body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab) :is(.ud-kpi,.ph-kpi,.mj-card) em{font-size:9.5px!important;line-height:1.2!important;margin-top:2px!important;}
  html body #erpReportsTab#erpReportsTab .erp-ar-card>div:last-child{min-width:0!important;}
  html body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab) .ud-kpis-five .ud-kpi:last-child:nth-child(odd){grid-column:1/-1;}
}
@media screen and (max-width:330px){
  html body #erpReportsTab#erpReportsTab .erp-ar-kpis,html body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab) :is(.ud-kpis,[class*="-ui-kpis"],.ph-kpis,.mj-kpis){grid-template-columns:minmax(0,1fr)!important;}
}