/* 1. Делаем контейнер оверлея и метаданные всегда видимыми */
[data-flx^="voice.voice-participant-tile"] [class*="HoverOverlay"],
[data-flx^="voice.voice-participant-tile"] [class*="hoverOverlay"],
[data-flx^="voice.voice-participant-tile"] [class*="participantMetadata"],
[data-flx^="voice.voice-participant-tile"] [class*="ParticipantMetadata"] {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* 2. Окрашиваем имя в желтый и делаем жирным */
[data-flx^="voice.voice-participant-tile"] [class*="participantMetadata"] {
  color: #ffd400 !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 4px #000, 0 0 8px #000 !important;
}

[data-flx^="voice.voice-participant-tile"] [class*="participantMetadata"] > span:first-child {
  color: #ffd400 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 3. Скрываем только второй span с сессией в скобках */
[data-flx^="voice.voice-participant-tile"] [class*="participantMetadata"] > span:last-child:not(:first-child),
[data-flx^="voice.voice-participant-tile"] [class*="participantMetadata"] > span:nth-child(2) {
  display: none !important;
  visibility: hidden !important;
  font-size: 0 !important;
  width: 0 !important;
  height: 0 !important;
}
