/* 2026-10-18w: record/student/club modal presentation only.
   Exact roots deliberately exclude shared settings, calendar and account dialogs.
   Existing focus, scroll, sheet transitions, field layouts, badges and warnings
   remain owned by their original controllers/styles. */
@layer peV2SoftBlue20261018n {
  @media(max-width:768px) {
    html.peV2PhoneRenderGuard :is(
      #app.studentScreen #studentDetail[data-sf51-open="true"],
      .sf51-management-backdrop > .sf51-management,
      #studentAddModal > .studentAddDialog,
      .studentPhoneSyncModal > .studentPhoneSyncCard,
      #studentStatusModal > .studentStatusDialog,
      #studentStatusHelpDialog,
      #studentAttendanceDetail12276,
      #classPdfModal > .pdfCropDialog,
      #pa42RecordModal > .pa42Dialog,
      #pePapsRecord12342,
      #missingStudentsModal > .missingStudentsDialog,
      #rf49-management,
      #mobilePapsBulkChoiceModal,
      #mobilePapsOriginChoiceModal12064 > .modalCard,
      #papsDeleteChoiceModal12065 > .modalCard,
      #assessmentDeleteChoiceModal > .modalCard,
      #papsManualMappingModal12076 > .papsManualMappingCard12076,
      dialog.papsExclusionDialog12339,
      #assessmentTemplateMappingModal > .assessmentMappingDialog,
      #assessmentTemplateReplaceModal > .studentStatusDialog,
      #assessmentRosterReconcileModal > .assessmentRosterReconcileDialog,
      #mobileClubSectionModal .peClubModalPanel,
      #mobileClubDayModal .peClubModalPanel,
      #mobileClubImportSheet > .mobileClubImportPanel,
      #mobileClubDetailSheet > .mobileClubDetailPanel,
      #clubDepartmentRenameModal > .clubDepartmentRenameModalCard,
      #clubRosterUploadModal > .clubRosterUploadModalCard,
      #clubMemberCreateModal > .clubMemberCreateModalCard,
      #clubMemberEditModal > .clubMemberEditModalCard,
      #clubImportModal > .clubImportModalPanel,
      #clubStatsDetailModal > .clubStatsDetailCard,
      #clubQrAttendanceModal > .clubQrAttendanceModalCard,
      #clubCalModal > .modalCard
    ) {
      background:#fff!important;
      border:1px solid #d5dce2!important;
      box-shadow:none!important;
    }

    html.peV2PhoneRenderGuard :is(
      #app.studentScreen #studentDetail > [data-sf51-detail-head],
      .sf51-management-backdrop > .sf51-management > header,
      #studentAddModal .studentAddHead,
      #studentStatusModal .studentStatusHead,
      #studentStatusHelpDialog .studentStatusHelpHead,
      #studentAttendanceDetail12276 .studentAttendanceDetailHeader,
      #classPdfModal .pdfCropHeader,
      #pa42RecordModal .pa42RecordHead,
      #pePapsRecord12342 .pr42p-dialog-head,
      #missingStudentsModal .missingStudentsHead,
      #rf49-management .rf49-dialog-head,
      #mobilePapsBulkChoiceModal .assessmentDeleteChoiceHead,
      #mobilePapsOriginChoiceModal12064 .assessmentDeleteChoiceHead,
      #papsDeleteChoiceModal12065 .assessmentDeleteChoiceHead,
      #assessmentDeleteChoiceModal .assessmentDeleteChoiceHead,
      #papsManualMappingModal12076 .papsManualMappingHead12076,
      dialog.papsExclusionDialog12339 .papsExclusionHead12339,
      #assessmentTemplateMappingModal .studentStatusHead,
      #assessmentTemplateReplaceModal .studentStatusHead,
      #assessmentRosterReconcileModal .assessmentRosterReconcileHead,
      #mobileClubSectionModal .peClubModalHeader,
      #mobileClubDayModal .peClubModalHeader,
      #mobileClubImportSheet .mobileClubImportHead,
      #mobileClubDetailSheet .mobileClubDetailHead,
      #clubDepartmentRenameModal .clubMemberActionModalHead,
      #clubRosterUploadModal .clubMemberActionModalHead,
      #clubMemberCreateModal .clubMemberActionModalHead,
      #clubMemberEditModal .clubMemberEditModalHead,
      #clubImportModal .clubImportModalHeader,
      #clubStatsDetailModal .clubStatsDetailCard > header,
      #clubQrAttendanceModal .clubQrAttendanceModalHead
    ) {
      background:#fff!important;
      border-bottom-color:#e1e6ea!important;
      box-shadow:none!important;
    }

    /* Non-semantic summary containers only; colored grades, statuses,
       validation results, exclusions and destructive warnings are not targets. */
    html.peV2PhoneRenderGuard :is(
      #app.studentScreen #studentDetail .studentInfoCard,
      #studentStatusModal .studentStatusStudent,
      #studentAttendanceDetail12276 .studentAttendanceDetailTotal,
      #classPdfModal .pdfCropSteps,
      #classPdfModal .pdfCropSteps > section,
      #pa42RecordModal .mobileAssessmentPremiumScoreCard,
      #pePapsRecord12342 .mobilePapsSummaryLine > div,
      #missingStudentsModal .missingStudentsSummary > span,
      #missingStudentsModal .missingStudentsGroups,
      #missingStudentsModal .missingStudentsChips > span,
      #mobilePapsBulkChoiceModal .mobilePapsRangeCount,
      #papsManualMappingModal12076 .papsManualMappingFile12076,
      dialog.papsExclusionDialog12339 .papsExclusionStudent12339,
      #assessmentTemplateMappingModal .assessmentMappingFile,
      #assessmentTemplateMappingModal .assessmentMappingRow,
      #assessmentTemplateReplaceModal .assessmentMappingSummary,
      #assessmentTemplateReplaceModal .studentStatusStudent,
      #assessmentRosterReconcileModal .assessmentReconcileMetrics > div,
      #assessmentRosterReconcileModal .assessmentReconcileStudentRow,
      #mobileClubSectionModal .mobileClubPanel,
      #mobileClubDayModal .mobileClubPanel,
      #mobileClubDetailSheet .mobileClubContactCard,
      #mobileClubDetailSheet .mobileClubDetailStudent,
      #clubImportModal .clubImportModalGrid
    ) {
      background:#fff!important;
      border-color:#d5dce2!important;
      box-shadow:none!important;
    }

    /* Total label/score stays readable on white; the explicit A/B/C badge
       retains its original grade-dependent background and foreground. */
    html.peV2PhoneRenderGuard #pa42RecordModal .mobileAssessmentPremiumTotal {
      background:#fff!important;
      border:1px solid #d5dce2!important;
      color:#26343f!important;
      box-shadow:none!important;
    }

    html.peV2PhoneRenderGuard #pa42RecordModal .mobileAssessmentPremiumTotal > span:not(.mobileAssessmentGradeBadge),
    html.peV2PhoneRenderGuard #pa42RecordModal .mobileAssessmentPremiumTotal > b {
      color:#26343f!important;
    }

    /* Decorative top stripe only. The real per-subject progress bar and
       grade badge remain intact. PAPS record groups have no such stripe. */
    html.peV2PhoneRenderGuard #pa42RecordModal .mobileAssessmentPremiumScoreCard::before {
      content:none!important;
      display:none!important;
    }

    /* Keep complete preservation guidance readable; remove only its tile fill.
       Red/amber validation, destructive and locked-state notices are excluded. */
    html.peV2PhoneRenderGuard #studentAddModal .studentAddSafety,
    html.peV2PhoneRenderGuard #assessmentRosterReconcileModal .assessmentReconcileSafety {
      background:#fff!important;
      border:1px solid #d5dce2!important;
      box-shadow:none!important;
    }

    html.peV2PhoneRenderGuard :is(
      dialog.papsExclusionDialog12339 .papsExclusionFoot12339,
      #assessmentRosterReconcileModal .assessmentRosterReconcileActions
    ) {
      background:#fff!important;
      border-top-color:#e1e6ea!important;
      box-shadow:none!important;
    }

    /* Three literal title repetitions only. Do not hide general paragraphs,
       aria-describedby instructions, result messages or any safety notice. */
    html.peV2PhoneRenderGuard #studentAddModal .studentAddHead > div > p,
    html.peV2PhoneRenderGuard #clubMemberEditModal .clubMemberEditModalHead > div > p.hint,
    html.peV2PhoneRenderGuard #missingStudentsModal .missingStudentsEyebrow {
      display:none!important;
    }
  }
}