/* ============================================================================
   5b-zamowienia-rejestr.css — TELEFON: REJESTR ZAMÓWIEŃ (wzór: zam_czesc.txt, @container app (max-width: 640px), 19.10.2026)
   ----------------------------------------------------------------------------
   Telefon pionowo = :root[data-ui="mobile"]; telefon obrócony poziomo ma układ tabletowy (we wzorze ramka 844 px > 640 px), więc
   reguły ramki i wiersza pomijają :root[data-telefon-poziomo]. Wiersz = karta: liczby z podpisami (data-l), termin i stan na całą
   szerokość, akcje w osobnym rzędzie (cel dotyku 44 px). Wygląd szeroki: 4-widoki/13b-zamowienia-rejestr.css.
   ============================================================================ */
/* 20.10.2026: pasek zwarty — DWA rzędy zamiast pięciu: (1) pięć zakładek w jednej linii (liczniki bez pigułki), (2) projekt + szukanie + trzy ikony akcji. */
/* 23.10.2026 (przegląd telefonu): lista „Projekt” dostawała 124 px i pokazywała samo „Projekt: …” — nie było widać, który projekt jest wybrany.
   Teraz trzy rzędy: zakładki · lista projektu na całą szerokość · szukanie + ikony akcji. */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-bar { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "zak zak" "sel sel" "szuk akc"; gap: var(--s-2); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-zak { justify-self: stretch; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(max-content, 1fr); gap: 2px; padding: 2px; overflow-x: auto; scrollbar-width: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-zak::-webkit-scrollbar { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-zak button { justify-content: center; gap: var(--s-1); min-width: 0; height: var(--h-control); padding: 0 var(--s-1); overflow: visible; font-size: var(--t-sm); white-space: nowrap; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-zak button b { min-width: 0; height: auto; padding: 0; border-radius: 0; background: none; font-size: var(--t-xs); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-zak button b.bl { background: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-kr { display: inline; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-dl { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-fil { display: contents; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-fil > .zr-combo { grid-area: sel; min-width: 0; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-fil > .zr-combo .zr-wyb { width: 100%; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-fil > .zr-pole { grid-area: szuk; min-width: 0; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-akc { grid-area: akc; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-akc { justify-content: flex-end; gap: 2px; margin: 0; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-akc [data-zr-namag] { display: none; }   /* przycisk wyłączony (brak okna) — na telefonie bez dymka nic nie mówi, a zajmuje miejsce */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-akc :is(.btn, .ui-ik) { width: var(--h-control); height: var(--h-control); padding: 0; justify-content: center; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-akc .btn > span:not(.icon) { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-pp { padding: var(--s-3); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-pp-g b.nr { font-size: var(--t-md); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-rnar { gap: var(--s-2); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-rnar .ui-seg { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-rw { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-1) var(--s-3); padding: var(--s-3); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-rw.nag { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-rw .zr-ln { grid-column: 1 / -1; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-rw .zr-ln b { white-space: normal; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-rw > [data-l] { display: flex; flex-direction: column; gap: 1px; text-align: left; white-space: nowrap; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-rw > [data-l]::before { content: attr(data-l); color: var(--text-faint); font-size: var(--t-xs); font-weight: var(--w-bold); }
/* Komórki liczbowe: liczba i jednostka („168 m”) w JEDNEJ linii — w kolumnie flex liczba i <i> były osobnymi pozycjami i jednostka spadała pod liczbę (wzór v191: komórka display:block). Podpis ::before zostaje nad wartością. */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-rw > [data-l].num:not(.ukr) { display: block; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-rw > [data-l].num:not(.ukr)::before { display: block; margin-bottom: 1px; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-rw > .ukr { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-rw > .zr-rt, :root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-rw > .zr-rst { grid-column: 1 / -1; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-rw > .zr-rak { grid-column: 1 / -1; justify-content: flex-start; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-rak .btn { min-width: 44px; height: 44px; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-rak .ui-ik { width: 44px; height: 44px; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-rgh { flex-wrap: wrap; row-gap: var(--s-1); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-rgn { flex: 1 1 100%; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-wp-w { grid-template-columns: minmax(0, 1fr) auto; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-wp-n, :root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-wp-z { grid-column: 1 / -1; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .zr-wp-so { flex-basis: 100%; }
:root[data-ui="mobile"] .zr-wp-so .ui-seg { flex: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
:root[data-ui="mobile"] .zr-mn-poz { min-height: 44px; }
:root[data-ui="mobile"] .zr-ed { grid-template-columns: 1fr 1fr; }
/* pole szukania we wzorze to jedna ramka z ikoną; zasada pól telefonu (1-podstawa.css: ramka 46 px, wcięcie 14 px) ma wagę 0,7,1 — tu 0,9,1 */
:root[data-ui="mobile"] .zr .zr-pole input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]) { min-height: 0; height: auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-size: var(--t-base); }
:root[data-ui="mobile"] .zr-wp .zr-pole input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]) { min-height: 0; height: auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-size: var(--t-base); }
/* 23.10.2026 (przegląd telefonu): cele dotyku w rejestrze. Poziomo (układ tabletu) przyciski akcji w wierszu miały 32–34 px (29–31 pt) — 44 px jak w pionie.
   Pigułka filtra („Tylko wymagające decyzji”) ma 34 px wysokości — wygląd bez zmian, pole dotyku do 44 px dokłada ::after. */
:root[data-ui="mobile"][data-telefon-poziomo] .zr-rak :is(.btn, .ui-ik) { min-width: var(--h-control); height: var(--h-control); }
:root[data-ui="mobile"] .zr .fch { position: relative; }
:root[data-ui="mobile"] .zr .fch::after { content: ""; position: absolute; inset: -5px 0; }

/* 24.10.2026 (przegląd telefonu v2): poziomo (390 px wysokości) pierwszy ekran zostawiał na listę ok. jednego wiersza — pas, pasek grupowania, nagłówek tabeli
   i wiersz z akcjami w osobnej linii zajmowały prawie cały ekran. Zwarty układ: mniejsze odstępy między blokami, akcje wiersza w tej samej linii co liczby
   (kolumna na dwa przyciski; trzeci zawija się pod nimi), niższy nagłówek tabeli i grup, w „Do zamówienia” podsumowanie dostawców obok przełącznika
   grupowania (zamiast osobnej linii; zdanie o liczbie pozycji, powtórzone w zakładkach i na pigułce, chowa się wtedy). Cele dotyku zostają 44 px.
   Szerokości kolumn wiersza: --zr-sz-p (JS: zrSzablonKolumn). */
:root[data-ui="mobile"][data-telefon-poziomo] .zr { grid-template-columns: auto minmax(0, 1fr); grid-auto-flow: row dense; gap: var(--s-1) var(--s-3); }
:root[data-ui="mobile"][data-telefon-poziomo] .zr > .zr-bar, :root[data-ui="mobile"][data-telefon-poziomo] .zr > [data-zr-reszta] > * { grid-column: 1 / -1; }
:root[data-ui="mobile"][data-telefon-poziomo] .zr:has(.zr-pods):not(:has(.zr-pp)) .zr-rnar { grid-column: 1; }
:root[data-ui="mobile"][data-telefon-poziomo] .zr:has(.zr-pods):not(:has(.zr-pp)) .zr-pods { grid-column: 2; align-self: center; margin: 0; }
:root[data-ui="mobile"][data-telefon-poziomo] .zr:has(.zr-pods):not(:has(.zr-pp)) .zr-rnar .zr-rinfo { display: none; }
:root[data-ui="mobile"][data-telefon-poziomo] .zr-bar { gap: var(--s-1); margin-top: calc(var(--s-3) * -1); padding: 2px 0; }
:root[data-ui="mobile"][data-telefon-poziomo] .zr-zak { padding: 2px; }
:root[data-ui="mobile"][data-telefon-poziomo] .zr-rnar .ui-seg { padding: 1px; }
:root[data-ui="mobile"][data-telefon-poziomo] .zr-rw { grid-template-columns: var(--zr-sz-p); gap: var(--s-2); padding: 2px var(--s-3); }
:root[data-ui="mobile"][data-telefon-poziomo] .zr-rw.nag { padding-block: 1px; }
:root[data-ui="mobile"][data-telefon-poziomo] .zr-rw > .zr-rak { grid-column: auto; flex-wrap: wrap; }
:root[data-ui="mobile"][data-telefon-poziomo] .zr-rgh { min-height: var(--h-control); padding-block: 2px; }
/* Wąski telefon poziomo (kolumna rejestru ≤ 760 px, np. iPhone SE 667 px): w jednej linii nie zostaje miejsce na nazwę materiału (kolumna 21 px, „Materiał” nachodził na „Potrzeba”).
   Jak tablet pionowo: nazwa ma cały pierwszy wiersz, liczby, termin i stan pod nią, akcje w osobnym rzędzie (--zr-sz-t2). Szerokość kolumny czyta zapytanie kontenerowe (nie okno). */
:root[data-ui="mobile"][data-telefon-poziomo] .zr { container: zr-rejestr / inline-size; }
@container zr-rejestr (max-width: 760px) {
  :root[data-ui="mobile"][data-telefon-poziomo] .zr-rw { grid-template-columns: var(--zr-sz-t2); }
  :root[data-ui="mobile"][data-telefon-poziomo] .zr-rw:not(.nag) > :first-child { grid-column: 1 / -1; }
  :root[data-ui="mobile"][data-telefon-poziomo] .zr-rw.nag > :first-child { display: none; }
  :root[data-ui="mobile"][data-telefon-poziomo] .zr-rw > .zr-rak { grid-column: 1 / -1; justify-content: flex-end; }
}

/* 24.10.2026 (przegląd telefonu v2): okno „Zamówienie u …” poziomo — grupa „Anuluj + Zarejestruj zamówienie” brała całą szerokość stopki (ogólna reguła stopki telefonu),
   więc „Zarejestruj i zapisz PDF” spadało do drugiego rzędu i stopka zajmowała 113 z 432 px. Trzy przyciski mieszczą się w jednym rzędzie. */
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .modal > footer.order-confirm-footer > .order-confirm-footer-left { flex: 1 1 auto; }