/* ============================================================================
   13d-zamowienia-przyjecie.css — ZAMÓWIENIA: okno „Przyjmij dostawę” z podziałem na projekty, uwagi i ceny w menu „⋮”, pasek dostawcy (20.10.2026)
   ----------------------------------------------------------------------------
   Skrypty: widoki/zamowienia-podzial-dostawy.js, widoki/zamowienia-rejestr-menu-dodatki.js. Tokeny jak w 13c-zamowienia-rejestr-menu.css
   (pow = surface, linia = line, tusz = text, ak = accent, uw = warn-strong, bl = danger, h-k = h-control). Telefon: 9-telefon/5c-zamowienia-przyjecie.css.
   ============================================================================ */

/* --- pasek dostawcy pod nagłówkiem grupy: dwa przyciski obok siebie, zawijanie przy wąskim oknie ------------------------------------------- */
.zr-rga { flex-wrap: wrap; }

/* --- menu „⋮”: uwagi (BOM, zaokrąglenie) i dwie ceny --------------------------------------------------------------------------------------- */
.zr-mn-uwagi { display: flex; flex-direction: column; gap: var(--s-1); margin: 0 0 var(--s-1); padding: var(--s-2) var(--s-3); border-radius: var(--r-sm); background: var(--surface-2); color: var(--text-muted); font-size: var(--t-sm); }
.zr-mn-uwagi p { margin: 0; }
.zr-mn-cena { padding-bottom: var(--s-1); }
.zr-mn-cena > small { display: block; padding: var(--s-1) var(--s-3) 0; color: var(--text-faint); font-size: var(--t-xs); font-weight: var(--w-strong); }
.zr-mn-poz { overflow-wrap: anywhere; }

/* --- okno „Przyjmij dostawę” z podziałem --------------------------------------------------------------------------------------------------- */
.modal.zr-pd-okno { --okno-w: 860px; }
.zr-pd { gap: var(--s-3); align-content: start; }
.zr-pd-pod { margin: 0; }
.zr-pd-lista { display: flex; flex-direction: column; gap: var(--s-3); }
.zr-pd-m { overflow: hidden; border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); }
.zr-pd-mh { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-2) var(--s-3); padding: var(--s-3); background: var(--surface-2); }
.zr-pd-mn { display: flex; flex-direction: column; min-width: 0; }
.zr-pd-mn b { font-size: var(--t-base); overflow-wrap: anywhere; }
.zr-pd-mn small, .zr-pd-p small, .zr-pd-w small { color: var(--text-faint); font-size: var(--t-xs); }
.zr-pd-in { display: flex; align-items: center; gap: var(--s-2); color: var(--text-muted); font-size: var(--t-sm); font-weight: var(--w-bold); }
.zr-pd-in em { color: var(--text-muted); font-style: normal; font-weight: var(--w-regular); }
.zr-pd .zr-pd-in input[type="number"] { width: 7em; height: var(--h-control); padding: 0 var(--s-2); border: 1px solid var(--line-strong); border-radius: var(--r-sm); background: var(--surface); color: var(--text); font: inherit; font-size: var(--t-md); text-align: right; }
.zr-pd .zr-pd-in input[type="number"]:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.zr-pd .zr-pd-in input[aria-invalid="true"] { border-color: var(--danger); color: var(--danger); }
.zr-pd .zr-pd-in input[readonly] { border-color: transparent; background: transparent; }
.zr-pd-c { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, .8fr) auto; align-items: center; gap: var(--s-1) var(--s-3); padding: var(--s-2) var(--s-3); border-top: 1px solid var(--line-soft); }
.zr-pd-p { display: flex; flex-direction: column; min-width: 0; font-size: var(--t-base); }
.zr-pd-p > span { overflow: hidden; color: var(--text-muted); font-size: var(--t-sm); text-overflow: ellipsis; white-space: nowrap; }
.zr-pd .nr { color: var(--accent); font-weight: var(--w-strong); white-space: nowrap; }
.zr-pd-w { display: flex; flex-direction: column; color: var(--text-muted); font-size: var(--t-sm); }
.zr-pd-w b { color: var(--text); font-size: var(--t-base); }
.zr-pd-jeden .zr-pd-c { border-top: 1px solid var(--line-soft); }
.zr-pd-jeden .zr-pd-in { display: none; }
.zr-pd-jeden .zr-pd-c { grid-template-columns: minmax(0, 1fr) auto; }
.zr-pd-st { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-2); padding: var(--s-2) var(--s-3); border-top: 1px solid var(--line-soft); background: var(--surface-2); }
.zr-pd-podp { color: var(--text-faint); font-size: var(--t-xs); font-weight: var(--w-bold); }
.zr-pd-podp.zm { color: var(--warn-strong); }

/* --- okno „Zamów u …”: podświetlone pole „Firma zamawiająca”, gdy PDF wymaga nabywcy --------------------------------------------------------- */
.zam-zamow-okno [name="nabywca"][aria-invalid="true"] { border-color: var(--danger); box-shadow: 0 0 0 1px var(--danger); }

/* --- uwaga pod nazwą pozycji w rejestrze (zaokrąglenie do opakowania, nadwyżka po nowym BOM) ------------------------------------------------- */
.zr-ln .zr-uwaga { display: block; margin-top: 1px; color: var(--text-muted); font-size: var(--t-xs); font-weight: var(--w-bold); }
.zr-ln .zr-uwaga.uw { color: var(--warn-strong); }
