.feeding-trend-card { padding:24px; min-width:0; }
.feeding-trend-card > p { color:#526577; }
.feeding-trend-filters { display:flex; flex-wrap:wrap; gap:14px; align-items:end; margin:22px 0; }
.feeding-trend-filters label { display:grid; gap:6px; font-weight:600; flex:1 1 145px; }
.feeding-trend-filters input,.feeding-trend-filters select { width:100%; padding:10px; border:1px solid #cbd5df; border-radius:8px; background:white; color:#243647; min-height:44px; }
.feeding-trend-filters button { min-height:44px; padding:10px 18px; border-radius:8px; border:0; cursor:pointer; }
.feeding-trend-summary { display:flex; flex-wrap:wrap; gap:14px; margin:20px 0; }
.feeding-trend-summary > div { flex:1 1 160px; padding:18px; background:#f1f6f8; border-radius:12px; }
.feeding-trend-summary strong { display:block; font-size:24px; color:#203d4b; }
.feeding-trend-legend { display:flex; flex-wrap:wrap; gap:20px; margin-bottom:12px; }
.feeding-trend-hay { color:#147960; font-weight:700; }
.feeding-trend-concentrate { color:#b65a12; font-weight:700; }
.feeding-trend-scroll { overflow-x:auto; max-width:100%; }
.feeding-trend-chart { display:block; width:100%; min-width:650px; height:300px; }
.feeding-trend-chart text { font:12px sans-serif; fill:#526577; }
.feeding-trend-chart circle { cursor:pointer; stroke:white; stroke-width:1.5; }
.feeding-trend-chart circle:focus { outline:none; stroke:#152c48; stroke-width:4; }
.feeding-trend-table { width:100%; border-collapse:collapse; margin-top:14px; }
.feeding-trend-table th,.feeding-trend-table td { text-align:left; padding:10px; border-bottom:1px solid #dce5eb; white-space:nowrap; }
.feeding-trend-table button { color:#166456; background:#eef7f3; border:1px solid #b7d9cc; border-radius:6px; padding:6px 10px; }
.feeding-trend-details { max-height:360px; overflow:auto; }
@media(max-width:600px) { .feeding-trend-card { padding:14px; } .feeding-trend-filters button { width:100%; } }

.feeding-live-status { margin:0 0 8px; font-size:13px; color:#416851; }