body.ui-nutrition-active .main{max-width:none;padding:0 0 var(--tab-bar-clearance);}
#nutrition{min-height:100%;background:var(--page);color:var(--text)}
.nutrition-screen{width:min(100%,768px);margin:0 auto;padding:var(--space-4);padding-bottom:calc(var(--space-5) * 3 + var(--space-2));font-family:var(--font-system)}
.nutrition-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}
.nutrition-header h1{margin:0;font-size:var(--font-size-tab-root);line-height:1.2;font-weight:var(--font-weight-medium);color:var(--text)}
.nutrition-icon-button{width:var(--control-height);height:var(--control-height);display:grid;place-items:center;border:0;border-radius:var(--radius-button);background:transparent;color:var(--text);cursor:pointer}
.nutrition-icon-button svg{width:var(--icon-size);height:var(--icon-size);stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nutrition-week-shell{display:grid;grid-template-columns:var(--control-height) minmax(0,1fr) var(--control-height);align-items:center;gap:var(--space-1);margin-bottom:var(--space-3)}
.nutrition-week{display:flex;gap:var(--space-1);min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.nutrition-week::-webkit-scrollbar{display:none}
.nutrition-week-shift{width:var(--control-height);height:var(--control-height);padding:0;border:0;border-radius:var(--radius-button);background:transparent;color:var(--text-2);display:grid;place-items:center}
.nutrition-week-shift svg{width:var(--icon-size);height:var(--icon-size);stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nutrition-day{min-width:0;min-height:52px;padding:var(--space-1);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);font:inherit;cursor:pointer}
.nutrition-week .nutrition-day{flex:1 0 48px}
.nutrition-day span{font-size:var(--font-size-label);font-weight:var(--font-weight-regular)}.nutrition-day strong{font-size:var(--font-size-list);font-weight:var(--font-weight-regular)}
.nutrition-day.active{background:var(--accent);color:var(--card)}
.nutrition-calories{margin-bottom:var(--space-2);cursor:default}
.nutrition-calories__top{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}
.nutrition-calories__label,.nutrition-section-label{font-size:var(--font-size-section);font-weight:var(--font-weight-regular);color:var(--text-3)}
/* Zwischenüberschrift in der Trefferliste («Zuletzt gegessen»): Abstand zur Trennlinie der Zeile darüber, auch mit einer
   Schrift mit hohen Oberlängen (DejaVu Sans stand 2 px an der Linie; mindestens 3 px, DESIGN-SYSTEM «Lesbarkeit»). */
.nutrition-section-label{padding:var(--space-2) 0 var(--space-1)}
.nutrition-calories__value{margin-top:var(--space-1);font-size:var(--font-size-hero);line-height:1;font-weight:var(--font-weight-medium);color:var(--text)}
.nutrition-calories__remaining{font-size:var(--font-size-list);color:var(--text-2);white-space:nowrap}
/* Über dem Tagesziel: ruhiger Satz unter der Heldenzahl (13 px, --text-2, ohne Farbe). */
.nutrition-calories__over{margin:calc(var(--space-2) * -1) 0 var(--space-3);font-size:var(--font-size-list);line-height:1.4;color:var(--text-2)}
.nutrition-calories__estimated{margin-top:var(--space-1);font-size:var(--font-size-label);color:var(--text-3)}
.nutrition-meals{display:block;height:auto;min-height:0}
.nutrition-meal{display:block;min-height:0;padding:0;overflow:hidden;align-self:flex-start;flex:none}
.nutrition-meal--empty{height:52px;max-height:52px}
.nutrition-meal--filled{height:auto}
.nutrition-meal+.nutrition-meal{margin-top:var(--space-2)}
.nutrition-meal__head{width:100%;min-height:52px;padding:var(--space-3);border:0;background:transparent;color:var(--text);display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:var(--space-2);text-align:left;cursor:pointer}
.nutrition-meal__head strong{font-size:var(--font-size-value);font-weight:var(--font-weight-medium)}.nutrition-meal__sum{font-size:var(--font-size-list);font-weight:var(--font-weight-medium)}.nutrition-meal__add{font-size:var(--font-size-list);color:var(--accent)}
.nutrition-chevron{width:var(--icon-size);height:var(--icon-size);color:var(--text-3)}
.nutrition-item{min-height:44px;margin:0 var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--border);display:grid;grid-template-columns:minmax(0,1fr) auto 36px;align-items:center;gap:var(--space-2)}
.nutrition-item__name{font-size:var(--font-size-label);line-height:1.4;color:var(--text-2);overflow-wrap:break-word}.nutrition-item__meta{margin-top:var(--space-1);font-size:var(--font-size-label);color:var(--text-3)}.nutrition-item__time{font-variant-numeric:tabular-nums}
.nutrition-item__kcal{font-size:var(--font-size-label);color:var(--text-2);white-space:nowrap}.nutrition-item__mode{color:var(--accent)}
.nutrition-item .nutrition-icon-button{width:36px;height:36px;color:var(--text-3)}
.nutrition-fab{position:fixed;z-index:25;right:max(var(--space-4),calc((100vw - 768px)/2 + var(--space-4)));bottom:calc(var(--tab-bar-clearance) + var(--space-4));width:calc(var(--control-height) + var(--space-3));height:calc(var(--control-height) + var(--space-3));border:0;border-radius:var(--radius-pill);background:var(--accent);color:var(--card);display:grid;place-items:center;cursor:pointer}
.nutrition-fab svg{width:var(--icon-size);height:var(--icon-size);stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}

dialog.nutrition-sheet{width:min(100%,768px);max-width:none;max-height:min(86vh,760px);margin:auto auto 0;padding:0;border:0;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--card);color:var(--text);overflow:hidden}
dialog.nutrition-sheet::backdrop{background:var(--scrim)}
.nutrition-sheet__handle{position:relative;width:40px;height:4px;margin:var(--space-2) auto;background:var(--border);border-radius:var(--radius-pill);cursor:grab;touch-action:none}
.nutrition-sheet__header{touch-action:none;min-height:48px;padding:var(--space-1) var(--space-4);display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;border-bottom:1px solid var(--border)}
.nutrition-sheet__header h2{margin:0;text-align:center;font-size:var(--font-size-value);font-weight:var(--font-weight-medium);line-height:1.4;overflow-wrap:break-word;text-wrap:balance}.nutrition-sheet__header .nutrition-icon-button{width:var(--control-height);height:var(--control-height)}
.nutrition-sheet__body{max-height:calc(86vh - var(--control-height) - var(--space-4));overflow:auto;padding:var(--space-4);padding-bottom:var(--space-5)}
.nutrition-sheet__body.no-pad{padding:0 0 var(--space-5)}
.nutrition-sheet svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nutrition-menu-list{border-top:1px solid var(--border)}
.nutrition-menu-row{width:100%;min-height:52px;padding:var(--space-3) var(--space-4);border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);display:grid;grid-template-columns:18px minmax(0,1fr) 18px;align-items:center;gap:var(--space-3);text-align:left;font:inherit;cursor:pointer}
.nutrition-menu-row span{font-size:var(--font-size-value);font-weight:var(--font-weight-regular)}.nutrition-menu-row small{display:block;margin-top:var(--space-1);font-size:var(--font-size-label);color:var(--text-3)}
.nutrition-menu-row svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nutrition-search-head{position:sticky;top:0;z-index:2;padding:var(--space-4);padding-bottom:0;background:var(--card)}
.nutrition-search-wrap{position:relative}.nutrition-search-wrap svg{position:absolute;left:var(--space-3);top:calc((var(--control-height) - var(--icon-size)) / 2);width:var(--icon-size);height:var(--icon-size);color:var(--text-3);stroke:currentColor;fill:none}
.nutrition-search-wrap .ui-input{padding-left:calc(var(--icon-size) + var(--space-5))}
.nutrition-search-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1);margin:var(--space-3) 0}
.nutrition-search-tabs button{height:var(--pill-height);border:0;border-radius:var(--radius-pill);background:var(--page);color:var(--text-2);font:var(--font-weight-regular) var(--font-size-list)/1.3 var(--font-system);cursor:pointer}.nutrition-search-tabs button.active{background:var(--accent);color:var(--card)}
.nutrition-results{padding:0 var(--space-4)}
/* Treffer: Name und Marke brechen um, auch ein langes Wort ohne Leerzeichen («Vollmilchschokoladenaufstrich» lief bei 320 px
   über die Kalorien; die Spalte ist minmax(0, 1fr)). */
