/* v197 (phone/tablet only): report date fields can't collapse, report card headers wrap, small tables fit without sideways scroll,
   and the menu button moves aside (instead of covering the logo) while the slide-in menu is open. */
@media screen and (max-width:1099px){
  html body #erpReportsTab#erpReportsTab .erp-report-filter{width:100%!important;min-width:0!important;justify-self:stretch!important;}
  html body #erpReportsTab#erpReportsTab .pk-date-wrap{width:100%!important;}
  html body #erpReportsTab#erpReportsTab .pk-date-wrap input[type=text]{flex:1 1 110px!important;min-width:110px!important;}
  html body #erpReportsTab#erpReportsTab .pk-date-wrap .pk-date-btn{width:44px!important;min-width:44px!important;}
  html body #erpReportsTab#erpReportsTab .erp-ar-table-head{flex-wrap:wrap!important;gap:8px!important;height:auto!important;}
  html body #erpReportsTab#erpReportsTab .erp-ar-table-head h3{flex:1 1 auto!important;min-width:0!important;}
  html body #erpReportsTab#erpReportsTab .erp-ar-search{flex:1 1 100%!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;}
  html body #erpReportsTab#erpReportsTab .erp-ar-search input{width:100%!important;min-width:0!important;}
  html body :is(#dashboardTab,#partiesTab,#weightMasterTab,#openingStockTab,#challansTab,#danaTab,#molderJobsTab,#dispatchesTab,#billsTab,#paymentsTab,#ledgersTab,#erpReportsTab) :is(.table-container,.table-responsive,.table-wrap,.ph-table-wrap,[class*="-ui-table-wrap"]) table:not(:has(th:nth-child(5))){min-width:0!important;width:100%!important;}
  html body #erpReportsTab#erpReportsTab :is(.table-container) table:not(:has(th:nth-child(5))){min-width:0!important;width:100%!important;}
}
@media screen and (max-width:699px){
  html body.erp-mobile-menu-open #erpMobileMenuBtn{left:calc(min(82vw,300px) + 10px)!important;}
}