/* SYNAPSE — filter/negotiation agents view (Phase 5, additive stylesheet).
   Reuses conn-* (connectors.css), digest-* (watch.css) and clf-*
   (classification.css) components; adds the filter-specific elements. */

.filter-strategic {
  margin-top: 1rem;
}

.filter-type-badge {
  font-family: var(--ff-mono, monospace);
  font-size: .56rem;
  letter-spacing: .12em;
  padding: .16rem .45rem;
  border: 1px solid var(--accent-blue, #6EA8FF);
  color: var(--accent-blue, #6EA8FF);
  background: rgba(110, 168, 255, .08);
}

.filter-rules-grid {
  display: grid;
  gap: .4rem;
}