/* filters.css — Botões de filtro e limpeza nos cabeçalhos de coluna */

.header-filter {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  white-space: nowrap;
}

.header-filter__btns {
  display: flex;
  align-items: center;
  gap: 2px;
}

.filter-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  color: rgb(var(--slate-9, var(--lv-slate-9)));
  padding: 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 120ms ease;
}

.filter-btn:hover:not(:disabled) {
  background: rgb(var(--slate-3, var(--lv-slate-3)));
  color: rgb(var(--slate-12, var(--lv-slate-12)));
}

.filter-clear-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  color: rgb(var(--ruby-9, var(--lv-ruby-9)));
  padding: 0 4px;
  font-size: 1.1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.filter-clear-btn:hover {
  color: rgb(var(--ruby-11, var(--lv-ruby-11)));
}