/* Lexxy editor overrides */
:root {
  --lexxy-radius: 0;
  --lexxy-toolbar-gap: 0;
  --lexxy-font-base: "DM Sans", sans-serif;
  --lexxy-color-ink-lighter: #000;
  --lexxy-color-ink-lightest: #f5f5f5;
  --lexxy-focus-ring-color: transparent;
}

lexxy-editor {
  border: none !important;
  border-bottom: 1px solid black !important;
  border-radius: 0 !important;
  background-color: #f9fafb !important; /* gray-50 */
}

lexxy-editor:focus-within {
  outline: none !important;
  box-shadow: none !important;
  background-color: #f3f4f6 !important; /* gray-100 */
}

lexxy-editor [contenteditable]:focus,
lexxy-editor [contenteditable]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

lexxy-toolbar {
  background-color: #e5e7eb !important; /* gray-200 */
  border-bottom: none !important;
  border-radius: 0 !important;
  padding: 4px !important;
}

lexxy-editor button,
lexxy-editor summary {
  border-radius: 0 !important;
}

lexxy-editor button:focus-visible,
lexxy-editor summary:focus-visible {
  outline: none !important;
}

/* Mention chip styling */
action-text-attachment:has(.mention) {
  display: inline;
}

action-text-attachment:has(.mention) figure {
  display: inline;
  margin: 0;
}

.mention {
  color: var(--color-accent);
  font-weight: 600;
}

.mention-avatar {
  display: inline;
  width: 1.2em;
  height: 1.2em;
  border-radius: 9999px;
  object-fit: cover;
  vertical-align: middle;
  margin-right: 0.15em;
}