/* Keep the chat-list search field calm when Android focuses it. */
.chat-list-search input:focus,
.chat-list-search input:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.chat-list-search:focus-within {
  border-color: #ffffffee;
  box-shadow: inset 0 1px 1px #fff, 0 8px 22px #4a3c5d14;
}

/* Saved Messages preserves who wrote the original message. */
.chat-conversation-pane[data-conversation="saved"] .chat-message.saved-origin-partner {
  justify-content: flex-start;
}

.chat-conversation-pane[data-conversation="saved"] .chat-message.saved-origin-partner .chat-bubble {
  background: linear-gradient(145deg, #fffafddd, #f7eef8e8);
  color: #46374e;
}

.chat-conversation-pane[data-conversation="saved"] .chat-message.saved-origin-note .chat-bubble {
  background: linear-gradient(145deg, #7e9ee7, #7760d5);
}

.saved-message-source {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: -1px 0 6px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ffffff38;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .01em;
  opacity: .9;
}

.saved-message-source span {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff38;
  font-size: 11px;
}

.saved-origin-partner .saved-message-source {
  border-bottom-color: #5d456d1f;
  color: #9b4384;
}

.saved-origin-partner .saved-message-source span {
  background: #f4d9eb;
}

html[data-appearance="dark"] .chat-conversation-pane[data-conversation="saved"] .chat-message.saved-origin-partner .chat-bubble {
  background: linear-gradient(145deg, #342d39, #27242e);
  color: #f4edf6;
}