.nutrition-result-row{min-height:56px;padding:var(--space-2) 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:minmax(0,1fr) auto 36px;align-items:center;gap:var(--space-2)}
.nutrition-result-row button{border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.nutrition-result-row strong{display:block;font-size:var(--font-size-list);font-weight:var(--font-weight-regular);overflow-wrap:break-word}.nutrition-result-row small{display:block;margin-top:var(--space-1);font-size:var(--font-size-label);color:var(--text-3);overflow-wrap:break-word}
.nutrition-result-row.selected strong{color:var(--accent)}.nutrition-result-value{font-size:var(--font-size-list);color:var(--text-2)}
.nutrition-favorite{width:36px;height:36px;display:grid;place-items:center!important;color:var(--text-3)!important}.nutrition-favorite.active{color:var(--accent)!important}
.nutrition-capture-footer{position:sticky;bottom:0;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--card)}
/* Mahlzeit, Menge, Einheit: Die Mahlzeit steht in allen Breiten in einer eigenen Zeile (ein langer eigener Name wie
   «Zwischenmahlzeit am Nachmittag» war am Computer in der Spalte abgeschnitten), darunter Menge und Einheit. */
.nutrition-capture-fields{display:grid;grid-template-columns:minmax(120px,1fr) minmax(80px,.6fr);gap:var(--space-2);margin-bottom:var(--space-3)}.nutrition-capture-fields label:first-child{grid-column:1/-1}
/* Auswahlfeld mit Mahlzeitnamen (mealSelect, js/15-nutrition-ui.js): Das Auswahlfeld des Geräts bleibt sichtbar (Rahmen,
   Pfeil, Fokus), nur sein eigener Text ist unsichtbar. Den gewählten Namen zeigt die Anzeige darüber, an derselben Stelle
   und in derselben Schrift; sie bricht um und das Feld wird höher (Mindesthöhe 44 px, rechts Platz für den Pfeil). */
