/* Presentation only: keep the original preview, conflict list and apply owner.
 * The phone guard deliberately leaves tablet / unfolded Fold / desktop alone. */
@layer peV2SoftBlue20261018n {
  @media (max-width:768px) {
    html.peV2PhoneRenderGuard .studentPhoneSyncCard {
      border:1px solid #d5dce2!important;
      border-radius:16px!important;
      background:#fff!important;
      box-shadow:0 12px 36px #20384c1a!important;
    }
    html.peV2PhoneRenderGuard .studentPhoneSyncCard>header {
      align-items:center!important;gap:12px!important;
      padding:16px!important;
      background:#fff!important;border-bottom:1px solid #e3e7eb!important;
    }
    html.peV2PhoneRenderGuard .studentPhoneSyncCard>header>div {
      min-width:0!important;gap:0!important;
    }
    html.peV2PhoneRenderGuard .studentPhoneSyncCard h3 {
      margin:0!important;font-size:18px!important;line-height:1.45!important;
      color:#26343f!important;word-break:keep-all!important;
    }
    /* These are redundant prose, not the actual safety checks or warnings. */
    html.peV2PhoneRenderGuard .studentPhoneSyncCard .studentPhoneSyncIcon,
    html.peV2PhoneRenderGuard .studentPhoneSyncCard header p,
    html.peV2PhoneRenderGuard .studentPhoneSyncCard .studentPhoneSyncSafety {
      display:none!important;
    }
    html.peV2PhoneRenderGuard .studentPhoneSyncCard .studentPhoneSyncClose {
      width:40px!important;height:40px!important;flex:0 0 40px!important;
      display:grid!important;place-items:center!important;padding:0!important;
      border:1px solid #d4d4d4!important;border-radius:10px!important;
      background:#fff!important;color:#333!important;box-shadow:none!important;
      font-size:20px!important;line-height:1!important;
    }
    html.peV2PhoneRenderGuard .studentPhoneSyncCard .studentPhoneSyncMetrics {
      display:flex!important;flex-direction:column!important;gap:0!important;
      padding:4px 16px 12px!important;
    }
    html.peV2PhoneRenderGuard .studentPhoneSyncCard .studentPhoneSyncMetrics>div {
      flex-direction:row!important;align-items:center!important;
      justify-content:space-between!important;gap:16px!important;
      min-height:48px!important;padding:12px 0!important;
      border:0!important;border-bottom:1px solid #e3e7eb!important;
      border-radius:0!important;background:#fff!important;box-shadow:none!important;
    }
    html.peV2PhoneRenderGuard .studentPhoneSyncCard .studentPhoneSyncMetrics>div:last-child {
      border-bottom:0!important;
    }
    html.peV2PhoneRenderGuard .studentPhoneSyncCard .studentPhoneSyncMetrics span {
      font-size:14px!important;font-weight:600!important;color:#596773!important;
    }
    html.peV2PhoneRenderGuard .studentPhoneSyncCard .studentPhoneSyncMetrics strong {
      font-size:18px!important;line-height:1.4!important;color:#26343f!important;
      white-space:nowrap!important;font-variant-numeric:tabular-nums!important;
    }
    html.peV2PhoneRenderGuard .studentPhoneSyncCard :is(.studentPhoneSyncList,.studentPhoneSyncConflicts) {
      margin:0 16px 16px!important;border:1px solid #d5dce2!important;
      border-radius:10px!important;background:#fff!important;
    }
    html.peV2PhoneRenderGuard .studentPhoneSyncCard .studentPhoneSyncList h4 {
      background:#fff!important;color:#333!important;
    }
    html.peV2PhoneRenderGuard .studentPhoneSyncCard .studentPhoneSyncList>div b {
      color:#427fa8!important;
    }
    html.peV2PhoneRenderGuard .studentPhoneSyncCard :is(.studentPhoneSyncList,.studentPhoneSyncConflicts)>div {
      flex-wrap:wrap!important;gap:6px 12px!important;overflow-wrap:anywhere!important;
    }
    html.peV2PhoneRenderGuard .studentPhoneSyncCard>footer {
      display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
      gap:8px!important;padding:14px 16px 16px!important;
      background:#fff!important;border-top:1px solid #e3e7eb!important;
      backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    }
    html.peV2PhoneRenderGuard .studentPhoneSyncCard>footer .btn {
      width:100%!important;min-width:0!important;min-height:44px!important;
      padding:10px 6px!important;white-space:normal!important;line-height:1.4!important;
      font-size:13px!important;border:1px solid #d4d4d4!important;
      border-radius:10px!important;
    }
  }
}