/*
 * Rich text (Action Text / Trix) in Roxy's look. Used for check-in category
 * definitions, manager comments, and year-end summaries (M15).
 *
 * Tailwind's reset strips list bullets and heading sizes, so put them back
 * for both the editor and rendered content. Files and images are not allowed
 * in rich text: the attach button is hidden here and uploads are refused in
 * app/javascript/application.js.
 */

trix-toolbar .trix-button-group--file-tools { display: none; }

trix-toolbar .trix-button-group {
  border-color: #cbd5e1; /* slate-300 */
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
}
trix-toolbar .trix-button { border-bottom: none; }
trix-toolbar .trix-button:not(:first-child) { border-left-color: #e2e8f0; }
trix-toolbar .trix-button.trix-active { background: var(--color-brand-50, #eef6f3); }

trix-editor {
  border: 1px solid #cbd5e1;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  min-height: 6rem;
}
trix-editor:focus { border-color: var(--color-brand-600, #2f6f5e); }

.trix-content ul { list-style: disc; padding-left: 1.25rem; }
.trix-content ol { list-style: decimal; padding-left: 1.25rem; }
.trix-content li { margin-left: 0; }
.trix-content h1 { font-size: 1.1em; font-weight: 600; margin-top: 0.5em; }
.trix-content a { color: var(--color-brand-600, #2f6f5e); text-decoration: underline; }
.trix-content > * + * { margin-top: 0.4em; }