.filters{margin:0 28px 30px;padding:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.filters header{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:16px}.filters h2{margin:0;font-size:24px}.filters header p:last-child{margin:0;color:var(--muted);font-weight:700}
.date-inputs [hidden]{display:none!important}
.filter-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.filter-grid label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:750}.filter-grid input,.filter-grid select,.filter-actions button{height:42px;border:1px solid #aebbb5;background:#fff;color:var(--ink);padding:0 10px;font:inherit}.filter-grid select:disabled{background:#eef2f0;color:#7b8580}.date-filter{display:grid;grid-template-columns:minmax(180px,240px) minmax(180px,1fr);gap:12px;align-items:end;padding-bottom:16px;border-bottom:1px solid var(--line)}.date-inputs{display:flex;gap:10px;align-items:end}.date-inputs label{width:min(220px,100%)}.date-inputs p{margin:0 0 12px;color:var(--muted);font-size:12px}.scope-filters{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px}.filter-actions{display:flex;gap:7px;justify-content:flex-end}.filter-actions button{min-width:120px;cursor:pointer;font-weight:750}.filter-actions button:first-child{background:var(--ink);color:#fff}.active-filters{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;min-height:1px}.active-filters span{padding:5px 9px;border-radius:99px;background:#e3f1eb;color:#195541;font-size:11px;font-weight:750}.empty-result{grid-column:1/-1;padding:42px;background:#fff;border:1px solid var(--line);text-align:center}.empty-result h3{margin:0 0 6px}.empty-result p{margin:0;color:var(--muted)}
@media(max-width:900px){.scope-filters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.filters{margin-left:16px;margin-right:16px;padding:16px}.filters header{display:block}.filters header p:last-child{margin-top:8px}.date-filter{grid-template-columns:1fr}.scope-filters{grid-template-columns:1fr 1fr}.filter-actions button{flex:1}}
@media(max-width:430px){.scope-filters{grid-template-columns:1fr}.filter-actions{display:grid;grid-template-columns:1fr 1fr}.filter-actions button{min-width:0}}
.active-filters{align-items:center;margin-top:0}.active-filters>strong{color:var(--muted);font-size:11px;margin-right:2px}.active-filters span{border:1px solid #c8ddd4;background:#f3f8f5;color:#31594c;font-weight:500}.active-filters span b{color:#174c3b}