.nutrition-meal-select{display:grid;min-width:0}.nutrition-meal-select>select,.nutrition-meal-select__text{grid-area:1/1}
.nutrition-meal-select>select{align-self:stretch;height:auto;-webkit-text-fill-color:transparent}.nutrition-meal-select>select option{-webkit-text-fill-color:var(--text)}
.nutrition-meal-select__text{z-index:1;align-self:center;min-width:0;padding:var(--space-2) calc(var(--space-3) + var(--space-5)) var(--space-2) calc(var(--space-3) + 1px);color:var(--text);font:var(--font-weight-medium) var(--font-size-value)/var(--line-height-control) var(--font-system);overflow-wrap:break-word;pointer-events:none}
.nutrition-capture-fields label,.nutrition-settings-grid label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-label);color:var(--text-3)}
.nutrition-inline-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.nutrition-inline-actions>*{flex:1}
.nutrition-form-section{margin-bottom:var(--space-4)}.nutrition-form-section h3{margin:0 0 var(--space-3);font-size:var(--font-size-section);font-weight:var(--font-weight-regular);color:var(--text-3)}
.nutrition-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.nutrition-settings-grid .wide{grid-column:1/-1}
.nutrition-toggle{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:var(--font-size-list)}
.nutrition-toggle input{accent-color:var(--accent)}
.nutrition-table{width:100%;border-collapse:collapse}.nutrition-table th,.nutrition-table td{padding:var(--space-2);border-bottom:1px solid var(--border);text-align:left;font-size:var(--font-size-label);font-weight:var(--font-weight-regular)}.nutrition-table th{color:var(--text-3)}
.nutrition-template{padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.nutrition-template strong{font-size:var(--font-size-list);font-weight:var(--font-weight-medium)}.nutrition-template small{display:block;margin-top:var(--space-1);font-size:var(--font-size-label);color:var(--text-3)}
.nutrition-template-days{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1);margin:var(--space-3) 0}.nutrition-template-days label{font-size:var(--font-size-label);text-align:center;color:var(--text-2)}
.nutrition-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.nutrition-kpi{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card)}.nutrition-kpi span{display:block;font-size:var(--font-size-label);color:var(--text-3)}.nutrition-kpi strong{display:block;margin-top:var(--space-1);font-size:var(--font-size-value);font-weight:var(--font-weight-medium)}
.nutrition-section-note{margin:var(--space-2) 0;font-size:var(--font-size-label);line-height:1.5;color:var(--text-3)}
.nutrition-danger{color:var(--danger-text)!important}.nutrition-empty-inline{padding:var(--space-4) 0;font-size:var(--font-size-list);color:var(--text-3)}
.nutrition-analysis.card{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.nutrition-analysis-title{font-size:var(--font-size-value);font-weight:var(--font-weight-medium)}.nutrition-analysis-subtitle,.nutrition-analysis-period{margin-top:var(--space-1);font-size:var(--font-size-label);color:var(--text-3)}
.nutrition-analysis-switch{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1);margin:var(--space-3) 0}.nutrition-analysis-switch button{height:var(--pill-height);border:0;border-radius:var(--radius-pill);background:var(--page);color:var(--text-2);font:var(--font-weight-regular) var(--font-size-list)/1.3 var(--font-system)}.nutrition-analysis-switch button.active{background:var(--accent);color:var(--card)}
.nutrition-analysis-section{margin-top:var(--space-4)}.nutrition-analysis-section-title{margin-bottom:var(--space-2);font-size:var(--font-size-section);color:var(--text-3)}
.nutrition-analysis-kcal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.nutrition-analysis-box{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card)}.nutrition-analysis-box span,.nutrition-analysis-box small{display:block;font-size:var(--font-size-label);color:var(--text-3)}.nutrition-analysis-box strong{display:block;margin:var(--space-1) 0;font-size:var(--font-size-value);font-weight:var(--font-weight-medium)}
/* Auswertung: Abweichungen mit Pfeil in Bordeaux, Betrag ohne Vorzeichen; «höher um» / «tiefer um» nur für Bildschirmleser.
   Stärker als «.nutrition-analysis-box span» (Beschriftung: Block, 11 px, --text-3), damit der Pfeil in der Zahl bleibt. */
