/*
 * Idea status badge — pill shown on idea_gallery cards (/idea/active,
 * /idea/archive) and anywhere field_ideastatus renders through the
 * views-view-field--idea-gallery--field-ideastatus template.
 *
 * Modifier classes are clean_class() of the raw field value, e.g.
 * "Active & in discussion" -> idea-status--active--in-discussion,
 * "Implemented!" -> idea-status--implemented.  Design-system tokens only.
 */

/* Shared pill shape. Tertiary/muted is the fallback for any status without
 * an explicit rule below (e.g. legacy values), so it always reads as a pill. */
.idea-status {
  display: inline-block;
  padding: 2px var(--np-space-2);
  border-radius: 999px;
  font-family: var(--np-font-sans);
  font-size: var(--np-text-xs);
  font-weight: var(--np-weight-medium);
  line-height: 1.4;
  white-space: nowrap;
  background: var(--np-bg-tertiary);
  color: var(--np-text-muted);
}

/* Active & in discussion — neutral, still-open */
.idea-status--active--in-discussion {
  background: var(--np-bg-secondary);
  color: var(--np-text-secondary);
}

/* Needs more information — amber caution */
.idea-status--needs-more-information {
  background: var(--np-bg-amber);
  color: var(--np-color-amber);
}

/* Underway — amber progress */
.idea-status--underway {
  background: var(--np-bg-amber);
  color: var(--np-color-amber);
}

/* Implemented! — green success */
.idea-status--implemented {
  background: var(--np-bg-success);
  color: var(--np-color-success-deep);
}

/* Won't implement (by design) — muted, struck through */
.idea-status--wont-implement-by-design {
  background: var(--np-bg-tertiary);
  color: var(--np-text-muted);
  text-decoration: line-through;
  text-decoration-color: var(--np-text-muted);
}

/* Won't implement (other) — same muted treatment */
.idea-status--wont-implement-other {
  background: var(--np-bg-tertiary);
  color: var(--np-text-muted);
  text-decoration: line-through;
  text-decoration-color: var(--np-text-muted);
}

/* Duplicate — neutral gray */
.idea-status--duplicate {
  background: var(--np-bg-tertiary);
  color: var(--np-text-muted);
}