/* Shared chat emote + badge rendering (F12 community + dashboard unified chat) */

.chat-emote {
  height: 1.6em;
  width: auto;
  vertical-align: -0.35em;
  margin: 0 1px;
  display: inline-block;
  object-fit: contain;
}

.chat-badges {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-right: 4px;
  vertical-align: middle;
}

.chat-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  font-size: 9px;
  line-height: 1;
  flex-shrink: 0;
}

.chat-badge--broadcaster { color: #ef4444; background: rgba(239, 68, 68, 0.15); }
.chat-badge--moderator   { color: #22c55e; background: rgba(34, 197, 94, 0.15); }
.chat-badge--subscriber,
.chat-badge--founder     { color: #a855f7; background: rgba(168, 85, 247, 0.15); }
.chat-badge--vip         { color: #ec4899; background: rgba(236, 72, 153, 0.15); }
.chat-badge--og          { color: #fbbf24; background: rgba(251, 191, 36, 0.15); }
.chat-badge--staff       { color: #38bdf8; background: rgba(56, 189, 248, 0.15); }
.chat-badge--sub-gifter  { color: #f472b6; background: rgba(244, 114, 182, 0.15); }
.chat-badge--verified    { color: #53fc18; background: rgba(83, 252, 24, 0.12); }
.chat-badge--premium     { color: #818cf8; background: rgba(129, 140, 248, 0.15); }
.chat-badge--partner     { color: #9146ff; background: rgba(145, 70, 255, 0.15); }
.chat-badge--turbo       { color: #a78bfa; background: rgba(167, 139, 250, 0.15); }