/* 30/10 · LOT EAU (SPEC-EAU-HEURE v2.3.34) — ligne d'eau cliquable, bouton « Ajouter de l'eau », formulaire « Quelle heure ? »,
 * « Eau sans heure ». Ajout seul : sans effet quand nutri.eau.edit = '0' (aucun de ces éléments n'est posé).
 * Couleurs : l'eau existante (#8FD3F4 / --eau) et le verre noir de skin-nutrition-cristal.css (--cr-*). */

/* La ligne d'eau du Journal v2 devient un bouton (≥ 44 px, crayon) */
.nf-j2-eau.eau-ligne { width: 100%; min-height: 44px; padding: 0 4px; background: none; border: 0; border-radius: 10px; color: #8FD3F4; font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.nf-j2-eau.eau-ligne .eau-ligne-h { color: #CFE9F7; font-weight: 600; }
.nf-j2-eau.eau-ligne .nf-i:last-child { width: 18px; height: 18px; margin-left: auto; opacity: .85; }
.nf-j2-eau.eau-ligne:focus-visible { outline: 2px solid #8FD3F4; outline-offset: 2px; }

/* « Ajouter de l'eau » : en bas du Déroulé, sous « Ajout rapide », verre noir renforcé, liseré bleu clair (empilés : jamais de texte coupé) */
.eau-ajout {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: calc(100% - 32px); margin: 0 16px 12px; min-height: 52px;
  border-radius: 14px; border: 1.5px solid rgba(143, 211, 244, .75);
  background: var(--cr-reflet, none), rgba(8, 10, 14, .82); color: #EAF6FD;
  font: 800 15px/1.2 system-ui, sans-serif; cursor: pointer;
  -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2);
  box-shadow: var(--cr-ombre, none);
}
.eau-ajout .nf-i { width: 20px; height: 20px; color: #8FD3F4; }
.eau-ajout:focus-visible { outline: 2px solid #8FD3F4; outline-offset: 2px; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .eau-ajout { background: #0b0d11; } }

/* Le formulaire de l'eau */
.eau-form-zone { margin: 8px 0 12px; }
.eau-form { display: grid; gap: 10px; padding: 14px; border-radius: 14px; background: var(--cr-verre-plein, #1b1a1e); border: 1px solid rgba(143, 211, 244, .45); color: #fff; }
.eau-q-titre { margin: 0; font-size: 17px; font-weight: 800; color: #fff; }
.eau-puces { display: flex; flex-wrap: wrap; gap: 8px; }
.eau-puce { min-height: 44px; min-width: 44px; padding: 0 14px; border-radius: 22px; border: 1px solid rgba(143, 211, 244, .6); background: rgba(143, 211, 244, .1); color: #EAF6FD; font: 700 14px/1.2 system-ui, sans-serif; cursor: pointer; }
.eau-puce:focus-visible { outline: 2px solid #8FD3F4; outline-offset: 2px; }
.eau-aide { margin: 0; font-size: 13px; color: #CFC8B8; }
.eau-champs { display: flex; flex-wrap: wrap; gap: 8px; }
.eau-ch { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
.eau-ch input { min-height: 44px; font-size: 16px; }
.eau-ch-q input { width: 6ch; }
.eau-sait-plus { min-height: 44px; }
.eau-form [data-eau-enregistrer][disabled] { opacity: .6; }

/* « Eau sans heure » et l'écart de total */
.eau-sans { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 8px 0; color: #8FD3F4; }
.eau-sans-mot { display: inline-flex; align-items: center; gap: 6px; flex: 1; min-height: 44px; }
.eau-donner { min-height: 44px; }
.eau-ecart { margin: 8px 0; font-size: 14px; color: #F2D98A; }

/* Le bouton « Modifier » du toast d'eau */
.nf-toast .eau-modifier { min-height: 44px; }