.nutrition-analysis .nutrition-change-arrow{display:inline;color:var(--accent);font:inherit}.nutrition-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Auswertung: Makro- und Mikronährstoffe als Liste statt Tabelle (Stand 28.09.2026; die Tabelle mit sechs Spalten blätterte
   bei 320 px seitlich). Je Nährwert eine Zeile der Werteliste (Name 13 px, Gesamt 13 px/500 rechtsbündig), darunter in 11 px
   «Plan · Abweichungen» und bei Makros «Ziel · Zielabweichung»; Pfeile und Zielabweichung in --accent. Nichts blättert seitlich:
   Zeilen brechen nach « · » um und werden höher. Die Mikronährstoffe stehen im Rahmen ihres Aufklappbereichs ohne eigenen Rahmen. */
.nutrition-analysis-values{display:grid;margin:0;padding:0 var(--space-3);list-style:none;border:1px solid var(--border);border-radius:var(--radius-card)}.nutrition-analysis-values--micros{padding:0;border:0;border-top:1px solid var(--border);border-radius:0}
.nutrition-analysis-value{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-3);row-gap:var(--space-1);padding:var(--space-2) 0}.nutrition-analysis-value+.nutrition-analysis-value{border-top:1px solid var(--border)}
.nutrition-analysis-value__name{min-width:0;color:var(--text);font:var(--font-weight-regular) var(--font-size-list)/1.4 var(--font-system);overflow-wrap:break-word}.nutrition-analysis-value__total{color:var(--text);font:var(--font-weight-medium) var(--font-size-list)/1.4 var(--font-system);font-variant-numeric:tabular-nums;text-align:right}
.nutrition-analysis-value__line{grid-column:1/-1;color:var(--text-3);font:var(--font-weight-regular) var(--font-size-label)/1.4 var(--font-system);font-variant-numeric:tabular-nums}.nutrition-analysis-value__change{color:var(--accent)}
.nutrition-analysis-micros summary{font-size:var(--font-size-list)}.nutrition-micro-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:var(--space-3) 0}.nutrition-micro-pick{font-size:var(--font-size-label);color:var(--text-2)}.nutrition-micro-pick input{accent-color:var(--accent)}
@media(max-width:560px){.nutrition-screen{padding:var(--space-3)}.nutrition-capture-fields,.nutrition-settings-grid{grid-template-columns:1fr 1fr}.nutrition-capture-fields label:first-child,.nutrition-settings-grid .wide{grid-column:1/-1}.nutrition-fab{right:var(--space-4)}dialog.nutrition-sheet{max-height:92vh}.nutrition-sheet__body{max-height:calc(92vh - var(--control-height) - var(--space-4))}}

