/* ─── Update Notification Modal (F-009) ───────────────────────────────────────
   Extends the base .modal pattern from modal.css with an email preview inset.
   Two-button layout: Skip (secondary, left) | Send Notification (primary, right).
   ─────────────────────────────────────────────────────────────────────────── */

/* Email preview inset card — "card within card" styling, mirrors announce-modal__preview */
.update-notification-modal__preview {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-inner);
  padding: 1.5rem;
  margin-bottom: 2rem;
}

/* Email subject line — medium weight for emphasis */
.update-notification-modal__preview-subject {
  font-family: var(--font-body);
  font-weight: 500;
  font-size: var(--text-body);
  color: var(--color-ink);
  margin-bottom: 0.5rem;
}

/* "What's new" label — small caps label style per design system */
.update-notification-modal__preview-label {
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--color-ink-muted);
  margin-bottom: 0.25rem;
}

/* Version note body text */
.update-notification-modal__preview-note {
  font-family: var(--font-body);
  font-size: var(--text-body);
  color: var(--color-ink);
  line-height: 1.65;
  margin-bottom: 0.75rem;
}

/* Personal download link pattern — monospace per design system token guidance */
.update-notification-modal__preview-link {
  font-family: var(--font-mono);
  font-size: var(--text-small);
  color: var(--color-ink-muted);
  word-break: break-all;
  margin-bottom: 0;
}