/* Trix dark theme overrides — loaded AFTER trix.css from CDN */

/* Toolbar background */
trix-toolbar {
  background: rgb(17, 24, 39);
  border-color: rgb(55, 65, 81);
  border-bottom: none;
  border-radius: 0.5rem 0.5rem 0 0;
}

trix-toolbar .trix-button-row {
  flex-wrap: wrap;
}

trix-toolbar .trix-button-group {
  border-color: rgb(55, 65, 81);
  margin-bottom: 0;
}

/* Invert icons so they show white on dark background */
trix-toolbar .trix-button {
  background-color: transparent;
  border-color: transparent;
  filter: invert(1);
}

trix-toolbar .trix-button:hover {
  background-color: rgb(200, 200, 200);
}

trix-toolbar .trix-button.trix-active {
  background-color: rgb(180, 180, 200);
}

/* Hide buttons not needed for inspection comments */
trix-toolbar .trix-button-group--file-tools,
trix-toolbar .trix-button--icon-link,
trix-toolbar .trix-button--icon-heading-1,
trix-toolbar .trix-button--icon-code,
trix-toolbar .trix-button--icon-quote,
trix-toolbar .trix-button--icon-decrease-nesting-level,
trix-toolbar .trix-button--icon-increase-nesting-level {
  display: none;
}

trix-toolbar .trix-dialogs {
  display: none;
}

/* Editor area */
trix-editor {
  background: rgb(17, 24, 39);
  border: 1px solid rgb(55, 65, 81);
  border-radius: 0 0 0.5rem 0.5rem;
  color: rgb(243, 244, 246);
  font-size: 0.875rem;
  line-height: 1.5;
  min-height: 4rem;
  padding: 0.5rem 0.75rem;
}

trix-editor:focus {
  border-color: rgb(16, 185, 129);
  box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2);
}

trix-editor:empty::before {
  color: rgb(75, 85, 99);
}

trix-editor ul {
  list-style: disc;
  padding-left: 1.25rem;
}

trix-editor ol {
  list-style: decimal;
  padding-left: 1.25rem;
}

trix-editor a {
  color: rgb(129, 140, 248);
  text-decoration: underline;
}

/* Prevent file attachments */
trix-editor [data-trix-attachment] {
  display: none;
}