/* ==========================================================================
   BIZWAVE ERP — BADGES & STATUS PILLS
   ========================================================================== */

.badge {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  padding: 3px 10px;
  border-radius: var(--r-pill);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  line-height: 1.3;
  text-transform: capitalize;
  white-space: nowrap;
}

.badge__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
}

/* Status variants */
/* Draft / Inactive */
.badge--draft,
.badge--inactive,
.badge--neutral {
  background-color: var(--c-status-draft-bg);
  color: var(--c-status-draft-text);
}
.badge--draft .badge__dot,
.badge--inactive .badge__dot {
  background-color: var(--c-status-draft-text);
}

/* Submitted / In Review / In Progress / Open */
.badge--submitted,
.badge--in-review,
.badge--in-progress,
.badge--open,
.badge--info {
  background-color: var(--c-status-submitted-bg);
  color: var(--c-status-submitted-text);
}
.badge--submitted .badge__dot,
.badge--in-review .badge__dot,
.badge--open .badge__dot {
  background-color: var(--c-status-submitted-text);
}

/* Approved / Active / Posted / Completed / Verified / Success */
.badge--approved,
.badge--active,
.badge--posted,
.badge--completed,
.badge--verified,
.badge--sold,
.badge--booked,
.badge--success {
  background-color: var(--c-status-approved-bg);
  color: var(--c-status-approved-text);
}
.badge--approved .badge__dot,
.badge--active .badge__dot,
.badge--posted .badge__dot {
  background-color: var(--c-status-approved-text);
}

/* Pending / Expiring / Reserved / Warning */
.badge--pending,
.badge--expiring,
.badge--reserved,
.badge--warning {
  background-color: var(--c-status-pending-bg);
  color: var(--c-status-pending-text);
}
.badge--pending .badge__dot,
.badge--warning .badge__dot {
  background-color: var(--c-status-pending-text);
}

/* Rejected / Blocked / Bounced / Overdue / Cancelled / Terminated / Danger */
.badge--rejected,
.badge--blocked,
.badge--bounced,
.badge--overdue,
.badge--cancelled,
.badge--danger {
  background-color: var(--c-status-rejected-bg);
  color: var(--c-status-rejected-text);
}
.badge--rejected .badge__dot,
.badge--overdue .badge__dot,
.badge--cancelled .badge__dot {
  background-color: var(--c-status-rejected-text);
}

/* Reversed / Purple-Grey */
.badge--reversed {
  background-color: var(--c-status-reversed-bg);
  color: var(--c-status-reversed-text);
}
.badge--reversed .badge__dot {
  background-color: var(--c-status-reversed-text);
}

/* Tag / Category Badge */
.badge--tag {
  background-color: var(--c-bg);
  color: var(--c-text-2);
  border: 1px solid var(--c-border);
}