/* Auswahlfelder im Kalorienrechner und in den Einstellungen: auf schmalen Handys über die ganze Breite, damit der
   gewählte Text («Gewicht halten») nicht im Feld abgeschnitten wird; Zahlenfelder bleiben zu zweit. */
@media(max-width:400px){.nutrition-settings-grid label:has(> select),.nutrition-settings-grid label:has(> .nutrition-meal-select){grid-column:1/-1}}

/* Plus-Menü: Gruppen «Erfassen» und «Planen und auswerten» mit Zwischenüberschrift (Menüliste). */
.nutrition-menu-group{margin:0;padding:var(--space-4) var(--space-4) var(--space-2);font-size:var(--font-size-section);font-weight:var(--font-weight-regular);color:var(--text-3)}

/* Portionsvorschläge im Erfassungsblatt: Pillen wie die Unterbereichs-Pills, Tippfläche 44 px. */
.nutrition-portions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-3)}
.nutrition-portion{min-height:var(--control-height);padding:0 var(--space-3);border:0;border-radius:var(--radius-pill);background:var(--page);color:var(--text-2);font:var(--font-weight-regular) var(--font-size-list)/1.2 var(--font-system);font-variant-numeric:tabular-nums;cursor:pointer}
.nutrition-portion.is-active{background:var(--accent);color:var(--card)}

/* «Tag unvollständig erfasst» unter der Mahlzeitenliste; Kästchen links, damit der Plus-Knopf es nicht verdeckt. */
.nutrition-day-incomplete{display:flex;align-items:center;gap:var(--space-3);min-height:var(--control-height);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--text-2);font-size:var(--font-size-list);cursor:pointer}
.nutrition-day-incomplete input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--accent)}
.nutrition-day-incomplete span{display:grid;gap:var(--space-1)}.nutrition-day-incomplete small{font-size:var(--font-size-label);color:var(--text-3)}

/* Kalorienziel ableiten: Vorschlag, Hinweise, Makros; primärer Knopf und «Abbrechen» darunter. */
.nutrition-target-form{display:grid;gap:var(--space-3)}.nutrition-target-form .nutrition-section-note{margin:0}
.nutrition-kpi small{display:block;margin-top:var(--space-1);font-size:var(--font-size-label);color:var(--text-3);font-variant-numeric:tabular-nums}
.nutrition-target-macros{justify-content:flex-start}.nutrition-target-macros input{order:-1;flex:none;width:18px;height:18px}.nutrition-target-macros span{display:grid;gap:var(--space-1)}.nutrition-target-macros small{font-size:var(--font-size-label);color:var(--text-3)}

/* Insights: «Verbrauch aus deinen Daten» (Aufbau wie «Kalorien je Woche»). */
.body-expenditure{display:grid;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-2)}
.body-expenditure p{margin:0}
.body-expenditure__value{color:var(--text-2);font-size:var(--font-size-list)}
.body-expenditure__value strong{color:var(--text);font-size:var(--font-size-hero);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}
.body-expenditure__line,.body-expenditure__progress{color:var(--text-2);font-size:var(--font-size-list);font-variant-numeric:tabular-nums}
.body-expenditure__progress{color:var(--text)}
.body-expenditure__rate{color:var(--accent);white-space:nowrap}
.body-expenditure__action{justify-self:stretch}

