.wk-matter-filter-bar {
  display: flex;
  align-items: center;
  gap: var(--wk-sp-2, 8px);
}

.wk-matter-filter-bar__select {
  padding: 5px 10px;
  border: 1px solid var(--wk-border-default, #e5e5e5);
  border-radius: 6px;
  background: var(--wk-bg-surface, #fff);
  color: var(--wk-text-primary, #1a1a1a);
  font-size: 13px;
  outline: none;
  cursor: pointer;
  transition: border-color 150ms;
}

.wk-matter-filter-bar__select:focus {
  border-color: var(--wk-brand-primary, #7C5CFC);
}

.wk-matter-filter-bar__search {
  width: 140px;
  padding: 5px 10px;
  border: 1px solid var(--wk-border-default, #e5e5e5);
  border-radius: 6px;
  background: var(--wk-bg-surface, #fff);
  color: var(--wk-text-primary, #1a1a1a);
  font-size: 13px;
  outline: none;
  transition: border-color 150ms, width 200ms;
}

.wk-matter-filter-bar__search:focus {
  border-color: var(--wk-brand-primary, #7C5CFC);
  width: 180px;
}

.wk-matter-filter-bar__search::placeholder {
  color: var(--wk-text-disabled, #bbb);
}
