/* Post-1.5.77 candidate: give production capabilities a clear semantic color
   while keeping department and industry tags neutral. These are labels, not
   buttons, so they deliberately have no hover or pressed interaction state. */

#plazaPage .agent-card .tags .capability-tag.image {
  border-color: #83caf3;
  background: #dff3ff;
  color: #0369a1;
  font-weight: 400;
}

#plazaPage .agent-card .tags .capability-tag.video {
  border-color: #f2ad7d;
  background: #ffeadb;
  color: #c2410c;
  font-weight: 400;
}

#plazaPage .agent-card .tags .capability-tag.music {
  border-color: #bea5f7;
  background: #eee8ff;
  color: #6d28d9;
  font-weight: 400;
}

#plazaPage .agent-card .tags .capability-tag svg {
  stroke-width: 1.5;
}

/* The business template intentionally neutralizes all card tags. Repeat the
   semantic roles at the template's scope so only generation capabilities opt
   back into color while department and industry labels remain neutral. */
#appLayout[data-front-template="starnest-business"] #plazaPage .agent-card .tags .capability-tag.image {
  border-color: #83caf3;
  background: #dff3ff;
  color: #0369a1;
  font-weight: 400;
}

#appLayout[data-front-template="starnest-business"] #plazaPage .agent-card .tags .capability-tag.video {
  border-color: #f2ad7d;
  background: #ffeadb;
  color: #c2410c;
  font-weight: 400;
}

#appLayout[data-front-template="starnest-business"] #plazaPage .agent-card .tags .capability-tag.music {
  border-color: #bea5f7;
  background: #eee8ff;
  color: #6d28d9;
  font-weight: 400;
}