/* Native <dialog>, opened by the `dialog` Stimulus controller. */
dialog.dialog {
  width: min(420px, calc(100vw - 32px)); border: 1px solid var(--border); padding: 20px; border-radius: var(--radius-dialog);
  box-shadow: var(--shadow-dialog); color: var(--ink); background: var(--panel);
}
dialog.dialog::backdrop { background: var(--scrim); }
.dialog__body { display: flex; flex-direction: column; gap: 12px; }
.dialog__title { font-size: var(--text-lg); font-weight: 600; }
.dialog__text { font-size: 13px; }
.dialog__actions { display: flex; justify-content: flex-end; gap: 8px; }