/* Layout Pass 3: Nutrition. No enclosing card; calories as the headline with a bar;
   three equal jars, each filling to its own target; water right under the totals. */

:root:not([data-theme="dark"]) body.pm-premium #fuelCard.fuel-card,body.pm-premium #fuelCard{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:0!important}
body.pm-premium #fuelCard::before,body.pm-premium #fuelCard::after{display:none!important}
body.pm-premium #fuelDeck.deck{grid-template-columns:repeat(3,minmax(0,1fr))!important;background:none!important;box-shadow:none!important;padding:0 4px!important;gap:10px 14px!important;border-radius:0!important;--vh:118px}
body.pm-premium #fuelDeck .v-pro,body.pm-premium #fuelDeck .v-carb,body.pm-premium #fuelDeck .v-fat{--k:1}
body.pm-premium #fuelDeck.deck{align-items:start!important}/* calories: the headline row */

body.pm-premium #fuelDeck .v-cal{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"read left" "body body" "name name";align-items:end;column-gap:12px;margin-bottom:0}
body.pm-premium #fuelDeck .v-cal .vs-read{grid-area:read;height:auto;margin:0;flex-direction:row;align-items:baseline;gap:8px}
body.pm-premium #fuelDeck .v-cal .vs-read b{font-size:40px!important;line-height:1}
body.pm-premium #fuelDeck .v-cal .vs-read .tg{font-size:14px;margin:0;color:var(--ink-2)}
body.pm-premium #fuelDeck .v-cal .vs-read .tg::after{content:" cal"}
body.pm-premium #fuelDeck .v-cal .fuel-left{grid-area:left;justify-self:end;font-size:15px;font-weight:800;color:var(--ink);padding-bottom:4px;white-space:nowrap}
body.pm-premium #fuelDeck .v-cal .fuel-left.over{color:#8A2F2F}
body.pm-premium #fuelDeck .v-cal .vs-body{grid-area:body;height:14px!important;margin-top:8px;border-radius:999px!important}
body.pm-premium #fuelDeck .v-cal .vs-body::before,body.pm-premium #fuelDeck .v-cal .vs-glass,body.pm-premium #fuelDeck .v-cal .vs-men{display:none}
body.pm-premium #fuelDeck .v-cal .vs-fill{height:100%!important;width:var(--p,0%);right:auto;border-radius:999px;transition:width .75s cubic-bezier(.22,1.15,.36,1)}
body.pm-premium #fuelDeck .v-cal .vs-name{display:none}
body.pm-premium #fuelDeck .v-cal .vs-x{position:absolute;left:0;top:-18px}/* the caption over the three jars */

body.pm-premium #fuelDeck .mac-cap{grid-column:1/-1;display:flex;align-items:center;gap:6px;margin:0 0 -4px;font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-2)}
body.pm-premium #fuelDeck .mac-cap .ibtn{min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:0}
body.pm-premium #fuelDeck .vs-read{height:auto!important;min-height:0;margin-top:8px!important}
body.pm-premium #fuelDeck .vs-x{display:block;min-height:0;margin-top:3px;font-size:var(--ui-meta,14px);font-weight:800;color:var(--ink-3);white-space:nowrap}
body.pm-premium #fuelDeck .vs-x.is-over{color:var(--ink)}
body.pm-premium #fuelDeck .vs-x.is-unk{color:var(--ink-3);font-style:italic}
body.pm-premium #fuelDeck .deck-plinth{bottom:auto!important;left:0!important;right:0!important}/* unknown: the jar shows the known part and a dashed edge where the rest would be */

body.pm-premium #fuelDeck .fv.unk .vs-body{outline:1.5px dashed rgba(47,106,154,.55);outline-offset:-1.5px}
body.pm-premium #fuelDeck .fv.notgt .vs-body{opacity:.45}
body.pm-premium .deck-foot{border-top:0!important;padding-top:0!important;margin-top:6px!important}/* water: on the page, under the totals */

body.pm-premium #waterSec{margin-top:6px}
body.pm-premium #waterSec>.card{background:none!important;box-shadow:none!important;border:0!important;padding:0 2px!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.pm-premium #waterSec>.card::before,body.pm-premium #waterSec>.card::after{display:none!important}
body.pm-premium #waterSec .vessel.vr{width:72px!important;height:144px!important}
body.pm-premium #waterSec .wnum{color:var(--ink)!important}
body.pm-premium #waterSec .sec-head .ix{color:var(--ink-2)!important;font-weight:700}
@media (max-height:760px) and (max-width:899px){ body.pm-premium #fuelDeck.deck{--vh:82px!important} body.pm-premium #fuelDeck .v-cal .vs-read b{font-size:34px!important} body.pm-premium #fuelDeck .mac-cap .ibtn{min-height:26px} body.pm-premium #fuelDeck .mac-cap{margin-bottom:-6px} body.pm-premium #eat #aiFoodSec{margin-top:10px!important} body.pm-premium #eat #fuelSec .deck-foot{row-gap:0!important} }
@media (min-width:900px){ body.pm-premium #fuelDeck.deck{--vh:176px;grid-template-columns:repeat(3,minmax(0,170px))!important;justify-content:space-between} }
@media (max-width:370px){ body.pm-premium #fuelDeck.deck{--vh:112px;gap:10px!important} body.pm-premium #fuelDeck .v-cal .vs-read b{font-size:34px!important} body.pm-premium #waterSec .vessel.vr{width:60px!important;height:120px!important} }