.active-filter-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--soft);
  color: var(--muted);
  font-size: .84rem;
  font-weight: 700;
}

.inline-reset {
  border: 0;
  background: transparent;
  color: var(--accent-dark);
  font-weight: 850;
  cursor: pointer;
  min-height: 36px;
  padding: 4px 6px;
  white-space: nowrap;
}

.inline-reset:hover { text-decoration: underline; }

.clear-filters {
  border: 1px solid var(--line);
  border-radius: 11px;
  background: var(--card);
  padding: 0 14px;
  min-height: 50px;
}

.clear-filters:not(:disabled):hover {
  text-decoration: none;
  border-color: var(--accent);
  background: #fffaf6;
}

.clear-filters:disabled {
  opacity: .45;
  cursor: default;
}

.empty-state .clear-filters {
  margin-top: 10px;
  min-height: 42px;
}

@media (max-width: 720px) {
  .active-filter-summary {
    align-items: flex-start;
  }

  .clear-filters {
    width: 100%;
  }
}