/* Профиль «обычный пользователь / специалист» (ночь 25, `237` §4): форма при
   регистрации (`login.html`) и на странице `/profil`. Только токены `theme.css`. */
.профиль { margin: 4px 0 8px; }
.профиль-типы {
  display: flex; gap: 4px; padding: 4px; margin-bottom: 12px; background: var(--панель);
  border: 1px solid var(--граница); border-radius: var(--r-блок);
}
.профиль-тип {
  flex: 1 1 0; display: flex; align-items: center; gap: 6px; padding: 6px 8px; cursor: pointer;
  font-size: var(--размер-подпись); border-radius: var(--r-пункт);
}
.профиль-тип:has(input:checked) { background: var(--выбрано); }
.профиль-вопрос { margin-bottom: 12px; }
.профиль-вопрос label { display: block; margin-bottom: 4px; font-size: var(--размер-кнопка); color: var(--текст-тихий); }
.профиль-вопрос select, .профиль-вопрос input[type="text"] {
  width: 100%; padding: 8px 10px; font: inherit; font-size: var(--размер-кнопка);
  color: var(--текст); background: var(--карточка); border: 1px solid var(--граница); border-radius: var(--r);
}
.профиль-флажки { border: 0; margin: 0; padding: 0; }
.профиль-флажки legend { margin-bottom: 4px; font-size: var(--размер-кнопка); color: var(--текст-тихий); }
.профиль-вопрос .профиль-флажок {
  display: inline-flex; align-items: center; gap: 4px; margin: 0 12px 6px 0;
  font-size: var(--размер-кнопка); color: var(--текст);
}
.профиль-согласие { display: flex; align-items: flex-start; gap: 6px; margin: 4px 0 6px; font-size: var(--размер-кнопка); }
.профиль-согласие a { color: var(--основной); }

/* Страница /profil — та же карточка, что у входа. */
.профиль-экран {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: var(--фон); padding: 24px;
}
.профиль-карта {
  width: 100%; max-width: 480px; background: var(--карточка); border: 1px solid var(--граница);
  border-radius: var(--r-карточка); padding: 28px; box-shadow: var(--тень-2);
}
.профиль-карта h1 { margin: 0 0 6px; font-size: var(--размер-акцент); font-weight: 700; color: var(--текст); }
.профиль-под { margin: 0 0 18px; color: var(--текст-тихий); font-size: var(--размер-кнопка); }
.профиль-низ { margin: 16px 0 0; font-size: var(--размер-кнопка); text-align: center; }
.профиль-карта .вход-кнопка {
  width: 100%; margin-top: 8px; padding: 10px; font: inherit; font-size: var(--размер-тело); font-weight: 500;
  color: var(--на-основном); background: var(--основной); border: 0; border-radius: var(--r); cursor: pointer;
}
.профиль-карта .вход-кнопка[disabled] { opacity: .6; cursor: default; }
.профиль-карта .вход-беда {
  margin-bottom: 14px; padding: 9px 11px; font-size: var(--размер-кнопка); color: var(--ошибка-текст);
  background: var(--ошибка-фон); border: 1px solid var(--опасное); border-radius: var(--r);
}

/* Полосы в чате (`237` §4): обновилось согласие или «расскажите о себе».
   Не мешают пользоваться чатом: тонкая строка над лентой. */
.полоса-профиля {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 8px 40px;
  font-size: var(--размер-кнопка); background: var(--основной-светлый); border-bottom: 1px solid var(--граница);
}
.полоса-профиля[hidden] { display: none; }
.полоса-профиля button, .полоса-профиля .полоса-кнопка {
  font: 500 var(--размер-подпись) var(--шрифт); padding: 4px 10px; cursor: pointer; text-decoration: none;
  color: var(--текст); background: var(--карточка); border: 1px solid var(--граница); border-radius: var(--r);
}

/* Флажки и переключатели — своим размером: общее `.поле input { width: 100% }`
   страницы входа растягивало их на всю строку. */
.профиль input[type="checkbox"], .профиль input[type="radio"] { width: auto; padding: 0; margin: 0; flex: none; }
.профиль .список { display: block; }