/* Editor mentions styles */
.mention {
  display: inline-block;
  padding: 0 2px;
  border-radius: 2px;
  font-weight: 500;
  white-space: nowrap;
  cursor: default;
  user-select: none;
  background-color: rgba(10, 102, 194, 0.1);
}

[data-theme="dark"] .mention {
  background-color: rgba(10, 102, 194, 0.2);
}

/* Make sure the content is preserved when switching themes */
.mention[contenteditable="false"] {
  -webkit-user-modify: read-only;
  -moz-user-modify: read-only;
  user-modify: read-only;
}