---

/* Очищаем фон виджета BotRix */
body, html, #app, .chat-box, #chat, #widgets, .widget-container {
  background-color: transparent !important;
  background: transparent !important;
  overflow: hidden !important;
  margin: 0px auto !important;
}

/* Каждое сообщение превращаем в баббл */
#chat .message, .chat-message-container, [id^="message-"] {
  background-color: rgba(20, 20, 20, 0.85) !important; /* Цвет баббла */
  border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Тонкая рамка */
  border-radius: 12px !important; /* Закругление углов */
  padding: 10px 14px !important; /* Отступы внутри */
  margin-bottom: 8px !important; /* Расстояние между сообщениями */
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important; /* Тень */
  display: block !important;
  width: fit-content !important; /* Баббл подстраивается под длину текста */
  max-width: 95% !important;
  animation: slideIn 0.25s ease-out forwards !important; /* Анимация появления */
}

/* Анимация плавного выезда сообщения снизу вверх */
@keyframes slideIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Настройка никнейма */
#chat .message .name, .chat-message-username, .user-name {
  font-family: 'Inter', 'Segoe UI', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
  margin-bottom: 4px !important;
  display: inline-block !important;
}

/* Настройка текста сообщения */
#chat .message .text, .chat-message-body, .text-message {
  color: #ffffff !important; /* Белый цвет текста */
  font-family: 'Inter', 'Segoe UI', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
  word-break: break-word !important;
}

/* Выравнивание и размер смайликов BotRix */
#chat .message img, .chat-image-emoticon, img.emoji {
  max-height: 24px !important;
  vertical-align: middle !important;
  margin: 0 2px !important;
}

/* Скрываем значки платформ мультичата (если мешают) */
.platform-icon, .icon-platform {
  display: none !important;
}