/* Приближение к привычному пользователю виду: без подписей и аватарок над
   репликами, вопрос — серым пузырём справа, ответ — обычным текстом.
   Правится только оформление: разметку и поведение приложения не трогаем,
   поэтому обновление LibreChat это переживёт. */

/* 1. Имя отправителя и время над сообщением — в привычном интерфейсе их нет */
[data-testid="messages-view"] h2.select-none {
  display: none !important;
}

/* 2. Колонка с аватаркой слева от реплики */
[data-testid="messages-view"] .group.mx-auto > div.flex-shrink-0 {
  display: none !important;
}

/* Без аватарки промежуток слева больше не нужен */
[data-testid="messages-view"] .group.mx-auto {
  gap: 0 !important;
}

/* 3. Реплика клиента — серый пузырь по правому краю.
      Ширина по содержимому: короткое «привет» не должно растягиваться на всю строку. */
[data-testid="messages-view"] .user-turn {
  width: fit-content !important;
  max-width: 72% !important;
  margin-left: auto !important;
  background: rgba(127, 127, 127, 0.14);
  border-radius: 1.5rem;
  padding: 0.6rem 1.15rem;
}

/* Внутри пузыря текст не должен прижиматься влево отдельными правилами */
[data-testid="messages-view"] .user-turn .text-message {
  align-items: flex-start !important;
}

/* 4. Кнопки под ответом показываем только при наведении — меньше визуального шума */
[data-testid="messages-view"] .group.mx-auto .mt-1.flex.justify-start {
  opacity: 0;
  transition: opacity 140ms ease;
}
[data-testid="messages-view"] .group.mx-auto:hover .mt-1.flex.justify-start,
[data-testid="messages-view"] .group.mx-auto:focus-within .mt-1.flex.justify-start {
  opacity: 1;
}

/* 5. Кнопка отправки — тёмный круг, как привык видеть человек */
[data-testid="send-button"] {
  border-radius: 9999px !important;
}

/* ── второй проход ─────────────────────────────────────────────── */

/* 6. Узкая колонка по центру. Было 880 px на широких экранах — строка такой
      длины читается тяжело, привычная ширина около 768 px. */
[data-testid="messages-view"] .group.mx-auto {
  max-width: 48rem !important;
}
form.mx-auto,
form .mx-auto.flex.w-full.flex-row {
  max-width: 48rem !important;
}

/* 7. Левая полоса: убираем разделы, которые нужны разработчику, а не клиенту.
      Диалоги, память и файлы оставляем — это функции, которыми он пользуется. */
[data-testid="nav-panel-agents"],
[data-testid="nav-panel-skills"],
[data-testid="nav-panel-prompts"],
[data-testid="nav-panel-bookmarks"] {
  display: none !important;
}

/* 8. Подпись под полем ввода — тише и мельче, как строка предупреждения */
.absolute.bottom-0 span {
  opacity: 0.55;
  font-size: 11.5px;
}

/* 9. Закладки в шапке диалога клиенту тоже ни к чему */
[data-testid="bookmark-menu"],
[data-testid="add-multi-convo-button"] {
  display: none !important;
}