.account-data-dialog {
  box-sizing: border-box;
  width: min(580px, calc(100vw - 32px));
  max-height: calc(100dvh - 40px);
  padding: 24px;
  overflow: auto;
  border: 1px solid var(--border, #b8c2ce);
  border-radius: 14px;
  background: var(--bg-panel, #fff);
  color: var(--text-primary, #172b45);
  line-height: 1.6;
  text-align: left;
  overflow-wrap: anywhere;
}
.account-data-dialog::backdrop { background: rgba(0, 0, 0, .55); }
.account-data-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.account-data-heading h2 { margin: 0; font-size: 1.3rem; }
.account-data-dialog h3 { font-size: 1.05rem; margin-top: 20px; }
.account-data-dialog button {
  padding: 9px 12px; min-height: 44px; border: 1px solid currentColor;
  border-radius: 6px; background: var(--bg-panel-alt, #edf3fa);
  color: inherit; font: inherit; cursor: pointer; white-space: normal;
}
.account-data-dialog button:disabled { opacity: .65; cursor: default; }
.account-data-dialog a { color: inherit; text-decoration: underline; }
.account-data-dialog :focus-visible { outline: 3px solid var(--blue, #1766ac); outline-offset: 3px; }
.account-data-status { min-height: 1.6em; }
.account-data-heading [data-data-close] { flex-shrink: 0; white-space: nowrap; }