/* ═══════════════════════════════════════════════════════════════
   ingredients-pills.css — Styles partagés pour les pastilles
   d'ingrédients colorés (utilisés dans vo-potions et vo-perso).
   ═══════════════════════════════════════════════════════════════ */

.pot-ing {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 0.82em;
    font-weight: 500;
    border: 1px solid;
    margin: 1px 2px;
}
.pot-ing[data-couleur="rouge"] { background: #ffebee; color: #b71c1c; border-color: #ef9a9a; }
.pot-ing[data-couleur="bleu"]  { background: #e3f2fd; color: #0d47a1; border-color: #90caf9; }
.pot-ing[data-couleur="jaune"] { background: #fffde7; color: #f57f17; border-color: #fff59d; }
.pot-ing[data-couleur="blanc"] { background: #fafafa; color: #424242; border-color: #bdbdbd; }
.pot-ing[data-couleur="noir"]  { background: #424242; color: #fff; border-color: #212121; }
.pot-ing-qty { font-weight: bold; opacity: 0.7; }