/* InfoEdu ERP Mobile / Android frame optimization */
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{width:100%;max-width:100%;overflow-x:hidden;min-width:0;padding-bottom:env(safe-area-inset-bottom)}
img,svg,video,canvas{max-width:100%;height:auto}
button,a,input,select,textarea{touch-action:manipulation}
input,select,textarea{font-size:16px!important;min-height:44px}
button,.btn,.top-nav-btn{min-height:44px}
/* Main ERP shell */
.main{min-width:0!important;overflow-x:hidden}
.content{min-width:0!important;max-width:100%!important}
.top{min-width:0!important;max-width:100%!important;padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}
.top b,.top span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-nav-actions{min-width:0;display:flex;gap:6px;flex-wrap:nowrap}
.top-nav-btn{white-space:nowrap}
.panel,.card,.toolbar,.hero,.section,.form-card{max-width:100%;min-width:0}
.table-wrap,.data-table-wrap,.responsive-table,.overflow-x{width:100%;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
table{min-width:640px}
/* Mobile forms and toolbars */
.formgrid,.grid-2,.grid-3,.grid-4,.filter-grid,.toolbar-grid{min-width:0}
@media(max-width:700px){
  .content{padding:14px 12px 28px!important}
  .top{height:60px!important;gap:8px}
  .top b{font-size:15px!important}
  .top span{font-size:12px!important}
  .top-nav-btn{padding:7px 9px!important;font-size:12px!important}
  .panel{padding:13px!important;border-radius:12px!important;margin-bottom:12px!important}
  .card{padding:14px!important}
  .cards,.tiles,.formgrid,.grid-2,.grid-3,.grid-4,.filter-grid,.toolbar-grid,.live-grid{grid-template-columns:1fr!important}
  .cards{gap:10px!important}
  .quick-card{min-width:0!important}
  .toolbar,.wa-head,.queue,.hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  .toolbar form{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .toolbar form>div{min-width:0!important;width:100%!important}
  .toolbar input,.toolbar select,.toolbar .btn{width:100%!important;min-width:0!important}
  .btn{width:100%;min-height:44px;padding:11px 13px!important}
  .btn.mini{width:auto;min-height:40px}
  .queue{position:sticky!important;bottom:max(8px,env(safe-area-inset-bottom))!important;z-index:15;padding:11px!important}
  .queue>div{width:100%}
  .queue .btn{width:100%!important}
  .queue .btn+ .btn{margin-top:6px}
  .wa-head h1{font-size:21px!important;line-height:1.25}
  .wa-table{min-width:920px!important}
  .preview{max-width:240px!important}
  .erp-pagination-wrap{overflow:hidden!important}
  .erp-pagination-top{gap:8px!important}
  .erp-pagination-controls{overflow-x:auto!important;justify-content:flex-start!important;max-width:100%!important;padding-bottom:3px}
  .erp-sidebar{padding-bottom:max(10px,env(safe-area-inset-bottom))!important}
  /* Make large inline-width elements fit the Android viewport */
  [style*="min-width"], [style*="width: 100vw"], [style*="width:100vw"]{max-width:100%!important}
  pre{max-width:100%;overflow:auto;font-size:12px}
  h1{font-size:23px!important}h2{font-size:19px!important}h3{font-size:16px!important}
  .stat h3{font-size:24px!important}
}
@media(max-width:380px){
  .content{padding:10px 9px 24px!important}
  .top{padding-left:8px!important;padding-right:8px!important}
  .top-nav-btn span{display:none}
  .top b{font-size:14px!important}
}
/* Android WebView / PWA safe-area frame */
@supports(padding:max(0px)){
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
}