/* Mobile paint gate: keep the desktop core DOM from flashing before its mobile view is ready. */
@media (max-width: 768px) {
  html:not(.peMobileRenderFallback)[data-pe-tab="progress"]
  #app:not(:has(#mobileSubjectPlanSelector)),
  html:not(.peMobileRenderFallback)[data-pe-tab="calendar"]
  #app:not(:has(#mobileClassProgressSelector)),
  html:not(.peMobileRenderFallback)[data-pe-tab="assessment"]
  #app:not(:has(#mobileAssessmentSelector)),
  html:not(.peMobileRenderFallback)[data-pe-tab="students"]
  #app:not(:has(#mobileStudentSelector)),
  html:not(.peMobileRenderFallback)[data-pe-tab="clubs"]
  #app:not(:has(#mobileClubRoot)),
  html:not(.peMobileRenderFallback)[data-pe-tab="admin"]
  #app:not(:has(#settingsCWorkspace)),
  html:not(.peMobileRenderFallback)[data-pe-tab="paps"]
  body:not(.mobilePapsView) #app {
    visibility: hidden !important;
  }
}