/*
 * Over — Status badge
 */

.badge {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  height: var(--badge-h);
  padding: 0 var(--sp-2);
  border-radius: var(--r-sm);
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  color: var(--text-dim);
  border: 1px solid var(--border-soft);
  white-space: nowrap;
}

.badge__icon { width: 10px; height: 10px; display: grid; place-items: center; }

.badge--muted { color: var(--text-faint); }
.badge--success { color: var(--success); border-color: var(--success); }