/* ZAWAJ VIP — FINAL COMPACT CHAT BUBBLES */

#messagesList {
  direction: ltr !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 12px !important;

  width: 100% !important;
  overflow-x: hidden !important;
}

/* صف مستقل لكل رسالة */
#messagesList > .chat-message-row {
  direction: ltr !important;

  position: static !important;
  inset: auto !important;

  display: flex !important;
  align-items: flex-start !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  flex: 0 0 auto !important;

  margin: 0 !important;
  padding: 0 !important;

  float: none !important;
  clear: both !important;
  transform: none !important;
}

/* رسائلي يمين */
#messagesList > .chat-message-row.mine {
  justify-content: flex-end !important;
}

/* رسائل الطرف الآخر شمال */
#messagesList > .chat-message-row.theirs {
  justify-content: flex-start !important;
}

/* الفقاعة صغيرة بحجم النص والوقت */
#messagesList > .chat-message-row > .chat-message {
  direction: rtl !important;
  text-align: right !important;

  position: static !important;
  inset: auto !important;

  display: inline-block !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: 300px !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  flex: 0 0 auto !important;

  margin: 0 !important;
  padding: 8px 13px 7px !important;

  overflow: visible !important;

  border-radius: 17px !important;
}

/* النص */
#messagesList .chat-message-text {
  position: static !important;

  display: block !important;

  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;

  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* الوقت وعلامات القراءة أسفل النص مباشرة */
#messagesList .chat-message-meta {
  position: static !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;

  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 4px 0 0 !important;
  padding: 0 !important;

  font-size: 10px !important;
  line-height: 1 !important;
}

/* منع أي عنصر داخلي من تمديد الفقاعة */
#messagesList .chat-message > * {
  min-height: 0 !important;
  max-height: none !important;
  flex: none !important;
}

/* الهاتف */
@media (max-width: 760px) {
  #messagesList > .chat-message-row > .chat-message {
    max-width: 78% !important;
  }
}

/* تثبيت المحادثة بدون تحريك DOM أو اهتزاز القائمة */
#conversationsList {
  display: flex !important;
  flex-direction: column !important;
}

#conversationsList > [data-conversation-id] {
  order: 0;
}

#conversationsList > [data-conversation-id].is-pinned {
  order: -1;
}

/* قائمة ثابتة ودعم تثبيت المحادثات بدون إعادة تحريك DOM */
#conversationsList {
  display: flex !important;
  flex-direction: column !important;
}

#conversationsList > [data-conversation-id] {
  order: 0;
}

#conversationsList > [data-conversation-id].is-pinned {
  order: -1;
}