/* Audited settings-owned modal surfaces. Never target all paragraphs, controls,
 * role=dialog nodes, color swatches, or data/error/status badges globally. */
@layer peV2SoftBlue20261018n {
  @media (max-width:768px) {
    html.peV2PhoneRenderGuard :is(
      #peMobileSettingsModal .pe-mobile-settings-panel,
      #adminFactoryResetModal .adminFactoryResetDialog,
      #adminSubjectDeleteModal>.modalCard,
      #adminDataUploadModal .adminDataUploadDialog,
      #templateManagerHelpModal44>.studentStatusDialog,
      #peClassColorsModal12288,
      #peCopyEditor,
      .profilePhotoPreviewOverlay>.profilePhotoPreviewDialog
    ) {
      background:#fff!important;background-image:none!important;
      border:1px solid #d5dce2!important;border-radius:16px!important;
      box-shadow:0 12px 36px #20384c1a!important;
    }
    html.peV2PhoneRenderGuard :is(
      #peMobileSettingsModal .pe-mobile-settings-modal-head,
      #adminFactoryResetModal .adminFactoryResetDialogHead,
      #adminSubjectDeleteModal .adminSubjectDeleteModalHead,
      #adminDataUploadModal .adminDataUploadDialogHead,
      #templateManagerHelpModal44 .studentStatusHead,
      #peClassColorsModal12288 .ccHeader,
      #peCopyEditor .peCopyHeader
    ) {
      background:#fff!important;background-image:none!important;
      border-bottom:1px solid #e3e7eb!important;
      box-shadow:none!important;align-items:center!important;
    }
    html.peV2PhoneRenderGuard :is(
      #peMobileSettingsModal .pe-mobile-settings-content,
      #peMobileSettingsModal .adminCard,
      #peMobileSettingsModal .peMobileSettingsSubcard,
      #peMobileSettingsModal .adminCollapsibleCard,
      #adminDataUploadModal .adminDataUploadContext,
      #adminDataUploadModal .adminDataDropZone,
      #peClassColorsModal12288 .ccPreview,
      #peCopyEditor .peCopyPreviewPanel,
      #peCopyEditor .peCopyForm
    ) {
      background:#fff!important;background-image:none!important;
      border-color:#d5dce2!important;box-shadow:none!important;
    }
    /* The subject deletion choices and reset warning retain their full copy.
       Red text still distinguishes destructive actions; no security changes. */
    html.peV2PhoneRenderGuard #adminSubjectDeleteModal .adminSubjectDeleteChoice {
      background:#fff!important;background-image:none!important;
      border:1px solid #d4d4d4!important;box-shadow:none!important;
    }
    html.peV2PhoneRenderGuard #adminFactoryResetModal .adminFactoryResetDialogHead {
      padding-bottom:14px!important;
    }
    html.peV2PhoneRenderGuard #adminFactoryResetModal :is(.adminFactoryResetWarning,.adminFactoryResetAgree) {
      background:#fff!important;background-image:none!important;
      border:1px solid #d5dce2!important;box-shadow:none!important;
    }
    html.peV2PhoneRenderGuard #adminFactoryResetModal .adminFactoryResetWarning b {
      color:#b53232!important;
    }
    html.peV2PhoneRenderGuard #adminFactoryResetModal .adminFactoryResetBackdrop {
      background:rgb(24 36 48 / 32%)!important;
      border:0!important;border-radius:0!important;box-shadow:none!important;
    }
    html.peV2PhoneRenderGuard #adminFactoryResetModal .adminFactoryResetDialogHead>span {
      background:none!important;border:0!important;box-shadow:none!important;
      font-size:0!important;
    }
    html.peV2PhoneRenderGuard #adminFactoryResetModal .adminFactoryResetDialogHead>span::before {
      content:'';display:block;width:24px;height:24px;background:#ad986b;
      -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10.3 3.6-8.1 14.4a2 2 0 0 0 1.7 3h16.2a2 2 0 0 0 1.7-3L13.7 3.6a2 2 0 0 0-3.4 0ZM12 9v5m0 3v.1'/%3E%3C/svg%3E") center/contain no-repeat;
      mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10.3 3.6-8.1 14.4a2 2 0 0 0 1.7 3h16.2a2 2 0 0 0 1.7-3L13.7 3.6a2 2 0 0 0-3.4 0ZM12 9v5m0 3v.1'/%3E%3C/svg%3E") center/contain no-repeat;
    }
    html.peV2PhoneRenderGuard #peClassColorsModal12288 :is(.ccTitleIcon,.ccTerm) {
      background:none!important;border:0!important;box-shadow:none!important;
    }
    /* Hide only redundant decorative/selection-help copy. Keep file format,
       overwrite rules, upload results, help content, and destructive warnings. */
    html.peV2PhoneRenderGuard #adminDataUploadModal .adminDataDropZone>small,
    html.peV2PhoneRenderGuard #peCopyEditor .peCopyHeader .peCopyEyebrow {
      display:none!important;
    }
    html.peV2PhoneRenderGuard #peClassColorsModal12288 .ccTitleIcon {
      font-size:0!important;
    }
    html.peV2PhoneRenderGuard #peClassColorsModal12288 .ccTitleIcon::before {
      content:'';display:block;width:22px;height:22px;background:#6e8fa9;
      -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18h2a2 2 0 0 0 0-4h-1a2 2 0 0 1 0-4h4a4 4 0 0 0 4-4c0-3-4-6-9-6Z'/%3E%3Cpath d='M7 8h.01M12 6h.01M6 13h.01M16 8h.01'/%3E%3C/svg%3E") center/contain no-repeat;
      mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18h2a2 2 0 0 0 0-4h-1a2 2 0 0 1 0-4h4a4 4 0 0 0 4-4c0-3-4-6-9-6Z'/%3E%3Cpath d='M7 8h.01M12 6h.01M6 13h.01M16 8h.01'/%3E%3C/svg%3E") center/contain no-repeat;
    }
    html.peV2PhoneRenderGuard .profilePhotoPreviewOverlay .profilePhotoPreviewClose {
      background:#fff!important;color:#333!important;border:1px solid #d4d4d4!important;
      border-radius:10px!important;box-shadow:none!important;
    }
  }
}
