/* Spiżarnia — układy ekranów (skala systemu v2: tekst 15, podpisy 13, cicha linia 12). */

/* Zapasy */
.zapasy { padding: 8px 0 0; flex: 1; }
.zapasy__kolej { margin: 0 16px; }
/* szukanie i chipy przyklejone u góry przy przewijaniu (pod bezpiecznym marginesem); pasek „Kolej na” nad nimi odjeżdża.
   Odstęp od paska jako padding w bloku, nie margin (margin zostawiłby szparę nad przyklejonym blokiem) */
.zapasy__sticky { position: sticky; top: var(--safe-t); z-index: 10; background: var(--cream); padding-top: 12px; }
.zapasy__sticky--first { padding-top: 0; }
.zapasy__chips { padding-bottom: 6px; } /* zawijane filtry w przyklejonym bloku */
.zapasy__foot { display: block; width: 100%; text-align: center; padding: 20px 16px 12px; font: 600 var(--fs-chip) var(--font-sans); color: var(--olive); font-variant-numeric: tabular-nums; }
.ready-list { margin-top: 8px; }

/* Dzisiaj */
/* karty-zdania z etykietą i akcjami: „Na początek” (§15.A), „Nowy adres” i „Jeszcze jeden krok” (§16.2); padding 14/16 jak karty systemu,
   etykieta bez własnego wcięcia (card__label ma je dla kart-list), ciche przyciski z wcięciem 8 wyrównane do zdania */
.dz-note { padding: 14px 16px 12px; }
.dz-note > .card__label { padding: 0 0 8px; }
.dz-note__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; margin: 4px 0 -4px -8px; }
.dz-date { padding: 0 20px 6px; display: flex; justify-content: space-between; align-items: baseline; font: 500 var(--fs-btn) var(--font-sans); color: var(--text-2); font-variant-numeric: tabular-nums; }
.dz-status { font-size: var(--fs-chip); color: var(--text-2); }
.dz-plan { padding: 6px 20px 8px; font: 500 var(--fs-body)/1.35 var(--font-name); display: flex; justify-content: space-between; align-items: baseline; gap: 12px; text-wrap: pretty; font-variant-numeric: tabular-nums; }
.dz-cards { padding: 2px 16px 0; display: flex; flex-direction: column; gap: 12px; }
/* karta „Z tego, co masz”: wiersze przepisów w karcie, link do Przepisów pod nimi */
.dz-ztego .rrow { padding-left: 16px; }
.dz-more { display: flex; justify-content: flex-end; padding: 2px 8px 0; }
/* karta „W zamrażarce”: cała jest przyciskiem do Zapasów */
.dz-summary { width: 100%; text-align: left; color: var(--ink); }
.dz-summary .card__label { display: block; padding: 0 0 6px; }
.dz-summary .card__text, .dz-summary .card__sub { display: block; }
.dz-rest { padding: 16px 16px 0; text-align: center; font: 500 var(--fs-body)/1.35 var(--font-name); color: var(--text-2); font-variant-numeric: tabular-nums; }

/* Przeprowadzka i dołączanie (§16.2): te same bloki w karcie na Dzisiaj i w Ustawieniach → Klucz */
.move__text { margin: 0; font: 500 var(--fs-body)/1.4 var(--font-sans); color: var(--ink); text-wrap: pretty; font-variant-numeric: tabular-nums; }
.move__acts { display: flex; margin-top: 12px; }
.move__acts > .btn { width: auto; padding: 8px 20px; }
/* „Skopiuj zaproszenie” i „Otwórz pantryguild.com”: obok siebie, gdy się mieszczą, inaczej jeden pod drugim na całą szerokość */
.move__row { margin-top: 14px; flex-wrap: wrap; }
.move__row > .btn { flex: 1 1 0; min-width: max-content; }
/* trzy kroki: numer w oliwce 600, tekst z wiszącym wcięciem */
.move__steps { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font: 500 var(--fs-body)/1.4 var(--font-sans); color: var(--ink); font-variant-numeric: tabular-nums; }
.move__steps li { display: flex; gap: 4px; }
.move__n { flex: none; min-width: 18px; font-weight: 600; color: var(--olive); }
/* „Wysyłam dane…”, „Wysyłam zdjęcia · 3 z 12”, „Dołączam…”: łyżka w misce (.stir z przepisy.css) i linia 13 text-2 */
.move__busy { display: flex; align-items: center; gap: 10px; min-height: 48px; font: 500 var(--fs-chip)/1.4 var(--font-sans); color: var(--text-2); font-variant-numeric: tabular-nums; }
/* zdjęcia, które nie przeszły: zdanie, pod nim cichy „Spróbuj znowu”, kreska oddziela od kroków */
.move__partial { padding-bottom: 6px; margin-bottom: 12px; border-bottom: 1px solid var(--hairline); }
.move__quiet { display: flex; margin: 2px 0 0 -8px; }
.move .hint--msg, .move--sheet .hint--msg { margin-top: 10px; }
.move__link { margin-top: 8px; }
/* pole do wklejenia zaproszenia ręcznie z „Dołącz” obok */
.join__row { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.join__row > .field { flex: 1; min-width: 0; }
.join__row > .btn { width: auto; flex: none; padding: 8px 16px; }
.dz-note .hint--msg { margin-top: 8px; }
/* Klucz w Ustawieniach: „Mam już klucz” i „Wklej zaproszenie” obok siebie; wiersz „Nowy adres” jako pudełko z etykietą karty */
.key-alt { display: flex; justify-content: center; flex-wrap: wrap; gap: 0 8px; }
.move--sheet { padding: 12px 14px; border: 1px solid var(--hairline); border-radius: var(--r8); background: var(--cream); }
.move__label { font: 600 var(--fs-caps-card)/1.2 var(--font-sans); text-transform: uppercase; letter-spacing: var(--caps-tracking); color: var(--text-2); padding-bottom: 8px; }

/* Zużyte */
.zuz-intro { padding: 6px 20px 12px; font: 500 var(--fs-body)/1.35 var(--font-name); color: var(--text-2); font-variant-numeric: tabular-nums; }
.zuz-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 48px; padding: 0 16px; border-bottom: 1px solid var(--hairline); font: 500 var(--fs-body)/1.25 var(--font-name); font-variant-numeric: tabular-nums; }
.zuz-row__n { font: 500 var(--fs-chip) var(--font-sans); color: var(--text-2); font-variant-numeric: tabular-nums; }
.zuz-row .btn--quiet { margin-right: -8px; }

