/* Tryb „Gotuję” (sesja 2b, §15.C). System v2: Figtree, kroki 18/1.35, numer olive 600, bieżący krok na beige, odhaczony przygaszony,
   wybrany obrys beige-deep, bez cieni, cele ≥ 44, tabular-nums w każdym font. Strona bez paska zakładek; „Ugotowane” to przycisk strony. */
.gotuje { padding: 4px 20px 0; flex: 1; }
/* nagłówek: nazwa przepisu w kroju tytułu ekranu, mniejsza niż na stronie przepisu (24), cichy „Zamknij” po prawej */
.gotuje__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding-top: 6px; }
.gotuje__name { flex: 1; min-width: 0; margin: 0; padding-top: 10px; font: 500 24px/1.15 var(--font-serif); color: var(--ink); overflow-wrap: anywhere; text-wrap: balance; font-variant-numeric: tabular-nums; }
.gotuje__close { flex: none; margin-right: -8px; }
.gotuje__meta { font: 500 var(--fs-chip)/1.3 var(--font-sans); color: var(--text-2); margin-top: 2px; font-variant-numeric: tabular-nums; }
/* składniki zwinięte pod nagłówkiem grupy (flat, bez tła, bez bocznego paddingu strony) */
.gotuje__ings { margin-top: 10px; }
.gotuje__ings .group-head--flat { padding: 0; margin-top: 0; height: 44px; }
.gotuje__ing-list { display: flex; flex-direction: column; padding-bottom: 4px; }
/* kroki: karty jaśniejsze od tła; bieżący na beige z obrysem beige-deep; odhaczony bez tła, przygaszony, z ptaszkiem */
.gotuje__steps { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.gotuje__step { background: var(--card); border: 1px solid var(--hairline); border-radius: var(--r8); }
.gotuje__step--now { background: var(--beige); border-color: var(--beige-deep); }
.gotuje__step--done { background: none; }
.gotuje__step-btn { display: flex; align-items: flex-start; gap: 10px; width: 100%; min-height: 56px; padding: 14px 10px 12px 14px; text-align: left; color: var(--ink); border-radius: var(--r8); }
.gotuje__n { flex: none; width: 28px; padding-top: 2px; font: 600 var(--fs-lead)/1.35 var(--font-sans); color: var(--olive); font-variant-numeric: tabular-nums; }
.gotuje__text { flex: 1; min-width: 0; font: 500 18px/1.35 var(--font-sans); color: var(--ink); text-wrap: pretty; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.gotuje__step--done .gotuje__text, .gotuje__step--done .gotuje__n { color: var(--text-3); }
.gotuje__check { flex: none; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; color: var(--sage-text); }
.gotuje__check svg { display: block; }
/* narzędzia kroku pod tekstem (wcięte pod numer): chip „Nastaw N min”, cichy „Inny czas” albo pole minut z „Nastaw”; minutnik „12:40” + „Stop” */
.gotuje__tools { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; padding: 0 10px 8px 52px; }
.gotuje__tools:empty { display: none; }
.gotuje__tools .btn--quiet { margin-left: -8px; }
.gotuje__tools .chip + .btn--quiet { margin-left: 0; }
.gotuje__time { font: 600 22px/1.2 var(--font-sans); color: var(--ink); padding: 6px 0; font-variant-numeric: tabular-nums; }
.gotuje__time--done { font-size: var(--fs-body); }
.gotuje__long { font: 500 var(--fs-3)/1.3 var(--font-sans); color: var(--text-2); padding: 4px 0; font-variant-numeric: tabular-nums; }
.gotuje__other { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; padding: 4px 0; }
.gotuje__field { flex: 1; min-width: 0; max-width: 150px; }
.gotuje__set { width: auto; flex: none; padding: 0 18px; }
/* cicha linia: zdanie o ekranie pod krokami, „Bez składników.”, „Bez kroków — danie z głowy.” */
.gotuje__quiet { font: 500 var(--fs-3)/1.4 var(--font-sans); color: var(--text-2); padding: 10px 0 0; text-wrap: pretty; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.gotuje__nosteps { font-size: var(--fs-body); padding-top: 16px; }
.gotuje__end { height: 16px; }
/* strona przepisu (§15.C): duży „Gotuję” nad siatką cichych akcji; rząd „Została reszta?” po „Ugotowane” (karta pod nagłówkiem) */
.przepis__go { padding: 18px 0 2px; }
.przepis__leftovers { display: flex; flex-direction: column; align-items: flex-start; margin: 10px 0 0; padding: 10px 14px 4px; background: var(--card); border: 1px solid var(--hairline); border-radius: var(--r8); }
.przepis__leftovers-q { font: 500 var(--fs-body)/1.3 var(--font-sans); color: var(--ink); font-variant-numeric: tabular-nums; }
.przepis__leftovers-acts { display: flex; align-items: center; flex-wrap: wrap; gap: 0 8px; margin-left: -8px; }
/* dół bez paska zakładek (strona Gotuję, Dostawcy): ostatni element paska dołu nad bezpiecznym marginesem iPhone'a */
.bottom > .bottom__btn:last-child { padding-bottom: calc(10px + var(--safe-b)); }
.bottom > .status-slot:last-child { height: calc(var(--slot-h) + var(--safe-b)); padding-bottom: var(--safe-b); }