/* LK24H_DRIVER_APP_MOBILE_POPUP_SAFE_V20260625_R5
 * Lightweight global compatibility layer for app WebView/mobile web popups.
 * It avoids hidden bottoms, iOS viewport mismatch, and unscrollable dialog bodies. Uses --lk-vvh values set from visualViewport in bottom_nav.php.
 */
:root{--lk-vvh:100vh;--lk-vvw:100vw;--lk-app-safe-top:env(safe-area-inset-top,0px);--lk-app-safe-bottom:env(safe-area-inset-bottom,0px);--bottom-nav-height:64px}
@media (max-width:720px){
  .modal.show,.modal.is-open,.modal.open,.popup.show,.popup.is-open,.popup.open,.lk-modal.show,.lk-popup.show,[data-lk-popup-mobile-safe="1"]{box-sizing:border-box;max-width:100%;max-height:calc(var(--lk-vvh,100vh) - var(--lk-app-safe-top,0px) - var(--lk-app-safe-bottom,0px));}
  .modal.show .modal-dialog,.modal.is-open .modal-dialog,.modal.open .modal-dialog,.popup.show .popup-content,.popup.is-open .popup-content,.popup.open .popup-content,.lk-modal.show .lk-modal-panel,.lk-popup.show .lk-popup-panel,[data-lk-popup-mobile-safe="1"]{box-sizing:border-box;max-width:calc(var(--lk-vvw,100vw) - 16px);max-height:calc(var(--lk-vvh,100vh) - var(--lk-app-safe-top,0px) - var(--lk-app-safe-bottom,0px) - 18px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
  .modal.show .modal-body,.modal.is-open .modal-body,.modal.open .modal-body,.popup.show .popup-body,.popup.is-open .popup-body,.popup.open .popup-body,.lk-modal.show .lk-modal-body,.lk-popup.show .lk-popup-body{max-height:calc(var(--lk-vvh,100vh) - var(--lk-app-safe-top,0px) - var(--lk-app-safe-bottom,0px) - var(--bottom-nav-height,64px) - 96px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
  .swal2-container,.sweet-alert,.iziToast-wrapper{max-width:100vw;max-height:var(--lk-vvh,100vh);padding-top:var(--lk-app-safe-top,0px);padding-bottom:calc(var(--lk-app-safe-bottom,0px) + 8px);box-sizing:border-box;}
}
