.confirmation-dialog {
  width: min(460px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  padding: 24px;
  border: 1px solid var(--line-strong);
  border-radius: 16px;
  background: var(--surface);
  color: var(--navy);
  overflow: auto;
  overscroll-behavior: contain;
}
.confirmation-dialog::backdrop { background: rgb(30 36 66 / .45); }
.confirmation-dialog h2 { margin: 0 0 12px; font-size: 1.25rem; line-height: 1.3; }
.confirmation-dialog p { margin: 0; line-height: 1.5; overflow-wrap: anywhere; }
.confirmation-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 24px; }
.confirmation-actions .button { min-height: 44px; }
@media (max-width: 480px) {
  .confirmation-dialog { padding: 20px; }
  .confirmation-actions { flex-direction: column; }
  .confirmation-actions .button { width: 100%; white-space: normal; }
}