/* V6.15 — nutrition: legible hydration, a crisp weekly card and stacked gauges.
   Loaded after the V6.13 sheets. Important declarations are scoped to the
   existing nutrition journal because its legacy layout already uses them. */

/* Hydration: the V6.08 white-text rule omitted the heading. */
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-water-card-v606 > h3 {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:none !important;
  line-height:1.3 !important;
}

/* Keep the native controls in the same light scheme as their visible fill.
   V6.08's dark color-scheme made WebKit's select dark behind black text. */
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-water-form-v606 :is(input,select) {
  color-scheme:light !important;
  background:#fafaf8 !important;
  color:#171717 !important;
  -webkit-text-fill-color:#171717 !important;
}

body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-water-target-v615 {
  display:flex;
  flex-direction:column;
  gap:5px;
  margin:16px 0 12px;
  padding:13px 14px;
  border:1px solid rgba(101,203,246,.30);
  border-radius:12px;
  background:rgba(13,36,49,.42);
  text-shadow:none !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-water-target-v615 > strong {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font:700 15px/1.4 'Montserrat',Arial,sans-serif !important;
  text-shadow:none !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-water-target-v615 > span {
  color:#d3e7f0 !important;
  -webkit-text-fill-color:#d3e7f0 !important;
  font:500 12px/1.5 'Montserrat',Arial,sans-serif !important;
  text-shadow:none !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-water-progress-v615 {
  height:11px;
  overflow:hidden;
  border-radius:999px;
  background:#172731;
  border:1px solid rgba(101,203,246,.32);
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-water-progress-v615 > i {
  display:block;
  height:100%;
  max-width:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#1388ce,#65d9f8);
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-water-progress-label-v615 {
  margin:7px 0 18px !important;
  color:#dceef7 !important;
  -webkit-text-fill-color:#dceef7 !important;
  font:600 12px/1.5 'Montserrat',Arial,sans-serif !important;
  font-variant-numeric:tabular-nums;
  text-shadow:none !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-water-guidance-v615 {
  display:block;
  margin:16px 0 10px;
  font:500 12px/1.55 'Montserrat',Arial,sans-serif !important;
  text-shadow:none !important;
}

/* The weekly text inherited the outer-page text shadow. Use real text on
   the same anthracite/gold surfaces as the surrounding nutrition cards. */
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-v553 {
  background:linear-gradient(155deg,#30343b,#202329) !important;
  border:1px solid rgba(214,181,91,.45) !important;
  border-radius:18px !important;
  padding:20px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.12) !important;
  color:#f6f7f8 !important;
  -webkit-text-fill-color:#f6f7f8 !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-v553,
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-v553 * {
  text-shadow:none !important;
  -webkit-text-stroke:0 !important;
  filter:none !important;
  transform:none !important;
  opacity:1 !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-v553 .section-eyebrow {
  color:#d6b55b !important;
  -webkit-text-fill-color:#d6b55b !important;
  font:700 12px/1.5 'Montserrat',Arial,sans-serif !important;
  letter-spacing:.08em !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-head-v553 {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:start;
  margin-top:12px;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-head-v553 h3 {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font:700 clamp(19px,2.4vw,24px)/1.3 'Montserrat',Arial,sans-serif !important;
  letter-spacing:-.015em;
  margin:0 !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-head-v553 p {
  color:#c3c8d0 !important;
  -webkit-text-fill-color:#c3c8d0 !important;
  font:500 12px/1.55 'Montserrat',Arial,sans-serif !important;
  margin:7px 0 0 !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-head-v553 > strong {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font:700 17px/1.3 'Montserrat',Arial,sans-serif !important;
  font-variant-numeric:tabular-nums;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-head-v553 > strong small {
  color:#d6b55b !important;
  -webkit-text-fill-color:#d6b55b !important;
  font:600 10px/1.5 'Montserrat',Arial,sans-serif !important;
  letter-spacing:.035em !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-delta-v553 {
  background:#282d34 !important;
  border:1px solid rgba(255,255,255,.10);
  color:#e8ebef !important;
  -webkit-text-fill-color:#e8ebef !important;
  font:600 12px/1.55 'Montserrat',Arial,sans-serif !important;
  padding:13px 14px;
  margin-top:16px;
  border-radius:12px;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-delta-v553.under {
  background:#253c33 !important;
  color:#c0e4cb !important;
  -webkit-text-fill-color:#c0e4cb !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-delta-v553.over {
  background:#443427 !important;
  color:#f2d1ae !important;
  -webkit-text-fill-color:#f2d1ae !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-delta-v553.on-target {
  background:#3c3928 !important;
  color:#eee0a7 !important;
  -webkit-text-fill-color:#eee0a7 !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-days-v553 > span {
  background:#292e35 !important;
  border:1px solid rgba(255,255,255,.13) !important;
  color:#eef0f3 !important;
  -webkit-text-fill-color:#eef0f3 !important;
  min-height:58px !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-days-v553 > span :is(b,em) {
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-days-v553 > span.future {
  background:#20242a !important;
  border-color:rgba(255,255,255,.07) !important;
  color:#a5adb8 !important;
  -webkit-text-fill-color:#a5adb8 !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-days-v553 > span.complete {
  background:#353326 !important;
  border-color:rgba(214,181,91,.38) !important;
  color:#efdf9f !important;
  -webkit-text-fill-color:#efdf9f !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-days-v553 > span.today {
  border-color:#d6b55b !important;
  box-shadow:inset 0 0 0 1px #d6b55b !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-caveat-v553 {
  color:#c0c6cf !important;
  -webkit-text-fill-color:#c0c6cf !important;
  font:400 12px/1.6 'Montserrat',Arial,sans-serif !important;
  margin-top:16px;
}

/* Only macro/micro grids are changed; the separate calories header stays
   horizontal. Labels and amounts each have their own complete line. */
body[data-ui-mode="client"] #app #nutritionJournalPage :is(.nutrition-gauge-grid,.nutrition-micro-gauge-grid) {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:11px !important;
  align-items:stretch;
}
body[data-ui-mode="client"] #app #nutritionJournalPage :is(.nutrition-gauge-grid,.nutrition-micro-gauge-grid) > .nutrition-gauge {
  grid-column:auto !important;
  padding:16px 12px !important;
  min-width:0 !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage :is(.nutrition-gauge-grid,.nutrition-micro-gauge-grid) .nutrition-gauge-head {
  display:flex !important;
  flex-direction:column;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  width:100% !important;
  min-height:49px;
  text-align:center;
}
body[data-ui-mode="client"] #app #nutritionJournalPage :is(.nutrition-gauge-grid,.nutrition-micro-gauge-grid) .nutrition-gauge-head :is(b,span) {
  display:block;
  width:100%;
  max-width:100% !important;
  min-width:0 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  line-height:1.35 !important;
  text-align:center !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none;
  text-shadow:none !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage :is(.nutrition-gauge-grid,.nutrition-micro-gauge-grid) .nutrition-gauge-head > b {
  font-size:clamp(13px,3.5vw,16px) !important;
  font-weight:700 !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage :is(.nutrition-gauge-grid,.nutrition-micro-gauge-grid) .nutrition-gauge-head > span {
  font-size:clamp(12px,3.3vw,15px) !important;
  font-weight:600 !important;
  font-variant-numeric:tabular-nums;
}
body[data-ui-mode="client"] #app #nutritionJournalPage :is(.nutrition-gauge-grid,.nutrition-micro-gauge-grid) .nutrition-gauge > small {
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.5 !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  text-shadow:none !important;
}
body[data-ui-mode="client"] #app #nutritionJournalPage :is(.nutrition-gauge-grid,.nutrition-micro-gauge-grid) .nutrition-gauge > .nutrition-gauge-range {
  font-weight:600 !important;
}

@media(max-width:480px) {
  body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-v553 {
    padding:16px !important;
  }
  body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-head-v553 {
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
  body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-head-v553 > strong {
    align-items:center;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    gap:7px;
    font-size:15px !important;
  }
  body[data-ui-mode="client"] #app #nutritionJournalPage .nutrition-week-head-v553 > strong small {
    margin:0;
  }
}