/* v220: keep desktop content mounted while scrolling; no delayed appearing panels. */
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:visible !important;
  contain-intrinsic-size:auto !important;
}
.dx-android-cloud-source-v220::after{
  content:"App";
  margin-left:.35rem;
  font-size:.72em;
  opacity:.78;
}

/* v221: Android subscription gate / Cloud access hint */
.dx-android-subscription-hint-v221{
  width:min(980px, calc(100% - 32px));
  margin:14px auto 8px;
  padding:14px 16px;
  border:1px solid rgba(250,204,21,.28);
  border-radius:18px;
  background:linear-gradient(135deg, rgba(250,204,21,.12), rgba(17,24,39,.74));
  box-shadow:0 14px 40px rgba(0,0,0,.22);
  color:#f8fafc;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.dx-android-subscription-hint-v221 strong{font-size:14px;font-weight:900;letter-spacing:.02em;color:#fde68a;}
.dx-android-subscription-hint-v221 span{font-size:13px;line-height:1.45;color:#dbe7f7;}
@media(max-width:760px){.dx-android-subscription-hint-v221{width:calc(100% - 24px);margin:10px auto 6px;padding:12px 13px;border-radius:16px;}}

/* v239: mobile only - remove the Android subscription hint so it cannot create a hidden top gap. */
@media(max-width:767px){
  .dx-android-subscription-hint-v221{
    display:none !important;
    width:0 !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
  }
}