/* Tiptap Editor Highlight Styles */
.tiptap-editor .tiptap-highlight,
.simple-rich-editor .simple-editor-highlight,
.simple-rich-editor code {
  @apply inline-block align-baseline rounded-md bg-blue-100 px-2 py-0.5 text-sm font-medium text-blue-900;
  @apply border border-blue-200;
  font-family: inherit; /* Override monospace font */
}

/* Override prose code styles */
.simple-rich-editor.prose :where(code):not(:where([class~="not-prose"] *)) {
  @apply bg-blue-100 text-blue-900 border-blue-200;
  font-weight: 500;
}

.simple-rich-editor.prose
  :where(code):not(:where([class~="not-prose"] *))::before,
.simple-rich-editor.prose
  :where(code):not(:where([class~="not-prose"] *))::after {
  content: ""; /* Remove backticks */
}

/* Dark mode highlight styles */
.dark .tiptap-editor .tiptap-highlight,
.dark .simple-rich-editor .simple-editor-highlight,
.dark .simple-rich-editor code {
  @apply bg-blue-950 border-blue-800 text-blue-100;
}

.dark
  .simple-rich-editor.prose
  :where(code):not(:where([class~="not-prose"] *)) {
  @apply bg-blue-950 text-blue-100 border-blue-800;
}

/* Mention styles */
.mention-label {
  @apply inline-block rounded-md bg-indigo-100 px-1 py-0.5 text-sm font-medium text-indigo-900;
  @apply border border-indigo-200;
  text-decoration: none;
}

.mention-label:hover {
  @apply bg-indigo-200 border-indigo-300;
}

.dark .mention-label {
  @apply bg-indigo-900 text-indigo-100 border-indigo-800;
}

.dark .mention-label:hover {
  @apply bg-indigo-800 border-indigo-700;
}

.mention-suggestions {
  max-width: 300px;
  min-width: 200px;
}
