html body #root .inspector-filter-toolbar {
  display: grid;
  grid-template-columns: minmax(190px, 1.5fr) repeat(3, minmax(130px, 1fr)) auto;
  align-items: end;
  gap: 10px;
  padding: 12px;
  margin-top: 14px;
  background: #f5faf8;
  border: 1px solid #dceae5;
  border-radius: 12px;
}
html body #root .inspector-filter-toolbar label { display: grid; gap: 5px; min-width: 0; margin: 0; }
html body #root .inspector-filter-toolbar label > span { font-size: 12px; color: #657a83; }
html body #root .inspector-filter-toolbar input,
html body #root .inspector-filter-toolbar select {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 36px;
  border: 1px solid #cfded9;
  border-radius: 9px;
  padding: 6px 10px;
  background: #fff;
  color: #24353e;
  font: inherit;
  font-size: 13px;
}
html body #root .inspector-filter-toolbar button { min-height: 36px; font-size: 12px; white-space: nowrap; }
html body #root .inspector-filter-toolbar :is(input, select, button):focus-visible { outline: 2px solid #079f94; outline-offset: 2px; }
html body #root .inspector-filter-count { margin: 10px 2px 0; }
html body #root .inspector-filter-empty { padding: 24px 12px; text-align: center; color: #657a83; }
@media (max-width: 1100px) {
  html body #root .inspector-filter-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  html body #root .inspector-filter-toolbar { grid-template-columns: minmax(0, 1fr); }
}