.password-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;font-size:12px}.password-tools button{font-size:12px!important;width:auto!important;margin:0!important}.password-tools span{color:#e3ad54}.account-security-settings{margin-top:20px;border-top:1px solid var(--border,#334155);padding-top:14px}.account-security-settings summary{cursor:pointer;font-weight:600}.account-security-settings label,.account-security-dialog label{display:grid;gap:6px;margin:12px 0}.account-security-settings input,.account-security-dialog input{width:100%;box-sizing:border-box;padding:10px;border:1px solid #46556e;border-radius:6px;background:#111b2d;color:#f0f4ff}.account-security-settings fieldset{margin:16px 0;padding:12px;border:1px solid #46556e;border-radius:8px}.account-security-settings p,.account-security-dialog p{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.account-security-settings pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;padding:12px;background:#10192b;color:#eef4ff}.account-security-dialog{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;border:1px solid #46556e;border-radius:16px;padding:24px;background:#131c2d;color:#eef4ff}.account-security-dialog::backdrop{background:#060a13bb}.security-actions{display:flex;gap:12px;flex-wrap:wrap}.account-security-dialog button,.account-security-settings button{padding:8px 12px;border:1px solid #46556e;border-radius:6px;background:#23385f;color:#eef4ff;cursor:pointer}.account-security-dialog [role=status],#securityStatus{white-space:pre-wrap}#passwordModal .modal-content{max-height:calc(100dvh - 40px);overflow:auto}

#passwordModal>.modal{max-height:calc(100dvh - 40px);overflow:auto}.account-security-settings [hidden]{display:none!important}

/* Глобальный сброс style.css (* { margin: 0 }) отменяет браузерное
   центрирование модального <dialog>, и окно прилипало к левому верхнему углу.
   Возвращаем margin и приводим окно к виду остальных окон сайта. */
.account-security-dialog {
  margin: auto;
  border: 1px solid var(--border-color, #46556e);
  border-radius: 14px;
  background: var(--bg-modal, #131c2d);
  color: var(--text-main, #eef4ff);
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .6);
}
.account-security-dialog h2 { font-size: 18px; font-weight: 700; margin-bottom: 4px; }
.account-security-dialog > form > p:first-of-type { color: var(--text-muted, #94a3b8); margin-bottom: 4px; }
.account-security-dialog label { font-size: 12px; font-weight: 500; color: var(--text-muted, #94a3b8); }
.account-security-dialog input { background: var(--bg-input, #111b2d); border-color: var(--border-color, #46556e); color: var(--text-main, #eef4ff); }
.account-security-dialog .security-actions { margin-top: 18px; }
.account-security-dialog .security-actions button { flex: 1 1 auto; padding: 11px 14px; border-radius: 8px; font-weight: 600; }
.account-security-dialog .security-actions button[type=submit] {
  background: var(--primary-gradient, linear-gradient(135deg, #2563eb, #1d4ed8));
  border-color: rgba(59, 130, 246, .4); color: #fff;
}
.account-security-dialog .security-actions button[data-close] { background: transparent; color: var(--text-muted, #94a3b8); }
