html{scroll-padding-top:var(--filter-bar-height,180px)}
.filters{position:sticky;top:0;z-index:10;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.06)}
.filter-fields{grid-column:1 / -1;display:grid;grid-template-columns:110px repeat(2,minmax(185px,1.25fr)) repeat(5,minmax(100px,1fr)) 114px;gap:9px;align-items:end}
.filter-fields .field{min-width:0}
.filter-fields .picker.open{z-index:9}
.filter-actions{grid-column:2;grid-row:2;display:flex;gap:8px;align-items:center}
.filter-actions .apply,.filter-actions .btn{margin:0;height:34px;min-height:34px;padding:0 14px;font-size:14px;position:static}
.filters .query-summary{grid-column:1;grid-row:2;margin:0;min-width:0}
.filters .empty-state{grid-column:1 / -1}
.filter-toggle{display:none}
@media(min-width:761px) and (max-width:1250px){
  .filter-fields{grid-template-columns:repeat(4,minmax(0,1fr))}
  .filter-fields .date-field{min-width:0}
}
@media(max-width:760px){
  .filters{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:10px}
  .filter-toggle{display:inline-flex;grid-column:1;grid-row:1;gap:7px;height:34px;align-items:center;justify-content:center;border:1px solid #dbeafe;border-radius:5px;background:#eff6ff;color:#2563eb;font-family:inherit;font-size:13px;font-weight:600;padding:0 8px;cursor:pointer;white-space:nowrap}
  .filter-toggle .filter-chevron{display:inline-block;transition:transform .15s}
  .filters[data-expanded="true"] .filter-chevron{transform:rotate(180deg)}
  .filter-actions{grid-column:2;grid-row:1;justify-content:flex-end;gap:5px}
  .filter-actions .apply,.filter-actions .btn{padding:0 8px;font-size:13px}
  .filter-fields{grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:start;max-height:calc(100vh - 190px);max-height:calc(100dvh - 190px);overflow:auto;padding:2px}
  .filter-fields .date-field,.filter-fields .field:first-child,.filter-fields .field:last-child{grid-column:1 / -1}
  .filters[data-expanded="false"] .filter-fields{display:none}
  .filters .query-summary{grid-column:1 / -1;grid-row:3;white-space:nowrap;padding:6px 8px;font-size:12px}
  .filters[data-expanded="true"] .query-summary{white-space:normal;max-height:64px;overflow:auto}
  .filter-fields .picker-menu{position:static;margin-top:5px;max-height:170px;box-shadow:none}
  .filter-fields .picker-count{font-size:11px}
  .filter-fields .picker-control{padding:0 6px;gap:4px}
}