/* app/assets/stylesheets/components/badges.css
   ─────────────────────────────────────────────────────────────────────────────
   Pill badges. Used for seat_type, status, risk level, confidence rating.
   ───────────────────────────────────────────────────────────────────────────── */

.badge {
  display:        inline-flex;
  align-items:    center;
  font-family:    var(--font-sans);
  font-size:      var(--text-xs);
  font-weight:    600;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  line-height:    1;
  padding:        3px 8px;
  border-radius:  var(--radius-pill);
  white-space:    nowrap;
  border:         1px solid transparent;
}

/* ── Seat type badges ────────────────────────────────────────────────────── */

.badge--seat {
  background: var(--color-gray-900);
  color:      var(--color-white);
}

.badge--seat-president  { background: var(--color-black);    color: var(--color-white); }
.badge--seat-governor   { background: var(--color-blue-900); color: var(--color-white); }
.badge--seat-senator    { background: var(--color-blue-700); color: var(--color-white); }
.badge--seat-mp         { background: var(--color-blue-600); color: var(--color-white); }
.badge--seat-woman-rep  { background: var(--color-blue-500); color: var(--color-white); }
.badge--seat-mca        { background: var(--color-gray-700); color: var(--color-white); }
.badge--seat-party-role { background: var(--color-gray-500); color: var(--color-white); }

/* ── Status badges ───────────────────────────────────────────────────────── */

.badge--status-exploratory { background: var(--color-gray-100); color: var(--color-gray-700); border-color: var(--color-gray-300); }
.badge--status-declared    { background: var(--color-blue-100); color: var(--color-blue-700); border-color: var(--color-blue-200); }
.badge--status-active      { background: var(--color-green-100); color: var(--color-green-700); border-color: var(--color-green-600); }
.badge--status-suspended   { background: var(--color-amber-100); color: var(--color-amber-700); border-color: var(--color-amber-500); }
.badge--status-withdrawn   { background: var(--color-gray-100); color: var(--color-gray-500); border-color: var(--color-gray-300); }
.badge--status-elected     { background: var(--color-green-100); color: var(--color-green-700); border-color: var(--color-green-600); }
.badge--status-defeated    { background: var(--color-red-100);   color: var(--color-red-700);   border-color: var(--color-red-600); }

/* ── Risk level badges ───────────────────────────────────────────────────── */

.badge--risk-low      { background: var(--color-green-100);  color: var(--color-green-700);  border-color: var(--color-green-600); }
.badge--risk-medium   { background: var(--color-amber-100);  color: var(--color-amber-700);  border-color: var(--color-amber-500); }
.badge--risk-high     { background: var(--color-red-100);    color: var(--color-red-700);    border-color: var(--color-red-600); }
.badge--risk-critical { background: var(--color-red-600);    color: var(--color-white); }

/* ── Confidence badges ───────────────────────────────────────────────────── */

.badge--confidence-high         { background: var(--color-green-100);  color: var(--color-green-700); border-color: var(--color-green-600); }
.badge--confidence-medium       { background: var(--color-blue-100);   color: var(--color-blue-700);  border-color: var(--color-blue-200); }
.badge--confidence-low          { background: var(--color-amber-100);  color: var(--color-amber-700); border-color: var(--color-amber-500); }
.badge--confidence-insufficient { background: var(--color-gray-100);   color: var(--color-gray-500);  border-color: var(--color-gray-300); }

/* ── Invitation status badges ────────────────────────────────────────────── */

.badge--pending  { background: var(--color-blue-100);  color: var(--color-blue-700);  border-color: var(--color-blue-200); }
.badge--accepted { background: var(--color-green-100); color: var(--color-green-700); border-color: var(--color-green-600); }
.badge--revoked  { background: var(--color-gray-100);  color: var(--color-gray-500);  border-color: var(--color-gray-300); }
.badge--expired  { background: var(--color-red-100);   color: var(--color-red-700);   border-color: var(--color-red-600); }

/* ── Sentiment direction badges ──────────────────────────────────────────── */

.badge--rising   { background: var(--color-green-100); color: var(--color-green-700); }
.badge--stable   { background: var(--color-gray-100);  color: var(--color-gray-500); }
.badge--declining{ background: var(--color-red-100);   color: var(--color-red-700); }

/* ── Monitoring badges ───────────────────────────────────────────────────── */

.badge--monitoring-on  { background: var(--color-green-100); color: var(--color-green-700); }
.badge--monitoring-off { background: var(--color-gray-100);  color: var(--color-gray-400); }