/* Rich-text composer (helpdesk-editor.js on top of Trix). */
trix-toolbar .trix-button-row { flex-wrap: wrap; gap: 0.25rem; }
trix-toolbar .trix-button-group { margin-bottom: 0.4rem; border-radius: 8px; }
trix-toolbar .trix-button { min-width: 2.25rem; }
trix-editor.hd-editor {
  box-sizing: border-box;
  min-height: 9rem;
  max-height: 60vh;
  overflow-y: auto;
  padding: 0.625rem 0.75rem;
  border: 1px solid var(--ink-200, #d8dee8);
  border-radius: 8px;
  background: var(--surface, #fff);
  font: inherit;
  line-height: 1.5;
}
trix-editor.hd-editor:focus { outline: none; border-color: var(--brand-light-blue, #4b7bec); box-shadow: 0 0 0 3px var(--brand-purple-ring, rgba(149, 26, 129, 0.15)); }
trix-editor.hd-editor:empty:not(:focus)::before { color: var(--ink-400, #94a3b8); }
trix-editor.hd-editor ul, trix-editor.hd-editor ol { padding-left: 1.4rem; margin: 0.25rem 0; }
trix-editor.hd-editor a { color: var(--brand-dark-blue, #001B3F); text-decoration: underline; }

/* Inline images: in the editor and in rendered messages */
trix-editor.hd-editor img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}
trix-editor.hd-editor .attachment__caption,
trix-editor.hd-editor .attachment__metadata {
  display: none;
}
trix-editor.hd-editor .attachment--preview {
  display: inline-block;
  max-width: 100%;
}
.hd-md-img {
  display: block;
  margin: 8px 0;
  max-width: 100%;
}
.hd-md-img img {
  display: block;
  max-width: 100%;
  max-height: 480px;
  height: auto;
  border-radius: 6px;
  border: 1px solid rgba(0, 27, 63, 0.12);
}
trix-editor.hd-editor figure.attachment {
  text-align: left;
}