/**
 * 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;
}

body.theme-dark .chat-live-shell.has-live-voice #messagesContainer .message-sender-line:not(.message-sender-line--cosmetic) {
  color: #53bdeb;
}

.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);
}

body.theme-dark .chat-live-shell.has-live-voice #messagesContainer .message-bubble-content .msg-text-block,
body.theme-dark .chat-live-shell.has-live-voice #messagesContainer .message-bubble .msg-text-block {
  color: #e9edef;
}

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

  html.layout-compact body:not(.theme-dark) .chat-live-shell.has-live-voice #messagesContainer .message.own .message-bubble {
    background: #d9fdd3;
    color: #111b21;
    border-color: #d1e8cc;
    border-radius: 8px;
  }

  html.layout-compact body:not(.theme-dark) .chat-live-shell.has-live-voice #messagesContainer .message-time {
    color: #667781;
  }

  /* html, body altında değil üstünde — body.theme-dark html... geçersizdir */
  html.layout-compact body.theme-dark .chat-live-shell.has-live-voice #messagesContainer .message-bubble {
    background: #202c33;
    color: #e9edef;
    border: 1px solid #2d3a4d;
    border-radius: 8px;
    padding: 6px 10px 4px;
    font-size: 14px;
    box-shadow: 0 1px 0.5px rgba(11, 20, 26, 0.35);
  }

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

  html.layout-compact body.theme-dark .chat-live-shell.has-live-voice #messagesContainer .message-bubble-content .msg-text-block,
  html.layout-compact body.theme-dark .chat-live-shell.has-live-voice #messagesContainer .message-bubble .msg-text-block {
    color: #e9edef;
  }

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

/* Balon içi nick — mesaj gövdesi ile aynı font (mobile-wa / canlı ses ezmesin) */
#messagesContainer .message-bubble-content .message-text-flow .message-sender-line,
#pmMessagesContainer .message-bubble-content .message-text-flow .message-sender-line,
#messagesContainer .message-bubble-content .message-text-flow .message-sender-inner,
#pmMessagesContainer .message-bubble-content .message-text-flow .message-sender-inner,
#messagesContainer .message-bubble-content .message-text-flow .message-sender,
#pmMessagesContainer .message-bubble-content .message-text-flow .message-sender,
#messagesContainer .message-bubble-content .message-text-flow .message-sender-sep,
#pmMessagesContainer .message-bubble-content .message-text-flow .message-sender-sep {
  font-size: inherit;
  line-height: inherit;
  vertical-align: baseline;
}