/* Badges */
.badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
}
.badge-primary { background: var(--color-primary); color: var(--color-white); border-color: var(--color-primary); }
.badge-muted { background: rgba(255,255,255,0.06); color: var(--color-muted); }
.badge-new { margin-left: 8px; background: #10b981; color: var(--color-white); border-color: #0ea271; }

/* Color badge (admin stations list) */
.color-badge {
  display: inline-block;
  width: 22px;
  height: 14px;
  border-radius: 999px;
  border: 1px solid var(--color-border);
  background: var(--grad-default-light);
  vertical-align: middle;
}
.color-badge[data-color="default"] { background: var(--grad-default-light); }
.color-badge[data-color="green"] { background: var(--grad-green-light); }
.color-badge[data-color="yellow"] { background: var(--grad-yellow-light); }
.color-badge[data-color="blue"] { background: var(--grad-blue-light); }
.color-badge[data-color="red"] { background: var(--grad-red-light); }
.color-badge[data-color="orange"] { background: var(--grad-orange-light); }
.color-badge[data-color="gray"] { background: var(--grad-gray-light); }
.color-badge[data-color="purple"] { background: var(--grad-purple-light); }
.color-badge[data-color="pink"] { background: var(--grad-pink-light); }
.color-badge[data-color="brown"] { background: var(--grad-brown-light); }
.color-badge[data-color="white"] { background: var(--grad-white-light); }

/* CopyCat pill color mapping (forced color independent of card color) */
.badge-copycat[data-alias-color="default"] { background: #2E7D32 !important; color: var(--color-white); border-color: transparent; }
.badge-copycat[data-alias-color="green"]   { background: #2E7D32 !important; color: var(--color-white); border-color: transparent; }
.badge-copycat[data-alias-color="yellow"]  { background: #FBC02D !important; color: var(--color-black); border-color: transparent; }
.badge-copycat[data-alias-color="blue"]    { background: #1E88E5 !important; color: var(--color-white); border-color: transparent; }
.badge-copycat[data-alias-color="red"]     { background: #E53935 !important; color: var(--color-white); border-color: transparent; }
.badge-copycat[data-alias-color="orange"]  { background: #FB8C00 !important; color: var(--color-white); border-color: transparent; }
.badge-copycat[data-alias-color="gray"]    { background: #90A4AE !important; color: var(--color-black); border-color: var(--color-border); }
.badge-copycat[data-alias-color="purple"]  { background: #8E24AA !important; color: var(--color-white); border-color: transparent; }
.badge-copycat[data-alias-color="pink"]    { background: #D81B60 !important; color: var(--color-white); border-color: transparent; }
.badge-copycat[data-alias-color="brown"]   { background: #6D4C41 !important; color: var(--color-white); border-color: transparent; }
.badge-copycat[data-alias-color="white"]   { background: #FFFFFF !important; color: var(--color-black); border-color: var(--color-border); }


/* Target station pill (used in CopyCat card linked state) */
.badge-target[data-color="default"] { background: #2E7D32 !important; color: var(--color-white); border-color: transparent; }
.badge-target[data-color="green"]   { background: #2E7D32 !important; color: var(--color-white); border-color: transparent; }
.badge-target[data-color="yellow"]  { background: #FBC02D !important; color: #111; border-color: transparent; }
.badge-target[data-color="blue"]    { background: #1E88E5 !important; color: var(--color-white); border-color: transparent; }
.badge-target[data-color="red"]     { background: #E53935 !important; color: var(--color-white); border-color: transparent; }
.badge-target[data-color="orange"]  { background: #FB8C00 !important; color: var(--color-white); border-color: transparent; }
.badge-target[data-color="gray"]    { background: #90A4AE !important; color: #111; border-color: var(--color-border); }
.badge-target[data-color="purple"]  { background: #8E24AA !important; color: var(--color-white); border-color: transparent; }
.badge-target[data-color="pink"]    { background: #D81B60 !important; color: var(--color-white); border-color: transparent; }
.badge-target[data-color="brown"]   { background: #6D4C41 !important; color: var(--color-white); border-color: transparent; }
.badge-target[data-color="white"]   { background: #FFFFFF !important; color: #111; border-color: var(--color-border); }