/* ==========================================================
   Uni Pulse Badges CSS
   Shared badges, chips and labels.
   ========================================================== */

.hts-badge,
.badge-hts,
.chip-hts {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  border-radius: var(--hts-radius-pill);
  font-weight: 700;
  line-height: 1;
}

.hts-badge,
.badge-hts {
  background: var(--hts-accent-soft);
  color: var(--hts-accent);
  padding: .5rem .9rem;
  font-size: .85rem;
}

.badge-hts-primary {
  background: var(--hts-primary-soft);
  color: var(--hts-primary);
}

.badge-hts-accent {
  background: var(--hts-accent-soft);
  color: var(--hts-accent);
}

.badge-hts-light {
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .18);
  color: #fff;
  backdrop-filter: blur(8px);
}

.chip-hts {
  background: #eef3ff;
  color: var(--hts-primary);
  padding: .45rem .85rem;
  font-size: .9rem;
}