/* ============================================================
   eco-max-st.css — ST (night-max, 2026-09-08): финальный свип
   НАСТРОЕК messenger.vyshka.cloud после слоёв VF + W2 (тема-ключи)
   + VI. Аддитивный презентационный слой ПОВЕРХ settings.css +
   eco-skin-v2.css + eco-max-vf/vi. settings.js, API и БД не тронуты.

   Найдено свипом (1440/390, light+dark, свежим взглядом):
   • ST-1: заголовок колонки «Настройки» не совпадает по левому
     краю с карточками: shell.css .view-header держит 16px, а
     .settings-scroll — 24px (≥861), 18px (431–860), 14px (≤430).
     Выравниваем паддинги заголовка по колонке настроек.
   • ST-2: аватар в шите редактирования профиля (VF) всегда синий
     градиент, а карточка профиля красится colorForId по id
     (WS-палитра). Мостим цвет через --st-ava-bg (ставит
     eco-max-st.js), фолбэк — прежний градиент.
   Область: только #view-settings / .vf-* / --st-* переменные.
   Всё идемпотентно и не ломает другие слои.
   ============================================================ */

/* ---------- ST-1: заголовок колонки по краю карточек ---------- */

#view-settings .view-header {
  padding-left: 18px;
  padding-right: 18px;
}

@media (max-width: 430px) {
  #view-settings .view-header {
    padding-left: 14px;
    padding-right: 14px;
  }
}

@media (min-width: 861px) {
  #view-settings .view-header {
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* ---------- ST-2: цвет аватара шита = цвет карточки профиля ---------- */

.vf-edit-id__avatar {
  background: var(--st-ava-bg, linear-gradient(135deg, #3b82f6, var(--accent)));
}