/* ══════════════════════════════════════════════════════════════
   FOX CRM — Agent labels (player assigned to an agent)
   Used in: Players table, Pending requests cards, Player profile.
   Colors come per-agent from inline CSS vars (--ag-bg / --ag-bd / --ag-fg).
   ══════════════════════════════════════════════════════════════ */
.fx-agent-tag {
  --ag-bg: #fff7ed;
  --ag-bd: #fed7aa;
  --ag-fg: #c2410c;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 1px 8px 1px 7px;
  border-radius: 999px;
  background: var(--ag-bg);
  border: 1px solid var(--ag-bd);
  color: var(--ag-fg);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.6;
  white-space: nowrap;
  vertical-align: middle;
  flex: none;
}
.fx-agent-tag b { font-weight: 800; }
.fx-agent-tag .fx-agent-ic { width: 12px; height: 12px; flex: none; }

/* big version — player profile header */
.fx-agent-tag--lg {
  flex-basis: 100%;
  max-width: max-content;
  margin-top: 8px;
  padding: 6px 12px;
  gap: 6px;
  border-radius: 12px;
  font-size: 13px;
  white-space: normal;
  box-shadow: 0 1px 2px rgba(17, 24, 39, .05);
}
.fx-agent-tag--lg .fx-agent-ic { width: 16px; height: 16px; }