/* DiagnostiX v218 - smooth UI/scroll performance layer. No design/function changes. */
:root{
  --dx-perf-tap-delay: 0s;
}
html.dx-performance-v218{
  scroll-behavior:auto;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
html.dx-performance-v218 button,
html.dx-performance-v218 a,
html.dx-performance-v218 [role="button"],
html.dx-performance-v218 input,
html.dx-performance-v218 select,
html.dx-performance-v218 textarea{
  touch-action:manipulation;
}
html.dx-performance-v218 .mobile-bottom-nav,
html.dx-performance-v218 .app-topbar-v2,
html.dx-performance-v218 .dx-software-statusbar-v208,
html.dx-performance-v218 .cookie-fab,
html.dx-performance-v218 .profile-menu,
html.dx-performance-v218 .account-popover,
html.dx-performance-v218 .mobile-sheet,
html.dx-performance-v218 .mobile-sheet-backdrop{
  transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
html.dx-performance-v218 .app-page:not(.is-active){
  content-visibility:hidden;
  contain:layout style paint;
}
@supports (content-visibility:auto){
  html.dx-performance-v218 .app-page.is-active > section,
  html.dx-performance-v218 .platform-panel-v96,
  html.dx-performance-v218 .panel,
  html.dx-performance-v218 .widget-card,
  html.dx-performance-v218 .platform-metro-card-v96,
  html.dx-performance-v218 .vehicle-card-v147,
  html.dx-performance-v218 .history-card,
  html.dx-performance-v218 .report-card,
  html.dx-performance-v218 .pid-item,
  html.dx-performance-v218 .diagram-card-v4{
    content-visibility:auto;
    contain-intrinsic-size: 1px 280px;
  }
}
html.dx-performance-v218 body.dx-is-fast-scrolling-v218 *,
html.dx-performance-v218 body.dx-is-fast-scrolling-v218 *::before,
html.dx-performance-v218 body.dx-is-fast-scrolling-v218 *::after{
  transition-duration:0s !important;
  animation-play-state:paused !important;
}
html.dx-performance-v218 body.dx-is-fast-scrolling-v218 .glass,
html.dx-performance-v218 body.dx-is-fast-scrolling-v218 .glass-dark,
html.dx-performance-v218 body.dx-is-fast-scrolling-v218 .panel,
html.dx-performance-v218 body.dx-is-fast-scrolling-v218 .widget-card,
html.dx-performance-v218 body.dx-is-fast-scrolling-v218 .platform-panel-v96,
html.dx-performance-v218 body.dx-is-fast-scrolling-v218 .platform-metro-card-v96,
html.dx-performance-v218 body.dx-is-fast-scrolling-v218 .app-topbar-v2,
html.dx-performance-v218 body.dx-is-fast-scrolling-v218 .mobile-bottom-nav,
html.dx-performance-v218 body.dx-is-fast-scrolling-v218 .dx-software-statusbar-v208{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:0 8px 24px rgba(0,0,0,.18) !important;
}
html.dx-performance-v218 body.dx-is-fast-scrolling-v218 .orb,
html.dx-performance-v218 body.dx-is-fast-scrolling-v218 .grid-overlay{
  opacity:.22 !important;
}
html.dx-performance-v218 body.dx-input-active-v218 button,
html.dx-performance-v218 body.dx-input-active-v218 a,
html.dx-performance-v218 body.dx-input-active-v218 [role="button"]{
  transition-duration:.05s !important;
}
@media (max-width:980px){
  html.dx-performance-v218 body{
    -webkit-overflow-scrolling:touch;
  }
  html.dx-performance-v218 .diagnostix-main-v2,
  html.dx-performance-v218 .main-layout,
  html.dx-performance-v218 .app-page.is-active{
    overflow-anchor:none;
  }
  html.dx-performance-v218 .mobile-nav-btn,
  html.dx-performance-v218 .btn,
  html.dx-performance-v218 .icon-btn,
  html.dx-performance-v218 .app-nav-trigger,
  html.dx-performance-v218 .mobile-sheet-btn{
    cursor:pointer;
    user-select:none;
    -webkit-user-select:none;
  }
}
@media (prefers-reduced-motion: reduce){
  html.dx-performance-v218 *,
  html.dx-performance-v218 *::before,
  html.dx-performance-v218 *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}
