/*
 * VidConf — страница профиля. Новый экран без готового
 * макета в design/mockups/ — собран из утверждённых паттернов оболочки:
 * карточка `--radius-2xl`/`--shadow-sm` как у `.conf-card`/`.settings-card`,
 * поля форм — `.field` (shell.css), аватар — общий `.avatar` (§1.5).
 * page-shell/page-main/page-head — общие из lobby.css.
 */

.profile-card {
  max-width: 480px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-sm);
  padding: var(--space-8);
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}
/* Второй блок карточки («Смена пароля») — отступ между карточками профиля. */
.profile-card + .profile-card { margin-top: var(--space-6); }
.profile-card h2 { font: var(--text-h3); color: var(--color-ink-900); margin: 0; }

.profile-avatar-block { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.profile-avatar-actions { display: flex; align-items: center; gap: var(--space-3); }
