.tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 0 8px;
  border-radius: var(--radius-xs);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  flex-shrink: 0;
}

.tag-group {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.tag-group .tag {
  flex-shrink: 0;
  white-space: nowrap;
}

.tag-muted {
  background: var(--bg-tag);
  color: var(--text-secondary);
}

.tag-forex {
  background: var(--blue-alpha-20);
  color: var(--text-link);
}

.tag-gold {
  background: var(--gold-alpha-15);
  color: var(--gold-primary);
}

.tag-crypto {
  background: rgba(124, 77, 255, 0.15);
  color: #a880ff;
}

.tag-macro {
  background: rgba(0, 201, 177, 0.15);
  color: var(--teal-primary);
}

.tag-usd {
  background: var(--data-up-alpha);
  color: var(--data-up);
}

.tag-hot {
  background: var(--data-down-alpha);
  color: #ff7070;
}

.tag-selected {
  background: var(--gold-alpha-15);
  color: var(--gold-primary);
}

.tag-new {
  background: var(--data-up-alpha);
  color: var(--data-up);
}

.tag-risk-low {
  background: var(--data-up-alpha);
  color: var(--data-up);
}

.tag-risk-mid {
  background: var(--gold-alpha-15);
  color: var(--gold-primary);
}

.tag-risk-high {
  background: var(--data-down-alpha);
  color: var(--data-down);
}

.tag-live {
  background: var(--data-down-alpha);
  color: #ff7070;
}

.tag-backtest {
  background: var(--blue-alpha-20);
  color: var(--text-link);
}

.tag-mt4 {
  background: var(--blue-alpha-20);
  color: var(--text-link);
}

.tag-mt5 {
  background: rgba(124, 77, 255, 0.2);
  color: #a880ff;
}