/* ============================================================================
 * badges.css — status badges (current/discontinued) and "missing X" badges.
 * ========================================================================== */

.hscl-badge,
.hscl-status {
  display: inline-block;
  padding: 1px 6px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-radius: 3px;
  margin-left: 4px;
  vertical-align: middle;
}
.hscl-status--current      { background: var(--status-current);      color: #fff; }
.hscl-status--discontinued { background: var(--status-discontinued); color: #fff; }
.hscl-badge--missing {
  background: var(--accent-bg);
  color: var(--accent);
  border: 1px solid var(--accent-soft);
}