/* ASF mobile layout for Admin/Branch ERP. Never affects print. */
@media screen{
html,body{max-width:100%;min-width:0}body{overflow-x:clip}
img,video,iframe{max-width:100%}img,video{height:auto}
.content-wrapper,.wrapper,.content,.box,.card,.row,.tab-content,.modal-content{min-width:0}
.dataTables_wrapper,.table-responsive,.asf-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.dataTables_wrapper .row{margin-left:0;margin-right:0}
input,select,textarea{max-width:100%} .modal-dialog{max-width:calc(100vw - 24px)}
}
@media screen and (max-width:767.98px){
html{-webkit-text-size-adjust:100%}
.content-wrapper,.main-footer{margin-left:0!important;min-height:0;max-width:100vw!important}
.content-wrapper{padding-bottom:calc(25px + env(safe-area-inset-bottom))}
.content,.content-header{padding:12px!important}
.content-header h1{font-size:clamp(18px,5vw,24px)!important;overflow-wrap:anywhere}
.row{margin-left:-6px;margin-right:-6px}.row > [class*="col-"]{padding-left:6px;padding-right:6px;min-width:0}
.box,.card{width:100%;max-width:100%}.box-body,.card-body{padding:12px}
.small-box,.info-box{min-height:90px}
.form-control,input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px;max-width:100%}
.btn,.button,button{touch-action:manipulation}.btn-toolbar,.dt-buttons{display:flex;flex-wrap:wrap;gap:6px}
.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_length{text-align:left!important;float:none!important;width:100%}
.dataTables_wrapper .dataTables_filter input{width:min(100%,260px)}
.asf-mobile-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.asf-mobile-table > table{width:max-content;min-width:100%;max-width:none}
.modal-dialog{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;margin:10px auto!important}
.modal-body{max-height:calc(100dvh - 145px);overflow-y:auto}
.nav-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.nav-tabs > li,.nav-tabs .nav-item{flex:0 0 auto}
.pwa-install{bottom:calc(16px + env(safe-area-inset-bottom))!important}
}
@media print{.pwa-install,.pwa-hint{display:none!important}}