/* ── confirm-dialog ───────────────────────────────────────────────────────── */
dialog.confirm-dialog {
  border: none;
  border-radius: var(--radius-lg);
  padding: 0;
  width: 380px;
  max-width: calc(100vw - var(--space-8));
  box-shadow: var(--shadow-3);
  background: var(--bg-surface);
}

dialog.confirm-dialog::backdrop {
  background: rgba(30, 44, 55, 0.35);
}

dialog.confirm-dialog > .-body {
  padding: var(--space-6) var(--space-8) var(--space-6);
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

dialog.confirm-dialog > .-body > .-message {
  font-family: var(--font-sans);
  font-size: var(--fs-14);
  color: var(--fg-1);
  margin: 0;
  line-height: 1.5;
}

dialog.confirm-dialog > .-body > .-footer {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-3);
}