/* Kafle Dziś (część B) — osobny plik, żeby dwa równoległe zadania nie nadpisywały sobie CSS. */
/* Zasada: reguły zależne od wysokości kafla (cq*, height:100%) tylko na komputerze (html:not(.is-phone):not(.is-tablet)); telefon/tablet zostają w naturalnej wysokości. */

/* ---------- listy: wiersze o ograniczonej wysokości (jak w Taskach), reszta pozycji przewija się w kafelku; stan pusty na środku ---------- */
:is([data-tile="agenda"],[data-tile="beztermin"],[data-tile="dema"],[data-tile="demazrobic"],[data-tile="dzien"],[data-tile="plandzis"],[data-tile="skrzynka"],[data-tile="teraz"],[data-tile="terminy"],[data-tile="uwaga"],[data-tile="warsztat"]) .item :is(.tag,.pill,.mono){white-space:nowrap;flex:none}
:is([data-tile="agenda"],[data-tile="beztermin"],[data-tile="dema"],[data-tile="demazrobic"],[data-tile="dzien"],[data-tile="plandzis"],[data-tile="skrzynka"],[data-tile="teraz"],[data-tile="terminy"],[data-tile="uwaga"],[data-tile="warsztat"]) .item .who{min-width:5em}
.fl-h{display:flex;align-items:baseline;gap:8px}
.fl-h b{font-size:22px;line-height:1}
html:not(.is-phone):not(.is-tablet) :is([data-tile="agenda"],[data-tile="beztermin"],[data-tile="dema"],[data-tile="demazrobic"],[data-tile="dzien"],[data-tile="plandzis"],[data-tile="skrzynka"],[data-tile="teraz"],[data-tile="terminy"],[data-tile="uwaga"],[data-tile="warsztat"]) .tile-b>.fl{height:100%;display:flex;flex-direction:column;gap:6px}
html:not(.is-phone):not(.is-tablet) :is([data-tile="agenda"],[data-tile="beztermin"],[data-tile="dema"],[data-tile="demazrobic"],[data-tile="dzien"],[data-tile="plandzis"],[data-tile="skrzynka"],[data-tile="teraz"],[data-tile="terminy"],[data-tile="uwaga"],[data-tile="warsztat"]) .fl>.list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}
html:not(.is-phone):not(.is-tablet) :is([data-tile="agenda"],[data-tile="beztermin"],[data-tile="dema"],[data-tile="demazrobic"],[data-tile="dzien"],[data-tile="plandzis"],[data-tile="skrzynka"],[data-tile="teraz"],[data-tile="terminy"],[data-tile="uwaga"],[data-tile="warsztat"]) .fl>.list>.item{flex:1 0 auto;max-height:68px}
html:not(.is-phone):not(.is-tablet) :is([data-tile="agenda"],[data-tile="beztermin"],[data-tile="dema"],[data-tile="demazrobic"],[data-tile="dzien"],[data-tile="plandzis"],[data-tile="skrzynka"],[data-tile="teraz"],[data-tile="terminy"],[data-tile="uwaga"],[data-tile="warsztat"]) .list>.empty{margin:auto;padding:8px;font-size:clamp(13px,4.2cqmin,22px)}
html:not(.is-phone):not(.is-tablet) :is([data-tile="agenda"],[data-tile="beztermin"],[data-tile="dema"],[data-tile="demazrobic"],[data-tile="dzien"],[data-tile="plandzis"],[data-tile="skrzynka"],[data-tile="teraz"],[data-tile="terminy"],[data-tile="uwaga"],[data-tile="warsztat"]) .tf-more{flex:none}

/* ---------- Dzień ---------- */
[data-tile="dzien"] .dz-now{text-align:center;margin-block:auto}
[data-tile="dzien"] .dz-now b{display:block;font-size:1.35em;line-height:1.2;overflow-wrap:anywhere}
[data-tile="dzien"] .dz-now.empty{padding:8px}
[data-tile="dzien"] .dz>.mono{text-align:center}
[data-tile="dzien"] .dz>.list:empty{display:none}

