/* Gemeinsames Status-Badge fuer Stationsliste und Stationsdetails */
.active-badge {
  display: inline-block;
  min-width: 52px;
  box-sizing: border-box;
  padding: 1px 7px;
  border-radius: 999px;
  font-size: 0.82em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1.4;
  text-align: center;
}

.active-badge.pulse {
  color: #eaebec;
  background-color: #2e5ba6;
  border: 1px solid #4285f4;
  box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.55);
  animation: badge-pulse 1.8s ease-out infinite;
}

.active-badge.inactive {
  color: #eaebec;
  background-color: #6c6c6c;
  border: 1px solid #b7b7b7;
}

.active-badge.unknown {
  color: #6b4c00;
  background-color: #d4a000;
  border: 1px solid #fff3cd;
}

@keyframes badge-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.55);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(66, 133, 244, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(66, 133, 244, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .active-badge.pulse {
    animation: none;
  }
}