/* AMI VISION v2.9.513 — mobile touch and overflow compatibility. CSS only. */
@media (max-width:760px){
 body.ami-saas485 #app .main,body.ami-saas485 #app .content,body.ami-saas485 #content{min-width:0;max-width:100%;box-sizing:border-box}
 body.ami-saas485 #app .main>.topbar{min-width:0;max-width:100vw;overflow:visible;gap:6px!important}
 body.ami-saas485 #app .topbar .top-search-wrap{min-width:0!important;flex:1 1 0!important}
 body.ami-saas485 #app .topbar .top-search{width:100%;min-width:0;max-width:100%;text-overflow:ellipsis}
 body.ami-saas485 #app .topbar :is(#menu-btn,#top-add-btn,#notify-btn,.ami504-tab-toggle){min-height:40px;min-width:40px;flex-shrink:0}
 body.ami-saas485 #content :is(.modal-box,.ami498-dialog,.ami2965-compose-modal,.task85-sub-modal){max-width:calc(100dvw - 18px)!important;max-height:calc(100dvh - 32px);min-width:0;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}
 body.ami-saas485 #content :is(.modal-body,.ami498-dialog,.ami2965-compose-modal,.task85-sub-modal){max-height:calc(100dvh - 56px);overflow-y:auto;overscroll-behavior:contain}
 body.ami-saas485 #content :is(.modal-actions,.ami186-dialog-actions,.ami2912-modal-actions){position:relative;gap:8px;flex-wrap:wrap}
 body.ami-saas485 #content :is(.modal-actions,.ami186-dialog-actions,.ami2912-modal-actions) :is(button,.btn){min-height:40px;touch-action:manipulation}
 body.ami-saas485 #content :is(.table-wrap,.table-responsive,.ami507-table-scroll){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
 body.ami-saas485 #sidebar.ami293-sidebar #nav :is(.nav-child,.nav-parent){min-height:40px!important;touch-action:manipulation}
 body.ami-saas485 #app :is(button,.btn,a,select){-webkit-tap-highlight-color:transparent}
}
@media (max-width:390px){
 body.ami-saas485 #app .main>.topbar{padding:7px 7px!important;gap:4px!important}
 body.ami-saas485 #app .topbar :is(#menu-btn,#top-add-btn,#notify-btn){min-width:36px!important;min-height:38px!important;width:36px!important}
 body.ami-saas485 #content :is(.modal-box,.ami498-dialog,.ami2965-compose-modal,.task85-sub-modal){max-width:calc(100dvw - 12px)!important}
}
@media (prefers-reduced-motion:reduce){body.ami-saas485 #app .topbar :is(button,.btn),body.ami-saas485 #content :is(.modal-box,.ami498-dialog){transition:none!important}}