/* The meal itself bounds its sticky heading; no scroll listeners or cloned totals. */
.topbar.topbar-meals121{position:static}
.meal-card.folded-meal{overflow:visible;position:relative}
.meal-card.folded-meal>.meal-heading{
 position:sticky;
 top:env(safe-area-inset-top,0px);
 z-index:12;
 background:#fff;
 border-radius:14px 14px 0 0;
 border-bottom:1px solid var(--line);
 box-shadow:0 2px 3px #193d2f08;
}
.meal-card.folded-meal .meal-heading>.meal-tools-panel{
 right:8px;
 width:min(290px,calc(100% - 16px));
 max-width:calc(100% - 16px);
}
/* Keep two columns on phones and all values visible, with less vertical padding. */
.metrics-grid.compact-metrics65{gap:8px;margin-bottom:18px}
.compact-metrics65 .metric-card{padding:8px 9px!important;border-radius:14px}
.compact-metrics65 .metric-top{font-size:12px;line-height:1.35}
.compact-metrics65 .metric-number{font-size:clamp(23px,5.5vw,28px)!important;line-height:1.12;margin-top:4px}
.compact-metrics65 .metric-state{font-size:11px;line-height:1.35;margin:2px 0 5px}
.compact-metrics65 .macro-progress{height:4px}
.compact-metrics65 .metric-foot{margin-top:4px}
.compact-metrics65 .metric-consumed82{font-size:11px;line-height:1.3;padding:3px 4px}
@supports(font-size:1cqi){.compact-metrics65 .metric-consumed82{font-size:clamp(11px,7cqi,12px)}}
@media(max-width:350px){.compact-metrics65 .metric-card{padding:7px 8px!important}}