:root{
  --bg:#1F2328;
  --card:#252B32;
  --text:#F7F3E8;
  --muted:rgba(247,243,232,.78);
  --forest:#A7C4A0;
  --accent:#2AA7A1;
  --border:rgba(167,196,160,.18);
  --shadow:0 16px 44px rgba(0,0,0,.22);
  --soft:rgba(255,255,255,.04);
}

/* Filament Hook-Classes (fi-*) */
.fi-body { background: var(--bg) !important; }
.fi-topbar, .fi-sidebar { background: var(--card) !important; border-color: var(--border) !important; }
.fi-main, .fi-page { color: var(--text) !important; }

.fi-section, .fi-card {
  background: var(--card) !important;
  border-color: var(--border) !important;
  box-shadow: var(--shadow) !important;
}

.fi-input, .fi-select-input, .fi-ta-textarea,
.fi-input input, .fi-select-input input, .fi-ta-textarea textarea {
  background: rgba(255,255,255,.06) !important;
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text) !important; /* wichtig für Safari/Chromium Autofill */
  border-color: var(--border) !important;
}


a, .fi-link { color: var(--accent) !important; }

/* Button-Text (z.B. "Vogel anlegen") dunkler – Hintergrund bleibt wie er ist */
.fi-btn.fi-btn-color-primary,
.fi-btn.fi-btn-color-primary .fi-btn-label,
.fi-btn.fi-btn-color-primary svg,
.fi-btn.fi-btn-color-warning,
.fi-btn.fi-btn-color-warning .fi-btn-label,
.fi-btn.fi-btn-color-warning svg {
  color: var(--bg) !important; /* dunkles #1F2328 */
}


/* Placeholder lesbar */
.fi-input input::placeholder,
.fi-select-input input::placeholder,
.fi-ta-textarea textarea::placeholder {
  color: var(--muted) !important;
  opacity: 1 !important;
}

/* Focus-Rand etwas klarer */
.fi-input:focus-within,
.fi-select-input:focus-within,
.fi-ta-textarea:focus-within {
  border-color: rgba(42,167,161,.45) !important; /* accent, aber nicht grell */
  box-shadow: 0 0 0 2px rgba(42,167,161,.18) !important;
}


/* FIX: Eingabetext in Filament-Formularen immer hell (auch ohne Focus) */
.fi-fo-field-wrp input,
.fi-fo-field-wrp textarea,
.fi-fo-field-wrp select,
.fi-input-wrp input,
.fi-input-wrp textarea {
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text) !important; /* Safari/Autofill */
  caret-color: var(--accent) !important;
}

/* Placeholder lesbar */
.fi-fo-field-wrp input::placeholder,
.fi-fo-field-wrp textarea::placeholder,
.fi-input-wrp input::placeholder,
.fi-input-wrp textarea::placeholder {
  color: var(--muted) !important;
  opacity: 1 !important;
}


/* FIX: Eingabetext in Filament wirklich hell machen (robuste Selectors) */
input.fi-input,
textarea.fi-input,
select.fi-input,
.fi-fo-text-input input,
.fi-fo-textarea textarea,
.fi-fo-select select,
.fi-input-wrp input,
.fi-input-wrp textarea,
.fi-input-wrp select {
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text) !important; /* Safari/Autofill */
}

/* Placeholder ebenfalls gut sichtbar */
input.fi-input::placeholder,
textarea.fi-input::placeholder,
.fi-fo-text-input input::placeholder,
.fi-fo-textarea textarea::placeholder,
.fi-input-wrp input::placeholder,
.fi-input-wrp textarea::placeholder {
  color: var(--muted) !important;
  opacity: 1 !important;
}


/* FIX: Text nicht transparent (Tailwind text-opacity / opacity überschreiben) */
input.fi-input,
textarea.fi-input,
select.fi-input,
.fi-fo-text-input input,
.fi-fo-textarea textarea,
.fi-fo-select select,
.fi-input-wrp input,
.fi-input-wrp textarea,
.fi-input-wrp select {
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text) !important;
  opacity: 1 !important;
  --tw-text-opacity: 1 !important;
}

/* Falls Filament den Text über ein inneres Element dimmt */
.fi-fo-text-input,
.fi-fo-textarea,
.fi-fo-select,
.fi-input-wrp {
  --tw-text-opacity: 1 !important;
}