/*
 * Admin-only styling for the Action Text (Trix) editor on the dark theme.
 * Trix's toolbar icons are dark SVGs, so the buttons sit on an ivory face;
 * the editing area uses the ink input surface. Scoped to .admin-shell so
 * public pages are untouched.
 */
.admin-shell trix-toolbar .trix-button-row { flex-wrap: wrap; gap: 0.5rem; }
.admin-shell trix-toolbar .trix-button-group {
  margin: 0; border: 1px solid var(--color-control); border-radius: var(--radius-control);
  background: var(--color-ivory); overflow: hidden;
}
.admin-shell trix-toolbar .trix-button {
  min-width: 2.75rem; min-height: 2.75rem; border-bottom: 0;
  background-color: var(--color-ivory); color: var(--color-ink);
}
.admin-shell trix-toolbar .trix-button:not(:first-child) { border-left: 1px solid #c9c3b2; }
.admin-shell trix-toolbar .trix-button.trix-active { background-color: var(--color-gold-300); }
.admin-shell trix-toolbar .trix-button:disabled { opacity: 0.45; }
.admin-shell trix-toolbar .trix-button:focus-visible {
  outline: 2px solid var(--color-gold-200); outline-offset: -2px;
}
.admin-shell trix-toolbar .trix-dialog {
  background: var(--color-raised); color: var(--color-ivory);
  border: 1px solid var(--color-control); box-shadow: var(--shadow-panel);
}
.admin-shell trix-toolbar .trix-input--dialog {
  background: var(--color-ink); color: var(--color-ivory); border-color: var(--color-control);
}
.admin-shell trix-editor {
  min-height: 12rem; margin-top: 0.5rem; padding: 0.75rem;
  border: 1px solid var(--color-control); border-radius: var(--radius-control);
  background: var(--color-ink); color: var(--color-ivory); font-size: 1rem; line-height: 1.75rem;
}
.admin-shell trix-editor:focus { outline: 2px solid var(--color-gold-200); outline-offset: 2px; }
.admin-shell trix-editor a { color: var(--color-gold-400); text-decoration: underline; }
.admin-shell trix-editor ul { list-style: disc; padding-left: 1.5rem; }
.admin-shell trix-editor ol { list-style: decimal; padding-left: 1.5rem; }