/* Active Filter Chips */
.active-filters { /* default styles; visibility handled below */
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding-top: 8px;
  min-height: 34px;
}

/* Show only when there are chips */
.active-filters:empty { display: none !important; min-height: 0; padding-top: 0; }
.active-filters:not(:empty) { display: flex; }

.active-filters .chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  background: linear-gradient(180deg, #1a1834, #131126);
  color: #e6e6f0;
  cursor: pointer;
  transition: transform .12s ease, border-color .2s ease, background .2s ease;
}

.active-filters .chip:hover {
  transform: translateY(-1px);
  border-color: rgba(123,47,247,0.45);
  background: linear-gradient(180deg, #201d40, #14122a);
}

.active-filters .chip .label { pointer-events: none; }
.active-filters .chip i { font-size: 12px; opacity: .85; }

.active-filters .chip.clear {
  background: transparent;
  border-style: dashed;
  border-color: rgba(0,255,136,0.45);
  color: #b7ffe1;
}
.active-filters .chip.clear:hover {
  background: rgba(0,255,136,0.06);
}