.task-filter-panel { display: grid; gap: 14px; padding: 18px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel, #fff); }
.task-filter-panel.is-hidden { display: none; }
.task-filter-modes, .task-filter-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.task-filter-fields { display: grid; grid-template-columns: minmax(200px, 2fr) minmax(160px, 1fr) repeat(2, minmax(150px, 1fr)); gap: 14px; }
.task-filter-fields label, .task-filter-fields input, .task-filter-fields select { min-width: 0; width: 100%; }
.task-filter-result { margin: 0; color: var(--muted); }
.task-filter-actions button { white-space: nowrap; }
@media (max-width: 1100px) { .task-filter-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .task-filter-fields { grid-template-columns: minmax(0, 1fr); } }