/* Match the site's confirmation cards while using native modal focus handling. */
.account-confirm-dialog {
  position: fixed; margin: auto; width: min(360px, calc(100% - 40px));
  max-height: calc(100dvh - 40px); overflow-y: auto; box-sizing: border-box;
  padding: 32px 28px 24px; border: 0; border-radius: 20px;
  background: #fff; color: #0f172a; text-align: center; font-family: inherit; line-height: 1.6;
  box-shadow: 0 20px 60px rgba(0,0,0,.18);
}
.account-confirm-dialog::backdrop { background: rgba(0,0,0,.45); }
.account-confirm-dialog .toast-icon { font-size: 36px; margin-bottom: 12px; }
.account-confirm-dialog h2 { font-size: 20px; font-weight: 800; line-height: 1.4; margin: 0 0 10px; }
.account-confirm-dialog p { font-size: 15px; line-height: 1.7; font-weight: 500; margin: 0 0 22px; }
.account-confirm-actions { display: flex; gap: 10px; }
.account-confirm-actions button {
  flex: 1; min-width: 0; padding: 11px; border: 1.5px solid #e2e8f0;
  border-radius: 10px; background: #fff; color: #64748b;
  font: inherit; font-size: 14px; font-weight: 600; cursor: pointer;
}
.account-confirm-actions button:hover { border-color: #64748b; }
.account-confirm-actions .danger { background: #ef4444; border-color: #ef4444; color: #fff; font-weight: 700; }
.account-confirm-actions .danger:hover { background: #dc2626; border-color: #dc2626; }
.account-confirm-actions button:focus-visible { outline: 3px solid #93c5fd; outline-offset: 3px; }