/* =========================================================
   PEOPLE HOTFIX
   - keep existing tabs
   - give OPTIONAL tabs (new categories) a compatible secondary style
   - give OPTIONAL cards a matching accent
   ========================================================= */

/* ---------- OPTIONAL FILTER TABS (only new categories) ---------- */
#people_filter .peoplefilter__label--optional {
  /* same geometry as your other tabs */
  border-radius: 0 !important;
  padding: 0.375rem 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;

  /* remove the “pill look” */
  box-shadow: none !important;

  /* behave like outline buttons */
  background: transparent !important;
}

/* Former UNIVERSE+ member -> black outline like your "all"/project management */
#people_filter #people_former_universe_member + .peoplefilter__label--optional {
  border: 1px solid #000 !important;
  color: #000 !important;
}
#people_filter #people_former_universe_member:checked + .peoplefilter__label--optional,
#people_filter #people_former_universe_member + .peoplefilter__label--optional:hover {
  background: #000 !important;
  color: #fff !important;
}

/* Associated researcher (and later postdoc/phd) -> magenta outline (brand color) */
#people_filter #people_universe_associated_researcher + .peoplefilter__label--optional {
  border: 1px solid #a2165a !important;
  color: #a2165a !important;
}
#people_filter #people_universe_associated_researcher:checked + .peoplefilter__label--optional,
#people_filter #people_universe_associated_researcher + .peoplefilter__label--optional:hover {
  background: #a2165a !important;
  color: #fff !important;
}

/* If you re-enable these later, they get the same magenta style automatically */
#people_filter #people_universe_associated_postdoc + .peoplefilter__label--optional,
#people_filter #people_universe_associated_phd_student + .peoplefilter__label--optional {
  border: 1px solid #a2165a !important;
  color: #a2165a !important;
}
#people_filter #people_universe_associated_postdoc:checked + .peoplefilter__label--optional,
#people_filter #people_universe_associated_phd_student:checked + .peoplefilter__label--optional,
#people_filter #people_universe_associated_postdoc + .peoplefilter__label--optional:hover,
#people_filter #people_universe_associated_phd_student + .peoplefilter__label--optional:hover {
  background: #a2165a !important;
  color: #fff !important;
}