.account-section p {
  color: var(--muted);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.account-section h3 { margin-top: 0; }
.account-protected { color: #99f6e4; }
.auth-link {
  display: block;
  min-height: 44px;
  padding: 10px 0;
  background: transparent;
  color: #fdba74;
  text-align: left;
  cursor: pointer;
  text-decoration: underline;
}

.auth-dialog { max-height: calc(100dvh - 24px); }
.auth-dialog .settings-header h2 { font-size: 1.25rem; }
.auth-dialog .settings-header > * { min-width: 0; }
.auth-dialog .icon-button { flex-shrink: 0; }
.auth-form { display: grid; gap: 14px; }
.auth-form .form-field { min-width: 0; }
.auth-form label { color: var(--muted); font-weight: 700; }
.auth-form input:not([type="checkbox"]) {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #0f1521;
  color: var(--text);
}
.auth-form small { line-height: 1.5; }
.auth-remember { display: flex; align-items: center; gap: 10px; min-height: 44px; }
.auth-remember input { width: 20px; height: 20px; accent-color: var(--brand); }
.auth-dialog button { overflow-wrap: anywhere; white-space: normal; }
.auth-dialog .form-status { overflow-wrap: anywhere; line-height: 1.5; }
.auth-dialog button:disabled, .account-delete:disabled, #account-logout:disabled {
  cursor: not-allowed;
  background: #343a43;
  color: #b0b5bc;
  border-color: #4a515c;
}
.auth-confirmation p { line-height: 1.6; }
.auth-confirmation button { width: 100%; padding: 12px; }
@media (max-width: 420px) {
  .auth-dialog { width: calc(100% - 16px); max-width: none; }
  .auth-dialog .settings-panel { padding: 14px; }
}