.confirmation-dialog {
  width: min(92vw,  thirtyrem);
  max-width: 30rem;
  border: 0;
  border-radius: 8px;
  padding: 0;
  color: var(--text, #17212b);
  background: var(--surface, #fff);
  box-shadow: 0 24px 70px rgb(15 23 42 / 28%);
}

.confirmation-dialog::backdrop { background: rgb(15 23 42 / 48%); }
.confirmation-dialog-body { padding: 1.5rem; }
.confirmation-dialog h2 { margin: 0 0 .65rem; font-size: 1.15rem; }
.confirmation-dialog p { margin: 0; line-height: 1.55; white-space: pre-line; }
.confirmation-dialog-input {
  width: 100%;
  margin-top: 1rem;
  box-sizing: border-box;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: .7rem .8rem;
  font: inherit;
}
.confirmation-dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: .65rem;
  margin-top: 1.35rem;
}
.confirmation-dialog-actions button {
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: .65rem 1rem;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.confirmation-dialog-cancel { color: #334155; background: #fff; }
.confirmation-dialog-confirm { color: #fff; background: var(--primary, #1769aa); border-color: var(--primary, #1769aa) !important; }
.confirmation-dialog-confirm.danger { background: #b42318; border-color: #b42318 !important; }
.confirmation-dialog-check { display: flex; align-items: center; gap: .5rem; margin-top: 1rem; color: var(--app-text, #17212b); font-size: .9rem; }
.confirmation-dialog-check input { width: 1rem; height: 1rem; accent-color: var(--app-primary, #1769aa); }
.live-test-confirmation-dialog .live-test-waba-number { margin-top: .8rem; color: var(--app-text, #17212b); }