/* 05/10 · « J’ai mangé ça » sur fiches recettes — AJOUT SEUL */
html[data-nutri-rm="1"] .rec-post-actions .rec-mange {
  gap: 4px;
  white-space: nowrap;
}
html[data-nutri-rm="1"] .rec-post-actions .rec-mange.on,
html[data-nutri-rm="1"] .rec-post-actions .rec-mange.rec-mange-ok {
  color: var(--or, #d4a04a);
}
html[data-nutri-rm="1"] .rec-post-actions .rec-mange.rec-mange-err {
  color: #c44;
}

/* 27/10 · « J’ai mangé ça » variante B — feuille du bas (3 zones), déclinée par coloris du Livre (html[data-lv-v-app]) ; défaut = Terracotta */
.jmc-voile { position: fixed; inset: 0; z-index: 9000; background: rgba(0, 0, 0, .45); }
.jmc-feuille { --j-fond: #fbf1dc; --j-ink: #2b130a; --j-ink2: #5c3a28; --j-ligne: rgba(60, 45, 20, .34); --j-puce: #fffaf0; --j-on: #7a2f16; --j-on-ink: #fff4ea; --j-or: linear-gradient(180deg, #E9CD7A, #B8923A); --j-or-ink: #14100A; --j-mod: #7a2810;
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9001; max-height: 92dvh; overflow-y: auto; background: var(--j-fond); color: var(--j-ink); border-radius: 22px 22px 0 0; padding: 10px 18px calc(18px + env(safe-area-inset-bottom)); box-shadow: 0 -10px 30px rgba(0, 0, 0, .45); font: 400 16px 'Crimson Pro', Georgia, serif; }
.jmc-feuille * { box-sizing: border-box; }
.jmc-poignee { width: 44px; height: 5px; border-radius: 3px; background: var(--j-ligne); margin: 0 auto 6px; }
.jmc-zone { padding: 10px 0; border-bottom: 1px solid var(--j-ligne); } .jmc-zone:last-child { border: 0; }
.jmc-zt { margin: 0 0 8px; font: 600 13px var(--tr-police, Barlow, system-ui, sans-serif); letter-spacing: .06em; text-transform: uppercase; color: var(--j-ink2); }
.jmc-zt label { color: inherit; }
.jmc-puces { display: flex; flex-wrap: wrap; gap: 8px; } .jmc-deroule { margin-top: 8px; } .jmc-deroule[hidden] { display: none; }
.jmc-puce { min-height: 44px; min-width: 44px; padding: 4px 13px; border-radius: 22px; border: 1px solid var(--j-ligne); background: var(--j-puce); color: var(--j-ink); font: 600 15px var(--tr-police, Barlow, system-ui, sans-serif); display: inline-flex; flex-direction: column; justify-content: center; align-items: flex-start; line-height: 1.1; cursor: pointer; }
.jmc-puce i { font: 500 12.5px var(--tr-police, Barlow, system-ui, sans-serif); font-style: normal; color: var(--j-ink2); }
.jmc-puce.jmc-on { background: var(--j-on); color: var(--j-on-ink); border-color: var(--j-on); } .jmc-puce.jmc-on i { color: var(--j-on-ink); }
.jmc-puce:disabled { color: color-mix(in srgb, var(--j-ink) 55%, transparent); border-style: dashed; background: transparent; cursor: default; } .jmc-puce:disabled i { color: inherit; }
.jmc-heure { display: flex; align-items: center; gap: 8px; }
.jmc-pm { width: 48px; height: 48px; flex: 0 0 48px; border-radius: 24px; border: 1px solid var(--j-ligne); background: var(--j-puce); color: var(--j-ink); font: 600 22px var(--tr-police, Barlow, system-ui, sans-serif); cursor: pointer; } .jmc-pm:disabled { opacity: .45; }
.jmc-champ { flex: 1; min-width: 0; height: 48px; border-radius: 12px; border: 1.5px solid var(--j-ligne); background: var(--j-puce); color: var(--j-ink); text-align: center; font: 700 22px var(--tr-police, Barlow, system-ui, sans-serif); letter-spacing: .04em; } .jmc-champ.jmc-mod { border-color: var(--j-mod); }
.jmc-aide { min-height: 0; margin: 6px 0 0; font-size: 15px; color: var(--j-ink2); } .jmc-aide:empty { display: none; }
.jmc-princ { width: 100%; min-height: 52px; border: 0; border-radius: 26px; background: var(--j-or); color: var(--j-or-ink); font: 700 17px var(--tr-police, Barlow, system-ui, sans-serif); margin-top: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, .25); cursor: pointer; }
.jmc-zone:first-of-type .jmc-princ { margin-top: 0; }
.jmc-second { width: 100%; min-height: 44px; border: 0; background: none; color: var(--j-ink2); font: 600 15px var(--tr-police, Barlow, system-ui, sans-serif); margin-top: 4px; cursor: pointer; }
.jmc-feuille :focus-visible, .jmc-toast :focus-visible { outline: 3px solid var(--j-mod, #7a2810); outline-offset: 2px; }
.jmc-toast { position: fixed; left: 14px; right: 14px; top: calc(14px + env(safe-area-inset-top)); z-index: 9002; background: #4F6B3F; color: #fff; border-radius: 16px; padding: 6px 8px 6px 14px; font: 600 16px 'Crimson Pro', Georgia, serif; display: flex; justify-content: space-between; align-items: center; gap: 10px; box-shadow: 0 6px 18px rgba(0, 0, 0, .4); }
.jmc-toast button { min-height: 44px; min-width: 44px; padding: 0 10px; border: 0; background: none; color: #fff; font: 700 15px var(--tr-police, Barlow, system-ui, sans-serif); text-decoration: underline; cursor: pointer; }
html[data-lv-v-app="sauge"] .jmc-feuille { --j-fond: #f3edd2; --j-ink: #131409; --j-ink2: #3e3a1e; --j-ligne: rgba(60, 45, 20, .34); --j-puce: #fffaf0; --j-on: #26422d; --j-on-ink: #fff4ea; --j-mod: #26422d; }
html[data-lv-v-app="papyrus"] .jmc-feuille { --j-fond: #efe0bf; --j-ink: #2a1d10; --j-ink2: #4f3a22; --j-ligne: rgba(70, 50, 20, .36); --j-puce: #fbf3df; --j-on: #5b3a12; --j-on-ink: #fff6e2; --j-or: linear-gradient(180deg, #e2cd9c, #c4a46c 55%, #9c7a3c); --j-or-ink: #1e1408; --j-mod: #6e200d; }
html[data-lv-v-app="cuir-noir"] .jmc-feuille { --j-fond: #1b1d22; --j-ink: #efe9dc; --j-ink2: #c9c1b2; --j-ligne: rgba(255, 255, 255, .24); --j-puce: #26292f; --j-on: #f5a62b; --j-on-ink: #1a1206; --j-or: linear-gradient(150deg, #ffe8aa, #f5a62b 55%, #c97d12); --j-or-ink: #1a1206; --j-mod: #f5a62b; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 -10px 30px rgba(0, 0, 0, .6); }
html[data-lv-v-app="cuir-noir"] .jmc-champ { color-scheme: dark; }
@media (prefers-reduced-motion: no-preference) { .jmc-feuille { animation: jmc-monte .18s ease-out; } @keyframes jmc-monte { from { transform: translateY(24px); opacity: .6; } } }