.filter-card { margin-bottom: 18px; }
.filter-heading { margin-bottom: 18px; }
.filter-form { display: grid; grid-template-columns: minmax(260px, 1.6fr) repeat(3, minmax(170px, 1fr)); gap: 14px; align-items: end; }
.filter-field { display: grid; gap: 7px; min-width: 0; }
.filter-field--search { grid-column: span 2; }
.filter-field > span, .attention-filter span { color: var(--muted); font-size: 12px; font-weight: 800; letter-spacing: .02em; }
.filter-field input, .filter-field select { width: 100%; min-width: 0; padding: 11px 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--input-bg); color: var(--text); }
.filter-field input:focus, .filter-field select:focus { outline: 2px solid color-mix(in srgb, var(--primary) 40%, transparent); outline-offset: 1px; border-color: var(--primary); }
.attention-filter { min-height: 44px; display: flex; align-items: center; gap: 9px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-soft); cursor: pointer; }
.attention-filter input { width: 17px; height: 17px; accent-color: var(--primary); }
.filter-actions { display: flex; gap: 8px; justify-content: flex-end; }
.active-filters { display: grid; gap: 10px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--border-soft); }
.active-filters > strong { font-size: 13px; }
.active-filters > div { display: flex; flex-wrap: wrap; gap: 8px; }
.active-filters span { padding: 7px 10px; border-radius: 999px; background: var(--primary-soft); color: var(--primary-soft-text); font-size: 12px; font-weight: 750; }
.results-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.results-heading h2 { margin: 4px 0 0; }
.results-heading p { max-width: 430px; margin: 0; text-align: right; }
.search-empty { padding: 48px 18px; }
.search-empty strong { display: block; margin-bottom: 8px; color: var(--text-strong); font-size: 20px; }
.search-empty p { margin: 0 0 18px; color: var(--muted); }
.kanban-column__header h2 a { color: var(--text-strong); text-decoration: none; }
.kanban-column__header h2 a:hover { color: var(--primary); }
@media (max-width: 1100px) { .filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .filter-field--search { grid-column: span 2; } }
@media (max-width: 680px) { .filter-form { grid-template-columns: minmax(0, 1fr); } .filter-field--search { grid-column: auto; } .filter-actions { justify-content: stretch; } .filter-actions .button { flex: 1; } .results-heading { display: grid; } .results-heading p { text-align: left; } }