/* Dark-theme overrides for vendored flatpickr (date picker) and Trix (WYSIWYG). */

/* --- flatpickr calendar --- */
.flatpickr-calendar {
  background: var(--surface-raised);
  border: 1px solid var(--border-mid);
  border-radius: var(--radius-md);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.5);
}
.flatpickr-calendar.arrowTop::before, .flatpickr-calendar.arrowTop::after,
.flatpickr-calendar.arrowBottom::before, .flatpickr-calendar.arrowBottom::after { display: none; }
.flatpickr-months, .flatpickr-month,
.flatpickr-current-month, .flatpickr-current-month input.cur-year {
  background: transparent;
  color: var(--text);
  fill: var(--text);
}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { fill: var(--text-muted); }
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: var(--accent); }
span.flatpickr-weekday { color: var(--text-muted); background: transparent; }
.flatpickr-day { color: var(--text); border-radius: var(--radius-sm); }
.flatpickr-day:hover, .flatpickr-day:focus { background: var(--surface-hover); border-color: var(--surface-hover); }
.flatpickr-day.today { border-color: var(--border-strong-2); }
.flatpickr-day.selected, .flatpickr-day.selected:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: #04121a;
}
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.flatpickr-disabled { color: var(--text-muted); opacity: 0.45; }
.flatpickr-monthDropdown-months, .flatpickr-monthDropdown-months option { background: var(--surface-raised); color: var(--text); }
.numInputWrapper span { border-color: var(--border-mid); }
.numInputWrapper span:hover { background: var(--surface-hover); }

/* --- Trix editor --- */
trix-editor {
  min-height: 130px;
  background: var(--surface);
}
trix-editor:empty::before { color: var(--text-muted); }
trix-toolbar .trix-button-group {
  border-color: var(--border-mid);
  background: var(--surface);
}
trix-toolbar .trix-button {
  border-bottom-color: var(--border-mid);
  background: transparent;
  color: var(--text);
}
trix-toolbar .trix-button:not(:first-child) { border-left-color: var(--border-mid); }
trix-toolbar .trix-button.trix-active { background: var(--accent-tint); }
trix-toolbar .trix-button:not(:disabled):hover { background: var(--surface-hover); }
/* Toolbar icons ship as dark SVGs — invert so they read on the dark toolbar. */
trix-toolbar .trix-button--icon::before { filter: invert(0.85); }
/* Description is text-only: hide the file-attach button group. */
trix-toolbar .trix-button-group--file-tools { display: none; }