/* Phone fixes: shared action menu, compact filters and contained modal flows. */
@media(max-width:700px){
.productActionMenu{position:fixed!important;z-index:2147482500!important;width:min(224px,calc(100vw - 24px));padding:8px;border:1px solid #dfe6ef;border-radius:12px;background:#fff;box-shadow:0 10px 32px #18304c30;color:#344054}
.productActionMenu[hidden]{display:none!important}
.productActionMenuTitle{font-size:12px;font-weight:700;color:#8994a5;padding:7px 12px}
.productActionMenu button{width:100%;min-height:46px;display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;border-radius:8px;background:white;color:#344054;text-align:left;font:inherit}
.productActionMenu button b{font-size:14px}.productActionMenu button:active{background:#eef5ff}.productActionMenu .productActionDelete{color:#d63c4b}
#productsView .productMobileFilterRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}
#productsView .productMobileSelect,#productsView .productMobileRefresh{height:46px!important;width:100%!important;min-width:0!important}
#productsView .productMobileSelect select{height:44px!important;font-size:13px!important;padding:0 28px 0 12px!important;text-overflow:ellipsis}
#productsView .productMobileSelect:after{right:13px!important;top:16px!important;width:8px!important;height:8px!important}
#productsView .productMobileSortIcon{display:none!important}
#productsView .productMobileSearchRow{grid-template-columns:minmax(0,1fr) 48px!important}
#productsView .productMobileSearch,#productsView .productMobileScanBtn{height:50px!important;min-height:50px!important;width:100%!important}
#productsView .productMobileSearch input{font-size:15px!important;min-width:0!important}
#productsView .productMobileCardTop{grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important}
#productsView .productMobileDots{width:44px!important;height:44px!important;place-items:center!important;touch-action:manipulation}
#productsView .productMobileName{font-size:16px!important;line-height:1.4!important}
#productsView .productMobilePrice{font-size:18px!important}
#productsView .productMobileCard{min-height:125px!important;padding:14px!important}
.mobilePurchaseFlow,.mobileSaleFlow{z-index:1800!important;bottom:0!important;height:calc(100dvh - 64px)!important}
.mobilePurchaseFlowStep[hidden],.mobileSaleFlowStep[hidden]{display:none!important}
.mobilePurchaseFlowFooter,.mobileSaleFlowFooter{flex-shrink:0!important;position:relative!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
body.mobilePurchaseFlowOpen,body.mobileSaleFlowOpen{overflow:hidden!important}
.stockDetailsModal,.stockUpdateModal,.purchaseConfirmModal{max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;min-width:0!important}
.productAddDrawer,.contactDrawer{max-width:100vw!important;min-width:0!important}
.drawerForm input,.drawerForm select,.drawerForm textarea{min-width:0;max-width:100%;box-sizing:border-box}
}