/* ---------- Fokus: 1–2 informacje → duży wyśrodkowany tekst skalowany z kaflem ---------- */
[data-tile="fokus"] .fk{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:0 4px}
[data-tile="fokus"] .fk b{font-size:20px;line-height:1.15;overflow-wrap:anywhere}
html:not(.is-phone):not(.is-tablet) [data-tile="fokus"] .fk{height:100%}
html:not(.is-phone):not(.is-tablet) [data-tile="fokus"] .fk b{font-size:clamp(18px,min(8cqw,16cqh),34px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
html:not(.is-phone):not(.is-tablet) [data-tile="fokus"] .fk .mono{font-size:clamp(11px,min(3.4cqw,6cqh),14px)}
html:not(.is-phone):not(.is-tablet) [data-tile="fokus"] .fk .empty{padding:0;font-size:clamp(14px,min(5cqw,10cqh),22px)}

/* ---------- Styk: listy + formularz przypięty na dole ---------- */
[data-tile="styk"] .styk{display:flex;flex-direction:column;gap:8px}
[data-tile="styk"] .styk-b{display:flex;flex-direction:column;gap:2px}
[data-tile="styk"] .styk-b .list>.item{padding:6px 8px}
[data-tile="styk"] .styk-b .list>.empty{padding:4px 8px;text-align:left}
[data-tile="styk"] .styk-ask{display:flex;gap:8px;flex-wrap:wrap}
[data-tile="styk"] .styk-ask select{flex:1 1 8em;min-width:0}
[data-tile="styk"] .styk-ask .btn{flex:none}
html:not(.is-phone):not(.is-tablet) [data-tile="styk"] .styk{height:100%}
html:not(.is-phone):not(.is-tablet) [data-tile="styk"] .styk-b{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin}
html:not(.is-phone):not(.is-tablet) [data-tile="styk"] .styk-b .list{display:flex;flex-direction:column}
html:not(.is-phone):not(.is-tablet) [data-tile="styk"] .styk-b .list>.item{flex:1 0 auto;max-height:68px}

/* ---------- Taski: lista przewija się w kafelku, pole „Dodaj zadanie…” zawsze widoczne na dole ---------- */
[data-tile="taski"] .tk-list{display:flex;flex-direction:column}
html:not(.is-phone):not(.is-tablet) [data-tile="taski"] .tk{height:100%}
html:not(.is-phone):not(.is-tablet) [data-tile="taski"] .tk-list{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin}
html:not(.is-phone):not(.is-tablet) [data-tile="taski"] .tk-row{flex:1 0 auto;max-height:68px}
html:not(.is-phone):not(.is-tablet) [data-tile="taski"] .tk-add{flex:none}
html:not(.is-phone):not(.is-tablet) [data-tile="taski"] :is(.tk-t,.tk-in){font-size:clamp(13px,3.2cqmin,19px)}

/* ---------- Mini-miesiąc: siatka dni wypełnia kafel ---------- */
html:not(.is-phone):not(.is-tablet) [data-tile="minical"] .mc-fill{height:100%;display:flex;flex-direction:column;justify-content:center}
html:not(.is-phone):not(.is-tablet) [data-tile="minical"] .mini-g{--c:clamp(22px,min(calc(100cqw / 7.4),calc((100cqh - 66px) / 6.2)),60px);width:100%}
html:not(.is-phone):not(.is-tablet) [data-tile="minical"] .mini-d{font-size:clamp(11px,calc(var(--c) * .36),20px)}
html:not(.is-phone):not(.is-tablet) [data-tile="minical"] .mini-g i{font-size:clamp(9px,calc(var(--c) * .27),13px)}
html:not(.is-phone):not(.is-tablet) [data-tile="minical"] .mini-h{font-size:clamp(13px,calc(var(--c) * .4),20px)}

/* ---------- Kalkulator walut (4 strony: Dziś, Kasa, Trendy, Zlecenia) ---------- */
/* nofit: kafel sam się skaluje (cq*), bo zoom silnika nie zmienia zapytań kontenera — przy z>1 pola ściskały się do kilkudziesięciu px */
html:not(.is-phone):not(.is-tablet) [data-tile="kalkulator"] .fxc{--u:clamp(13px,3.1cqmin,22px);gap:calc(var(--u) * .7)}
html:not(.is-phone):not(.is-tablet) [data-tile="kalkulator"] .fxc .f{font-size:var(--u);min-height:calc(var(--u) * 2.7)}
html:not(.is-phone):not(.is-tablet) [data-tile="kalkulator"] .fxc-swap{height:calc(var(--u) * 2.7)}
html:not(.is-phone):not(.is-tablet) [data-tile="kalkulator"] .fxc-f{position:relative}
html:not(.is-phone):not(.is-tablet) [data-tile="kalkulator"] .fxc-f label{font-size:calc(var(--u) * .62)}
html:not(.is-phone):not(.is-tablet) [data-tile="kalkulator"] .fxc-out{flex:1 1 auto;display:flex;align-items:center;min-height:0;font-size:clamp(20px,min(8cqw,22cqh),56px)}
html:not(.is-phone):not(.is-tablet) [data-tile="kalkulator"] .fxc-rate{font-size:clamp(10px,calc(var(--u) * .7),15px);line-height:1.3}
/* niski kafel: jedna linia pól (kwota | z | ⇄ | na), etykiety tylko dla czytników; przycisk odwracania zostaje (wąski kafel < 340 px chowa go jak dotąd — app.css) */
@container (max-height:200px){
html:not(.is-phone):not(.is-tablet) [data-tile="kalkulator"] .fxc-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto minmax(0,1fr)}
html:not(.is-phone):not(.is-tablet) [data-tile="kalkulator"] .fxc-a{grid-column:auto}
html:not(.is-phone):not(.is-tablet) [data-tile="kalkulator"] .fxc-f label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0}
}

