/* BUILD 45.2.86 - ANDROID APP TOP SAFE AREA
   Presentation only. Keeps APK/PWA controls below the Android status/cutout area. */
@media screen and (max-width:1200px){
  body.erp-native-app{
    --erp-native-top-safe:max(26px, env(safe-area-inset-top, 0px));
    --erp-native-bottom-safe:max(8px, env(safe-area-inset-bottom, 0px));
  }

  /* Main ERP header starts below Android status bar/camera cutout. */
  body.erp-native-app .topbar{
    padding-top:calc(7px + var(--erp-native-top-safe))!important;
  }

  /* Drawer content also starts below the same protected top area. */
  body.erp-native-app .sidebar{
    padding-top:calc(18px + var(--erp-native-top-safe))!important;
    padding-bottom:calc(12px + var(--erp-native-bottom-safe))!important;
  }

  /* Account popup follows the lowered header. */
  body.erp-native-app .user-dropdown>div{
    top:calc(58px + var(--erp-native-top-safe))!important;
    max-height:calc(100dvh - 74px - var(--erp-native-top-safe) - var(--erp-native-bottom-safe))!important;
  }

  /* Keep bottom content/actions clear of gesture navigation. */
  body.erp-native-app .content{
    padding-bottom:calc(24px + var(--erp-native-bottom-safe))!important;
  }

  /* Login screen inside APK gets the same protected area. */
  body.erp-native-app.login-body .login-panel{
    padding-top:calc(18px + var(--erp-native-top-safe))!important;
    padding-bottom:calc(18px + var(--erp-native-bottom-safe))!important;
  }
}