/* DiagnostiX v334 — mobile-only stability for the iPhone Bluefy notice and vehicle search. */
@media (max-width:767px){
  /* Keep the connection overlay attached to the currently visible browser viewport. */
  #dxAndroidExactAppV303 #dx303ConnectionSheet.dx303-sheet-backdrop{
    top:var(--dx309-viewport-top,0px)!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    height:var(--dx309-viewport-height,100dvh)!important;
    max-height:var(--dx309-viewport-height,100dvh)!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  #dxAndroidExactAppV303 .dx330-bluefy-consent{
    width:100%!important;
    max-height:calc(var(--dx309-viewport-height,100dvh) - 8px)!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    overflow-anchor:none!important;
    touch-action:pan-y!important;
    scroll-behavior:auto!important;
    scroll-padding-top:12px;
    scroll-padding-bottom:calc(26px + var(--dx303-safe-bottom));
    contain:layout paint;
    transform:translateZ(0);
    will-change:scroll-position;
  }
  #dxAndroidExactAppV303 .dx330-bluefy-consent>*{
    max-width:100%;
  }
  #dxAndroidExactAppV303 .dx330-bluefy-actions{
    padding-bottom:2px;
  }

  /* The native vehicle picker keeps its focused input and keyboard while filtering. */
  #dxAndroidExactAppV303 .dx303-vehicle-activity .dx303-activity-body{
    overflow-anchor:none!important;
    -webkit-overflow-scrolling:touch;
  }
  #dxAndroidExactAppV303 .dx310-vehicle-search{
    contain:layout paint;
    transform:translateZ(0);
  }
  #dxAndroidExactAppV303 .dx310-vehicle-search input{
    min-width:0!important;
    width:100%!important;
    font-size:16px!important;
    line-height:1.3!important;
  }
  #dxAndroidExactAppV303 #dx303VehicleList{
    overflow-anchor:none;
  }
}