#k-summary {
  display: flex;
  align-items: center;
}
#k-summary .badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 8px;
  height: 40px;
  padding: 0 14px;
  font-family: system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #166534;
  white-space: nowrap;
}
.dark #k-summary .badge {
  background: #052e16;
  border-color: #14532d;
  color: #86efac;
}
#k-summary .badge.degraded {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}
.dark #k-summary .badge.degraded {
  background: #450a0a;
  border-color: #7f1d1d;
  color: #fca5a5;
}
#k-summary .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}