/**
 * Oda sohbet balonları — PM ile aynı renkler (açık / koyu tema).
 * Canlı ses (has-live-voice) cam balonları flash nick görünümünü bozar; sadece #messagesContainer için PM stili.
 */

.chat-live-shell.has-live-voice #messagesContainer .message-bubble {
  background: #fff;
  color: #111b21;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 0 12px 12px 12px;
  font-size: 14.2px;
  line-height: 20px;
  padding: 7px 10px 8px 11px;
  box-shadow: 0 1px 0.5px rgba(11, 20, 26, 0.13);
  border: none;
}

.chat-live-shell.has-live-voice #messagesContainer .message.own .message-bubble {
  background: #d9fdd3;
  color: #111b21;
  border-radius: 12px 0 12px 12px;
  border-color: transparent;
}

.chat-live-shell.has-live-voice #messagesContainer .message-sender,
.chat-live-shell.has-live-voice #messagesContainer .message-sender-line:not(.message-sender-line--cosmetic) {
  color: inherit;
  text-shadow: none;
}

.chat-live-shell.has-live-voice #messagesContainer .message-time {
  color: #667781;
}

body.theme-dark .chat-live-shell.has-live-voice #messagesContainer .message-bubble {
  background: #202c33;
  color: #e9edef;
  box-shadow: 0 1px 0.5px rgba(11, 20, 26, 0.35);
}

body.theme-dark .chat-live-shell.has-live-voice #messagesContainer .message.own .message-bubble {
  background: #005c4b;
  color: #e9edef;
}

body.theme-dark .chat-live-shell.has-live-voice #messagesContainer .message-time {
  color: rgba(233, 237, 239, 0.63);
}

/* Mobil kompakt — PM / mobile-wa balon çerçevesi */
@media (max-width: 1024px) {
  html.layout-compact .chat-live-shell.has-live-voice #messagesContainer .message-bubble {
    background: #fff;
    border: 1px solid #e9edef;
    border-radius: 8px;
    padding: 6px 10px 4px;
    font-size: 14px;
  }

  html.layout-compact .chat-live-shell.has-live-voice #messagesContainer .message.own .message-bubble {
    background: #d9fdd3;
    border-color: #d1e8cc;
    border-radius: 8px;
  }

  body.theme-dark html.layout-compact .chat-live-shell.has-live-voice #messagesContainer .message-bubble {
    background: #202c33;
    color: #e9edef;
    border-color: #2d3a4d;
  }

  body.theme-dark html.layout-compact .chat-live-shell.has-live-voice #messagesContainer .message.own .message-bubble {
    background: #005c4b;
    border-color: #0a4a3d;
  }
}