/* --- The confirm: the house card every data-turbo-confirm opens ---
   confirm_dialog.js clones it from shared/_confirm_dialog. A centered modal
   <dialog> in the house card: one sentence, which is also its accessible
   name, and an optional smaller detail under it, over a foot holding Cancel
   then the verb. No title, no icon, no close ×. Folded in from the
   confirm-dialog prototype (variant D, tone 1).

   - No divider between the sentence and the foot; the first draft's
     share-dialog hairline was dropped. The foot's white band stood apart
     from the warm card it was folded in on; since the house card went
     white, the two are one surface.
   - Tone lives only on the verb button: .button--destructive (filled fail
     red) or .button--primary. Cancel is .button--subtle in both, so the
     verb stands alone.

   Rejected: a panel anchored to the pressed control (the onboarding
   declines have none: an empty form submitted from script), a bottom
   sheet, an 8px tone edge, a tone-tinted sentence band, the outline
   .button--danger as the verb, and a tinted icon badge beside the
   sentence.

   Its card, parts, arrival and backdrop are the house dialog's
   (application.css). */
.confirm-dialog {
  --dialog-width: 28rem;
  overflow-wrap: anywhere;

  /* The detail is the generic .note (rows.css), so the sentence leaves it
     alone. */
  .body p:not(.note) {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.45;
    color: var(--color-warm-heading);
  }
}

/* Onboarding's Continue warnings: half its 48rem column, so the card sits
   inside the screen it asks about. */
.confirm-dialog--narrow {
  --dialog-width: 24rem;
}