/* ---------- Dyscyplina: wiersz liczony z wysokości kafla, komórka z wiersza, szerokość = liczba widocznych dni ---------- */
.hmini-stats{display:none}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] .hmini-ph{
  --hh:34px; --sb:20px;
  --rh:clamp(26px,calc((100cqh - var(--hh) - var(--sb)) / var(--n)),46px);
  --cs:clamp(16px,min(calc(var(--rh) - 8px),calc(100cqw / 8)),32px);   /* komórka: z wysokości wiersza, ale nie większa niż ~1/8 szerokości (wąski kafel nadal pokazuje kilka dni) */
  height:100%;column-gap:12px;grid-template-columns:minmax(0,max-content) minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] :is(.hmini-names,.hmini-stats){grid-row:1;min-height:0;overflow:hidden}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] .hmini-names{grid-column:1}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] .hmini-stats{grid-column:3;display:flex;flex-direction:column}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] .hmini-scroll{grid-column:2;grid-row:1;min-height:0;overflow:auto}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] .hmini-sbar{grid-row:2}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] :is(.hmini-nrow,.hmini-row){height:var(--rh);flex:none}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] :is(.hmini-nhead,.hmini-row.hmini-head){height:var(--hh)}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] .hmini-row{min-width:100%;width:max-content}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] .hmini-cells{margin-left:auto;gap:clamp(4px,calc(var(--cs) * .2),12px)}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] .hcell.big{--s:var(--cs)}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] .hm-d{width:var(--cs)}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] .hmini-nm{font-size:clamp(12px,calc(var(--rh) * .3),15px)}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] .hmini-names{max-width:clamp(64px,30cqw,200px)}
@container (max-width:400px){html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] .hs-l{display:none}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] .hmini-ph{column-gap:8px}}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] .hmini-row .hstats{display:none}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] .hmini-stats .hstats{flex-direction:row;font-size:clamp(10px,calc(var(--rh) * .24),16px)}
/* przy pionowym przewijaniu (za dużo nawyków na mały kafel) nagłówki przyklejają się do góry */
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] :is(.hmini-nhead,.hmini-row.hmini-head){position:sticky;top:0;z-index:2}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] .hmini.hm-vs :is(.hmini-nhead,.hmini-row.hmini-head){background:var(--card)}
html:not(.is-phone):not(.is-tablet) [data-tile="dyscyplina"] .hmini-scroll::-webkit-scrollbar{display:none}

/* pomiar wysokości starych układów (.measuring: kafle w przepływie, bez kontenera size → cq* liczy się od okna): rozsądne rozmiary „naturalne” */
html:not(.is-phone):not(.is-tablet) .tiles-grid.measuring [data-tile="dyscyplina"] .hmini-ph{--rh:44px;--cs:36px;height:auto}
html:not(.is-phone):not(.is-tablet) .tiles-grid.measuring [data-tile="minical"] .mini-g{--c:30px}
html:not(.is-phone):not(.is-tablet) .tiles-grid.measuring [data-tile="fokus"] .fk b{font-size:24px}
html:not(.is-phone):not(.is-tablet) .tiles-grid.measuring [data-tile="fokus"] .fk .empty{font-size:16px}
html:not(.is-phone):not(.is-tablet) .tiles-grid.measuring [data-tile="kalkulator"] .fxc{--u:14px}
html:not(.is-phone):not(.is-tablet) .tiles-grid.measuring [data-tile="kalkulator"] .fxc-out{font-size:30px;flex:none}
html:not(.is-phone):not(.is-tablet) .tiles-grid.measuring [data-tile="taski"] .tk-t{font-size:14px}