/* 12362: keep phone selectors visible until request-owned records are ready.
   Important-layer order also wins over native control/focus presentation. */
@layer peMobileRecordLoad12362{
  @media(max-width:768px){
    body.peAssessRoster12342 #app[data-assessment-class-loading] > .pe87PageHead,
    body.peAssessRoster12342 #app[data-assessment-class-loading] :is(#peAssessRoster12342,.assessConfig,.peRecordDataPanel,#mobileAssessmentStudentCard),
    body.peAssessRoster12342 #app[data-assessment-class-loading] #mobileAssessmentSelector [data-rf48-save],
    body.peAssessRoster12342 #app[data-assessment-class-load-error] > .pe87PageHead,
    body.peAssessRoster12342 #app[data-assessment-class-load-error] #mobileAssessmentSelector [data-rf48-save]{
      display:none!important;
    }
    body.pePapsRoster12342:has([data-paps-quiet-loading]) #mobilePapsDashboardCard,
    body.pePapsRoster12342:has([data-paps-quiet-loading]) #mobilePapsSelector [data-rf48-save],
    body.pePapsRoster12342:has([data-paps-quiet-loading][data-paps-quiet-retained="0"]) #mobilePapsStudentView > :not(.papsQuietStatus12305){
      display:none!important;
    }
  }
}

