/* Є ПЛАН · client nutrition palette v378 (staging)
   Shared semantic accents across Today, Nutrition diary, weekly averages,
   historical day summaries and manual BJU energy preview.
   Do not recolor global buttons, training, trainer controls or food metadata. */
body.eplan-redesign.client-ui{
  --eplan-nutri-protein:#639CED;
  --eplan-nutri-fat:#F1B955;
  --eplan-nutri-carbs:#74CFA3;
  --eplan-nutri-kcal:#A68AF5;
}

/* Home: use the same green carbohydrate bar as the detailed diary.
   Calories become purple, not blue. */
body.eplan-redesign.client-ui #app .client-dash-macro.protein{
  --macro-color:var(--eplan-nutri-protein);
}
body.eplan-redesign.client-ui #app .client-dash-macro.fat{
  --macro-color:var(--eplan-nutri-fat);
}
body.eplan-redesign.client-ui #app .client-dash-macro.carbs{
  --macro-color:var(--eplan-nutri-carbs);
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-calorie-ring{
  background:conic-gradient(var(--eplan-nutri-kcal) var(--client-cal-pct),var(--cdh-track) 0)!important;
}

/* Diary: calories progress bar and calorie icon. Scoped high enough to
   supersede older OLED-specific blue !important rules in theme.css. */
body.eplan-redesign.client-ui #app .redesign-nutrition-page .redesign-calorie-progress>i{
  background:var(--eplan-nutri-kcal)!important;
}
body.eplan-redesign.client-ui #app .redesign-nutrition-page .nutrition-fire{
  color:var(--eplan-nutri-kcal)!important;
  background:rgba(166,138,245,.12)!important;
  border:1px solid rgba(166,138,245,.34)!important;
}

/* Macro rings in the daily summary (including dark theme). The dark
   track and card surface are intentionally left under existing theme rules. */
body.eplan-redesign.client-ui #app .redesign-macro-ring.blue,
body.eplan-redesign.client-ui[data-eplan-theme="dark"] #app .redesign-macro-ring.blue{
  --ring:var(--eplan-nutri-protein);
}
body.eplan-redesign.client-ui #app .redesign-macro-ring.orange,
body.eplan-redesign.client-ui[data-eplan-theme="dark"] #app .redesign-macro-ring.orange{
  --ring:var(--eplan-nutri-fat);
}
body.eplan-redesign.client-ui #app .redesign-macro-ring.green,
body.eplan-redesign.client-ui[data-eplan-theme="dark"] #app .redesign-macro-ring.green{
  --ring:var(--eplan-nutri-carbs);
}

/* Weekly/monthly BJU summary: order is protein, fat, carbs. */
body.eplan-redesign.client-ui #app .redesign-average-bars>span:nth-child(1)>i>em{
  background:var(--eplan-nutri-protein)!important;
}
body.eplan-redesign.client-ui #app .redesign-average-bars>span:nth-child(2)>i>em{
  background:var(--eplan-nutri-fat)!important;
}
body.eplan-redesign.client-ui #app .redesign-average-bars>span:nth-child(3)>i>em{
  background:var(--eplan-nutri-carbs)!important;
}

/* Manual BJU entry: calculated calories are purple in both themes. */
body.eplan-redesign.client-ui .manual-nutrition-kcal{
  border-color:rgba(166,138,245,.27);
  background:rgba(166,138,245,.10);
}
body.eplan-redesign.client-ui .manual-nutrition-kcal>strong{
  color:#7753D9;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] .manual-nutrition-kcal{
  border-color:rgba(166,138,245,.38);
  background:rgba(166,138,245,.13);
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] .manual-nutrition-kcal>strong{
  color:#C4B1FF;
}

/* Calendar daily macros use the same semantic hues, including light and dark. */
body.eplan-redesign.client-ui .calendar-nutrition-macros .protein{
  border-top-color:var(--eplan-nutri-protein)!important;
}
body.eplan-redesign.client-ui .calendar-nutrition-macros .fat{
  border-top-color:var(--eplan-nutri-fat)!important;
}
body.eplan-redesign.client-ui .calendar-nutrition-macros .carbs{
  border-top-color:var(--eplan-nutri-carbs)!important;
}