/* ==========================================================================
   OpZone - legal + account deletion
   Role: Privacy Policy / Terms / AI Policy reading shells and the
         account-deletion warning card.
   Load position: 5 of 8 in the website opz-*.css chain.
   Light-mode only: "dark = screens only" — these cards are not screens,
   so the delete card is a light OpzPanel with Tone="Danger".
   ========================================================================== */

/* The .opz-legal-* recipes now live in OpZone.UI/wwwroot/opzone-ui.css. */

/* ==========================================================================
   Account deletion page — warning card, destructive confirm
   (consumed by AccountDelete.razor; the card surface is now OpzPanel with
   Tone="Danger". The .opz-delete-card class was removed — OpzPanel supplies
   the surface — and the remaining .opz-delete-* rules style the icon, title,
   body, prompt, actions and cancel link inside the panel.)
   ========================================================================== */

.opz-delete-page {
  max-width: 640px;
  margin: 0 auto;
  padding: clamp(40px, 7vw, 80px) 24px 72px;
}

.opz-delete-icon {
  color: var(--opz-alert-error);
  margin-bottom: 16px;
}

.opz-delete-title {
  margin: 0 0 14px;
  font-size: 1.6rem !important; /* beats opz-base.css bare h1 size */
  line-height: 1.2;
  color: var(--opz-alert-error) !important; /* beats .mud-typography-h1 colour */
}

.opz-delete-body {
  margin: 0 0 24px;
  color: var(--opz-ink-2);
  line-height: 1.7;
}

.opz-delete-prompt {
  display: block;
  margin: 0 0 8px;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--opz-ink-3);
}

.opz-delete-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
  margin-top: 24px;
}

.opz-delete-cancel {
  color: var(--opz-ink-3);
  text-decoration: none;
  font-size: 0.9rem;
  transition: color 0.15s ease;
}

.opz-delete-cancel:hover {
  color: var(--opz-ink);
}

.opz-delete-cancel:focus-visible {
  outline: 2px solid var(--opz-signal-deep);
  outline-offset: 3px;
  border-radius: 2px;
}