/* A conversa precisa ter o próprio espaço de rolagem dentro do painel. */
.conversation-pane {
  min-height: 0;
  overflow: hidden;
}

.message-list {
  height: 0;
  flex: 1 1 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-behavior: auto !important;
  scrollbar-gutter: stable;
}

.message-list::-webkit-scrollbar {
  width: 10px;
}

.message-list::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  border-radius: 999px;
  background: #a7c4b2;
  background-clip: padding-box;
}

.message-list::-webkit-scrollbar-thumb:hover {
  background: #76a98a;
  background-clip: padding-box;
}

body[data-theme="midnight"] .message-list::-webkit-scrollbar-thumb {
  background: #426a50;
  background-clip: padding-box;
}

.media-preview {
  display: block;
  max-width: min(360px, 100%);
  overflow: hidden;
  border-radius: 9px;
  background: #edf4ef;
}

.media-preview img {
  display: block;
  width: 100%;
  max-height: 340px;
  object-fit: contain;
  background: #e9f0eb;
}

.media-preview-loading {
  min-width: 170px;
  color: #5f806d;
  background: #edf6f0;
}