/* Erfassungsblatt: «Suche läuft …» steht während der Online-Suche genau dort und genau so hoch wie «Online suchen»
   (Rahmen unsichtbar), damit die Liste darunter nicht springt. */
.nutrition-online-status{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--control-height);margin:var(--space-2) 0;color:var(--text-2);font:var(--font-weight-regular) var(--font-size-list)/1 var(--font-system);border:1px solid transparent;border-radius:var(--radius-button)}

/* Querformat und niedrige Fenster: rechts eine Spalte für den Plus-Knopf, sonst verdeckt er die Kalorien der ersten
   Mahlzeit (und rechts Teile der Kalorienkarte). */
@media(max-height:540px){.nutrition-screen{padding-right:calc(var(--space-4) + var(--control-height) + var(--space-3) + var(--space-2))}}

/* Am Computer (ab 1024 px, Stand 27.09.2026): links der Tagesüberblick (Wochenleiste, Kalorien und Makros), rechts die
   Mahlzeiten des gewählten Tags mit «Tag unvollständig erfasst». Erfasst wird wie auf dem Handy über den Plus-Knopf
   (einziger Einstieg, einzige primäre Aktion); das Blatt bleibt ein Blatt. Reihenfolge im Code wie auf dem Handy. */
@media(min-width:1024px){
.nutrition-screen{display:grid;grid-template-columns:var(--split-list-width) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:var(--space-5);align-items:start;width:min(100%,1050px)}
.nutrition-screen>.nutrition-header{grid-column:1/-1}
.nutrition-screen>.nutrition-week-shell{grid-column:1;grid-row:2}
.nutrition-screen>.nutrition-calories{grid-column:1;grid-row:3}
.nutrition-screen>.nutrition-meals{grid-column:2;grid-row:2/span 3}
.nutrition-screen>.nutrition-day-incomplete{grid-column:2;grid-row:5}
.nutrition-fab{right:max(var(--space-4),calc((100vw - 1050px)/2 + var(--space-4)))}
}

/* Rezepte (js/52-recipes.js, Stand 28.09.2026): Liste wie eine Menüliste im Blatt (ohne zweiten Seitenrand), Formular mit
   Name, Portionen und Zutaten. Je Zutat der Name in einer eigenen Zeile (bricht um), darunter Menge, Einheit und
   «Entfernen» nebeneinander (Zeile mit Mengeneingabe: Felder mindestens 60 px, Knopf 44 px). */
.nutrition-recipes{display:grid;gap:var(--space-3)}
.nutrition-recipes .nutrition-menu-row{padding-left:0;padding-right:0}
.nutrition-recipe-field,.nutrition-recipe-item__field{display:grid;gap:var(--space-1);min-width:0}
.nutrition-recipe-field>label,.nutrition-recipe-item__field>label{font-size:var(--font-size-label);line-height:1.35;color:var(--text-3)}
.nutrition-recipe-field .ui-error-text,.nutrition-recipe-item .ui-error-text{margin:0}
.nutrition-recipe-heading{margin:var(--space-2) 0 0;font-size:var(--font-size-section);font-weight:var(--font-weight-regular);line-height:1.35;color:var(--text-3)}
.nutrition-recipe-items{margin:0;padding:0;list-style:none;border-top:1px solid var(--border)}
.nutrition-recipe-item{display:grid;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}
.nutrition-recipe-item__name{min-width:0;font-size:var(--font-size-list);line-height:1.35;color:var(--text);overflow-wrap:break-word}
.nutrition-recipe-item__name small{display:block;font-size:var(--font-size-label);color:var(--text-3)}
.nutrition-recipe-item__fields{display:grid;grid-template-columns:minmax(60px,1fr) minmax(60px,1.2fr) var(--control-height);gap:var(--space-2);align-items:end}
.nutrition-recipe-results:empty{display:none}