/* nutrition.css — раздел «Питание» (интеграция AI-ассистента) */
.nut-wrap { display: flex; flex-direction: column; gap: 12px; }
.nut-kpis { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.nut-kpi { background: var(--bg2, var(--warm-white)); border: 1px solid var(--line, var(--nt-line)); border-radius: 12px; padding: 12px; }
.nut-kpi .v { font-size: 24px; font-weight: 700; line-height: 1.1; }
.nut-kpi .l { font-size: 12px; color: var(--muted, var(--nt-gray)); }
.nut-bar { height: 8px; border-radius: 999px; background: var(--line, var(--nt-line2)); overflow: hidden; margin-top: 6px; }
.nut-bar i { display: block; height: 100%; background: var(--accent, var(--nt-bronze)); }
.nut-bar i.protein { background: var(--nt-salmon); }
.nut-bar i.fat { background: var(--nt-gold); }
.nut-bar i.carbs { background: var(--nt-blue); }
.nut-food { display: flex; flex-direction: column; gap: 8px; }
.nut-food-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; background: var(--bg2, var(--warm-white)); border: 1px solid var(--line, var(--nt-line)); border-radius: 10px; padding: 10px 12px; }
.nut-food-row .n { font-weight: 600; font-size: 14px; }
.nut-food-row .s { font-size: 12px; color: var(--muted, var(--nt-gray)); }
.nut-chat { display: flex; flex-direction: column; gap: 8px; max-height: 360px; overflow-y: auto; }
.nut-bubble { max-width: 85%; padding: 9px 12px; border-radius: 14px; font-size: 14px; line-height: 1.45; }
.nut-bubble.user { align-self: flex-end; background: var(--accent, var(--nt-bronze)); color: var(--warm-white); }
.nut-bubble.assistant { align-self: flex-start; background: var(--bg2, var(--warm-white)); border: 1px solid var(--line, var(--nt-line)); }
.nut-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.nut-tabs .tab { padding: 7px 12px; border-radius: 999px; border: 1px solid var(--line, var(--nt-line)); background: transparent; font-size: 13px; cursor: pointer; }
.nut-tabs .tab.on { background: var(--accent, var(--nt-bronze)); color: var(--warm-white); border-color: var(--accent, var(--nt-bronze)); }