/* Classes below are only ever added by the v193 script on screens narrower than 1100px. Desktop untouched. */
@media screen and (max-width:1099px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;}
  body :is(img,svg,canvas,video){max-width:100%;}
  html body .af-fluid{max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
  html body table.af-scroll-table{display:block!important;max-width:100%!important;width:max-content!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
  html body .modal-content{padding-bottom:max(16px,env(safe-area-inset-bottom))!important;}
}
@media screen and (max-width:699px){
  /* 16px inputs stop iPhone Safari from zooming the page when a field is tapped */
  html body :is(input,select,textarea){font-size:16px!important;}
  html body .btn,html body button{min-height:38px;}
  html body #erpMobileMenuBtn{top:max(8px,env(safe-area-inset-top))!important;}
}
@media screen and (max-width:900px) and (orientation:landscape) and (max-height:520px){
  /* phone turned sideways: keep chrome small so content has room */
  html body #erpMobileMenuBtn{width:34px!important;height:34px!important;}
  html body .modal-content{max-height:96dvh!important;}
}
#afDebug{position:fixed;left:8px;bottom:8px;z-index:2147483000;background:#0f172a;color:#fff;font:600 11px/1.3 system-ui,sans-serif;padding:5px 9px;border-radius:999px;opacity:.88;pointer-events:none;}