.badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

.badge-ok {
  background: rgba(0, 168, 225, 0.15);
  border-color: rgba(0, 168, 225, 0.45);
  color: #d4f4ff;
}

.badge-warn {
  background: rgba(245, 182, 66, 0.16);
  border-color: rgba(245, 182, 66, 0.45);
  color: #ffe8b5;
}

.badge-danger {
  background: rgba(255, 110, 110, 0.18);
  border-color: rgba(255, 110, 110, 0.45);
  color: #ffd7d7;
}

.badge-expired {
  background: rgba(144, 152, 170, 0.18);
  border-color: rgba(144, 152, 170, 0.45);
  color: #d8dde8;
}