---

/* Полное обнуление фона страницы */
body, html {
  background-color: transparent !important;
  margin: 0px auto;
  overflow: hidden;
  font-family: 'Inter', 'Segoe UI', Roboto, sans-serif !important;
}

/* Контейнер для списка сообщений */
#chat-container, .chat-box {
  background: transparent !important;
}

/* Стилизация каждого отдельного сообщения (Баббл) */
.message-container, .chat-message {
  background-color: rgba(15, 15, 15, 0.75) !important; /* Цвет плашки */
  border: 1px solid rgba(255, 255, 255, 0.08) !important; /* Едва заметная рамка */
  border-radius: 12px !important; /* Закругление */
  padding: 10px 14px !important; /* Отступы внутри */
  margin-bottom: 8px !important; /* Расстояние между сообщениями */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15) !important; /* Тень под сообщением */
  animation: fadeIn 0.3s ease-out forwards !important; /* Анимация появления */
  display: flex;
  flex-direction: column;
}

/* Плавная анимация всплытия текста */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Настройки Никнейма пользователя */
.username, .sys-user {
  font-weight: 700 !important;
  font-size: 15px !important;
  margin-bottom: 3px !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) !important;
}

/* Текст самого сообщения */
.message, .text-message {
  color: #f3f4f6 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  word-break: break-word !important;
}

/* Анимированные или увеличенные смайлики */
img.emoji, img.emoticon {
  max-height: 28px !important;
  vertical-align: middle !important;
  transform: scale(1);
  transition: transform 0.2s ease;
}
img.emoji:hover {
  transform: scale(1.2); /* Слегка увеличивает при наведении в OBS (для тестов) */
}

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