/*
 * Lexxy editor compact mode for the conversation reply form.
 * Halves the editor body height (8lh -> 4lh) and shrinks the toolbar
 * icons (1em -> 0.5em). Selector specificity (0,0,1,1) beats Lexxy's
 * own :where() declarations so these win without !important.
 */

[data-controller~="app--message-form"] lexxy-editor {
  --lexxy-editor-rows: 4lh;
  border-color: #e5e7eb;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

[data-controller~="app--message-form"] lexxy-editor[data-internal-note] {
  border-color: #fbbf24;
}

[data-controller~="app--message-form"] input[name="message[kind]"][value="outbound_email"]:checked + span {
  background-color: #fff;
  color: #030712;
}

[data-controller~="app--message-form"] input[name="message[kind]"][value="outbound_email"]:checked + span svg {
  color: #030712;
}

[data-controller~="app--message-form"] input[name="message[kind]"][value="internal_note"]:checked + span {
  background-color: #fef3c7;
  color: #451a03;
}

[data-controller~="app--message-form"] input[name="message[kind]"][value="internal_note"]:checked + span svg {
  color: #451a03;
}

[data-controller~="app--message-form"] .lexxy-editor__content,
lexxy-editor.helpline-reply-editor .lexxy-editor__content {
  font-size: 0.875rem;
  line-height: 1.25rem;
  max-block-size: 8lh;
  overflow-y: auto;
}

[data-controller~="app--message-form"] lexxy-editor.lexxy-editor--empty .lexxy-editor__content[placeholder]::before {
  color: #8b95a1;
}

[data-controller~="app--message-form"] lexxy-toolbar {
  --lexxy-toolbar-icon-size: 0.85em;
  border-block-end: 0;
}

[data-controller~="app--message-form"] .lexxy-editor__toolbar-button {
  block-size: 1.5lh;
  color: #6b7280;
}

[data-controller~="app--message-form"] .lexxy-editor__toolbar-button:hover,
[data-controller~="app--message-form"] .lexxy-editor__toolbar-button[aria-pressed="true"] {
  color: #374151;
}

[data-controller~="app--message-form"] lexxy-toolbar button[name="heading"],
[data-controller~="app--message-form"] lexxy-toolbar button[name="table"],
[data-controller~="app--message-form"] lexxy-toolbar button[name="divider"] {
  display: none;
}

[data-controller~="app--message-form"] lexxy-toolbar details:has(> summary[name="highlight"]) {
  display: none !important;
}

lexxy-editor.helpline-reply-editor lexxy-toolbar details:has(> summary[name="highlight"]) {
  display: none !important;
}