/* Spiżarnia — Ustawienia, sesja 1b: „Zawsze mam” (23c), tabela okien 48 px, stopka. Wpięte po screens.css.
   Sesja 2b (§15.D): sekcje Domownicy i Kalendarz, pasek „Widok domownika”. */

/* nagłówek rozwiniętej sekcji (23b/23c): nazwa jako etykieta wersalikami w graficie, podsumowanie zostaje */
.set-item--open .set-item__name { font: 600 var(--fs-caps)/1.25 var(--font-sans); text-transform: uppercase; letter-spacing: var(--caps-tracking); color: var(--graphite); font-variant-numeric: tabular-nums; }
/* ostatni punkt listy bez dolnej linii (23); stopka pod nim */
.set-list > .set-item:last-child { border-bottom: 0; }
.set-table--48 .set-row { min-height: 48px; }
.set-foot { padding: 16px 0 0; display: flex; flex-direction: column; gap: 4px; }

/* „Zawsze mam”: chipy zawijane w kolejności wpisania (cel 48 przez ::before chipa), rząd pole + „Wklej listę” */
.zawsze__chips { padding: 0; gap: 6px; }
.zawsze__row { display: flex; align-items: center; gap: 8px; }
.zawsze__row > .field { flex: 1; }
.zawsze__row > .btn { width: auto; flex: none; padding: 8px 14px; }
/* tryb wklejania: cichy „Nie wklejaj” po lewej, „Dodaj N” wypełnia resztę; slot odświeżany przy pisaniu */
.zawsze__paste-foot { display: flex; align-items: center; gap: 8px; }
.zawsze__paste-foot > .btn--quiet { margin-left: -8px; }
.zawsze__paste-slot { flex: 1; display: flex; min-width: 0; }
.zawsze__paste-slot > .btn { flex: 1; }
/* „Dodano N rzeczy. · Cofnij”: linia komunikatu z cichym przyciskiem w środku */
.zawsze__added { display: flex; align-items: center; flex-wrap: wrap; gap: 0 2px; }
.zawsze__added > .btn--quiet { min-height: 44px; }

/* Domownicy (§15.D): wiersz klucza = imię + rola (i „ten telefon”), po prawej cichy „Usuń” → „Na pewno usuń” przez 8 s (beige-deep jak wybrany chip) */
.dom-list { display: flex; flex-direction: column; }
.dom-row { min-height: 52px; border-bottom: 1px solid var(--hairline); }
.dom-row:last-child { border-bottom: 0; }
.dom-row__text { display: flex; flex-direction: column; gap: 1px; }
.dom-row__name { font: 500 var(--fs-body)/1.25 var(--font-name); color: var(--ink); font-variant-numeric: tabular-nums; }
.dom-row__sub { font: 500 var(--fs-3) var(--font-sans); color: var(--text-2); }
.dom-row__del { flex: none; margin-right: -8px; }
.dom-row__del--armed { background: var(--beige-deep); color: var(--ink); }
.dom-created .key-words { -webkit-user-select: all; user-select: all; }
.dom-preview { display: flex; justify-content: center; padding-top: 4px; }
/* Kalendarz: link jako cicha linia 12 z łamaniem w dowolnym miejscu (długi adres), „Wymień link” z podpisem obok */
.cal-link { font: 500 var(--fs-3)/1.4 var(--font-sans); color: var(--text-2); overflow-wrap: anywhere; -webkit-user-select: all; user-select: all; }
.cal-renew { display: flex; align-items: center; flex-wrap: wrap; gap: 0 8px; }
.cal-renew > .btn--quiet { margin-left: -8px; }
/* pasek podglądu „Widok domownika · Wróć” nad ekranem (rdzeń dokleja w render.js): krem, bez cienia, przycisk cichy w oliwce */
.preview-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 0 16px; background: var(--beige); color: var(--ink); font: 600 var(--fs-chip) var(--font-sans); font-variant-numeric: tabular-nums; }
.preview-bar__btn { min-height: 44px; padding: 0 8px; margin-right: -8px; font: 600 var(--fs-chip) var(--font-sans); color: var(--olive); background: none; border: 0; }