/* Dodaj */
.dodaj__q { font: 500 var(--fs-body)/1.3 var(--font-name); padding: 6px 0 10px; }
.dodaj__hint { padding: 14px 2px 0; font: 500 var(--fs-chip)/1.35 var(--font-sans); color: var(--text-2); font-variant-numeric: tabular-nums; }
.dodaj__paste { display: flex; justify-content: center; padding-top: 6px; }
/* „Dodane teraz”: karta-lista z „Cofnij” przy każdej pozycji; w kroku 2 pod polami, w kroku 3 pod blokiem „Kolejna paczka” */
.dodaj__added { margin-top: 14px; }
/* krok 3: blok „Kolejna paczka” przyklejony u góry ciała arkusza (tło karty, żeby lista przewijała się pod nim) */
.dodaj__next { position: sticky; top: 0; z-index: 2; background: var(--card); padding-bottom: 2px; }
/* wzorzec kolejnej paczki (nazwa, rodzaj · miejsce · data) z „Zmień”; pod nim tylko waga i notka */
.dodaj__tpl { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 6px; padding: 10px 8px 10px 16px; border: 1px solid var(--hairline); border-radius: var(--r8); background: var(--cream); }
.dodaj__tpl-text { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.dodaj__tpl-name { font: 500 var(--fs-body)/1.25 var(--font-name); overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.dodaj__tpl-meta { font: 500 var(--fs-chip)/1.3 var(--font-sans); color: var(--text-2); font-variant-numeric: tabular-nums; }
.dodaj__tpl .btn--quiet { flex: none; margin-right: 0; }
.dodaj__added .hist-row { padding: 0 8px 0 16px; }
.dodaj__added .hist-row .btn--quiet { margin-right: 0; }
/* rząd chipów jest overflow-x: auto, więc cel 48 (::before chipa) potrzebuje 6 px odstępu w rzędzie */
.chips--tight { padding-top: 6px; }
.chips--tight0 { padding-top: 6px; padding-bottom: 6px; }
.mt12 { margin-top: 12px; }
.dates-more { padding-top: 0; }

/* Partia */
.partia__sentence { padding: 14px 0 0; font: 500 var(--fs-body)/1.35 var(--font-name); text-wrap: pretty; font-variant-numeric: tabular-nums; }
.partia__packs { border-top: 1px solid var(--hairline); margin-top: 6px; }
.partia__packs .subrow--zero .subrow__text { opacity: .45; }
.second-card { margin-top: 16px; border: 1px solid var(--hairline); border-radius: var(--r8); background: var(--tint-yellow); padding: 12px 14px 6px; }
.second-card__q { font: 500 var(--fs-body)/1.35 var(--font-name); font-variant-numeric: tabular-nums; }
.second-card .btn-col { padding-top: 10px; }

/* Więcej */
.sheet__body--flush { padding: 0; }
.row--menu { padding-left: 20px; }
.row--menu .row__name { font-size: var(--fs-body); }

/* Ustawienia */
.set-list { display: flex; flex-direction: column; }
.set-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; width: 100%; border-bottom: 1px solid var(--hairline); color: var(--ink); }
.set-item__text { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.set-item__name { font: 500 var(--fs-body)/1.25 var(--font-name); font-variant-numeric: tabular-nums; }
.set-item__sum { font: 500 var(--fs-3) var(--font-sans); color: var(--text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.set-item__chev { display: flex; color: var(--text-2); flex: none; }
.set-item--off { color: var(--text-3); }
.set-item--off .set-item__sum, .set-item--off .set-item__chev { color: var(--text-3); }
.set-body { padding: 10px 0 18px; border-bottom: 1px solid var(--hairline); display: flex; flex-direction: column; gap: 12px; }
.set-table { display: flex; flex-direction: column; }
.set-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; }
.set-row__main { flex: 1; min-width: 0; }
.set-row__main .toggle-row { min-height: 0; }
.set-row__field { width: 132px; flex: none; }
.key-box { padding: 12px 14px; border: 1px solid var(--hairline); border-radius: var(--r8); background: var(--cream); }
.file-btn { position: relative; cursor: pointer; }
.file-btn:focus-within { outline: 1px solid var(--beige-deep); outline-offset: 1px; }