/*
 * FAstock — CSS officiel modulaire.
 * Source de vérité runtime. La copie historique complète est conservée dans
 * assets/css/legacy/main-full-backup.css.
 */
/* -------- Cartes (Fiches Techniques) -------- */
/* ============================================================
   FICHES TECHNIQUES — cartes de la liste
   ============================================================ */
.card { background: var(--surface-bg); border: 1px solid var(--border-color); border-radius: var(--radius); padding: 14px; margin-bottom: 10px; }
/* --- Fiche technique : en-tête, miniature et actions --- */
.card-head { display: flex; justify-content: space-between; gap: 10px; }
.card-thumb-row { display: flex; gap: 12px; }
.thumb { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; background: var(--recipes-panel-bg); }
.card-title { font-weight: 700; font-size: 16px; }
.card-sub { color: var(--text-secondary); font-size: 13px; }
.card-actions { display: flex; gap: 4px; align-self: flex-start; }
/* .badge : migré vers assets/css/primitives.css (UI-1) */
.allergen-tags { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 6px; }
.allergen-tag { background: var(--recipes-allergen-bg); color: var(--recipes-allergen-text); border-radius: 10px; padding: 1px 8px; font-size: 11px; }
.chip-alert { background: var(--danger-bg); color: var(--danger); border-radius: 10px; padding: 2px 8px; font-size: 11px; margin-top: 6px; display: inline-block; }
/* --- Fiche technique : coûts, prix et indicateurs --- */
.metrics { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 10px; }
.metric { font-size: 12px; color: var(--text-secondary); }
.metric b { display: block; font-size: 15px; color: var(--text-primary); }
.hist-toggle { background: transparent; border: none; color: var(--recipes-primary); padding: 4px 0; font-size: 12px; text-decoration: underline; }
.hist-box { background: var(--recipes-panel-bg); border-radius: 8px; padding: 8px; margin-top: 6px; }

body[data-active-module="fiches-techniques"] .add-btn,
body[data-active-module="fiches-techniques"] .save-btn,

body[data-active-module="fiches-techniques"] .badge,
body[data-active-module="fiches-techniques"] .chip,
body[data-active-module="fiches-techniques"] .count-pill {
  background: var(--recipes-chip-bg);
  color: var(--recipes-chip-text);
}
body[data-active-module="fiches-techniques"] .allergen-tag {
  background: var(--recipes-allergen-bg);
  color: var(--recipes-allergen-text);
}

body[data-active-module="fiches-techniques"] .espace-btn.active {
  background: var(--recipes-primary);
  color: var(--recipes-button-text);
  border-color: var(--recipes-primary);
}

body[data-active-module="fiches-techniques"] .tab-btn.active,


body[data-active-module="fiches-techniques"] .tab-btn.active {
  background: var(--recipes-primary);
  color: var(--recipes-button-text);
  border-color: var(--recipes-primary);
}