/* filiere-icon.css
   Pastilles d'icône de filière (Médecine / Odontologie / Maïeutique).
   Voir DATA/scripts/filiere-icon.js. Chargé par owner-config.html et index.html.
   La couleur est portée par l'attribut data-filiere ; l'icône SVG hérite via currentColor. */

/* --- Badge « pastille + libellé » (carte owner-config) --- */
.filiere-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 3px 11px 3px 4px;
  font-weight: 500;
  line-height: 1.2;
  vertical-align: middle;
}

.filiere-badge__icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.filiere-badge__icon svg {
  width: 15px;
  height: 15px;
  display: block;
}

.filiere-badge__label {
  white-space: nowrap;
}

/* --- Vignette de repli (option du menu de choix d'organisation, index) --- */
.filiere-option-icon {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.filiere-option-icon svg {
  width: 16px;
  height: 16px;
  display: block;
}

/* --- Couleurs par filière --- */
/* Médecine (turquoise) */
.filiere-badge[data-filiere="medecine"] { background: #E1F5EE; color: #085041; }
.filiere-badge[data-filiere="medecine"] .filiere-badge__icon { color: #0F6E56; }
.filiere-option-icon[data-filiere="medecine"] { background: #E1F5EE; color: #0F6E56; }

/* Odontologie (bleu) */
.filiere-badge[data-filiere="odontologie"] { background: #E6F1FB; color: #0C447C; }
.filiere-badge[data-filiere="odontologie"] .filiere-badge__icon { color: #185FA5; }
.filiere-option-icon[data-filiere="odontologie"] { background: #E6F1FB; color: #185FA5; }

/* Maïeutique (rose) */
.filiere-badge[data-filiere="maieutique"] { background: #FBEAF0; color: #72243E; }
.filiere-badge[data-filiere="maieutique"] .filiere-badge__icon { color: #993556; }
.filiere-option-icon[data-filiere="maieutique"] { background: #FBEAF0; color: #993556; }