/* v95.3h chat list link and message sides */
#conversations-list,
#conversationList {
  position: static !important;
  min-height: 0 !important;
  height: auto !important;
}
#conversations-list {
  display: flex !important;
  flex-direction: column !important;
  overflow: visible !important;
}
#hiddenChatsEntry {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  float: none !important;
  z-index: auto !important;
  order: 99 !important;
  margin: 20px 8px 32px !important;
  padding: 8px 0 12px !important;
  text-align: left !important;
  background: transparent !important;
  clear: both !important;
}
#hiddenChatsBtn {
  position: static !important;
  display: inline !important;
  background: none !important;
  border: 0 !important;
  padding: 4px 0 !important;
  font-size: .8rem !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}
#active-chat-view.open #chatMessages,
#chatView.open #chatMessages,
#chatMessages {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 14px !important;
}
#chatMessages .msg-row.me,
#chatMessages .msg-row.msg-sent,
#chatMessages .msg-row[data-mine="1"] {
  align-self: flex-end !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  width: fit-content !important;
  max-width: 65% !important;
  justify-content: flex-end !important;
}
#chatMessages .msg-row.them,
#chatMessages .msg-row.msg-received,
#chatMessages .msg-row[data-mine="0"] {
  align-self: flex-start !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  width: fit-content !important;
  max-width: 65% !important;
  justify-content: flex-start !important;
}
#chatMessages .msg-row.me .bubble,
#chatMessages .msg-row.msg-sent .bubble,
#chatMessages .msg-row[data-mine="1"] .bubble {
  background: #2563eb !important;
  color: #fff !important;
  margin-left: 0 !important;
}
#chatMessages .msg-row.them .bubble,
#chatMessages .msg-row.msg-received .bubble,
#chatMessages .msg-row[data-mine="0"] .bubble {
  background: #3a4150 !important;
  color: #f4f4f8 !important;
  margin-right: 0 !important;
}
#chatMessages .msg-col > .msg-time {
  display: block !important;
  margin: 4px 2px 0 !important;
  text-align: inherit !important;
}
#chatMessages .msg-row.them .msg-avatar,
#chatMessages .msg-row.msg-received .msg-avatar,
#chatMessages .msg-row[data-mine="0"] .msg-avatar {
  flex: none !important;
}