/* estado base */
.fed-chip {
  position: relative;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.02);
  transition: all .15s ease;
}

/* cuando la fed tiene datos */
.fed-chip.has-data {
  border-color: rgba(46, 204, 113, .55);
  box-shadow: 0 0 0 2px rgba(46, 204, 113, .12) inset;
}

/* punto indicador (dot) arriba a la derecha) */
.fed-chip.has-data::after {
  content: "";
  position: absolute;
  top: -3px; right: -3px;
  width: 10px; height: 10px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 8px rgba(46, 204, 113, .8);
}

/* opcional: si no hay datos, atenuar un poco */
.fed-chip.no-data {
  opacity: .8;
}

/* ya tienes .selected; si quieres combinar: */
.fed-chip.selected.has-data {
  border-color: rgba(46, 204, 113, .85);
  box-shadow: 0 0 0 2px rgba(46, 204, 113, .22) inset, 0 2px 10px rgba(46, 204, 113, .25);
}