/* MAGAZYN I DOSTAWCY — tor D (v14, b20): inni dostawcy w oknie materiału (D6), porównanie dostawców w Zamówieniach (D6).
   Dom klas d-* i material-offers-panel. Kolory wyłącznie z tokenów (jasny i ciemny motyw). Telefon: :root[data-ui="mobile"]. */

/* D6 — okno materiału: „Inni dostawcy” — jedna karta na dostawcę, pola w siatce. */
.d-oferty { display: grid; gap: var(--s-2); margin-bottom: var(--s-2); }
.d-oferta { position: relative; display: grid; grid-template-columns: minmax(180px, 2fr) repeat(3, minmax(90px, 1fr)); gap: var(--s-2) var(--s-3); padding: var(--s-3) calc(var(--s-3) + var(--h-control)) var(--s-3) var(--s-3); border: 1px solid var(--line); border-radius: var(--r); background: var(--surface-2); }
.d-oferta .field { margin: 0; min-width: 0; }
.d-oferta .field > label { color: var(--text-muted); font-size: var(--t-xs); font-weight: var(--w-bold); }
.d-oferta input, .d-oferta select { width: 100%; min-width: 0; }
.d-oferta input[type="number"] { text-align: right; font-variant-numeric: tabular-nums; }
.d-oferta-usun { position: absolute; top: var(--s-2); right: var(--s-2); }

/* D6 — okno „Porównaj dostawców”. */
.d-porownanie { display: grid; gap: var(--s-2); }
.d-porownanie-tabela td, .d-porownanie-tabela th { white-space: nowrap; }
.d-porownanie-tabela tr.is-wybrany td { background: var(--accent-soft); }
.d-znaczek { display: inline-block; margin-left: var(--s-1); padding: 0 var(--s-2); border-radius: var(--r-pill); font-size: var(--t-xs); font-weight: var(--w-bold); white-space: nowrap; }
.d-znaczek.is-tani { background: var(--ok-soft); color: var(--ok-strong); }
.d-znaczek.is-szybki { background: var(--accent-soft); color: var(--accent-strong); }

:root[data-ui="mobile"] .d-oferta { grid-template-columns: 1fr 1fr; }
:root[data-ui="mobile"] .d-oferta .d-oferta-dostawca { grid-column: 1 / -1; }
:root[data-ui="mobile"] .d-oferta-usun { min-width: 44px; min-height: 44px; }
:root[data-ui="mobile"] .d-porownanie-tabela tr.is-wybrany { background: var(--accent-soft); }
:root[data-ui="mobile"] .d-porownanie-tabela tr.is-wybrany td { background: transparent; }
:root[data-ui="mobile"] .d-porownanie-tabela td, :root[data-ui="mobile"] .d-porownanie-tabela th { white-space: normal; }

/* D7 — lista cięcia rur: okno = podgląd kartki dla hali. */
.d-lista-ciecia-ustawienia { align-items: end; }
.d-lista-ciecia-przelicz { justify-content: end; }
.d-kartka { display: grid; gap: var(--s-4); }
.d-kartka-naglowek { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--s-2); }
.d-kartka-naglowek h2 { margin: 0; font-size: var(--t-lg); }
.d-kartka-profil { display: grid; gap: var(--s-2); }
.d-kartka-profil h3 { margin: 0; font-size: var(--t-md); }
.d-kartka-podsumowanie { margin: 0; font-variant-numeric: tabular-nums; }
.d-kartka-tabela td, .d-kartka-tabela th { font-variant-numeric: tabular-nums; }
.d-kartka-ptaszek { width: 88px; text-align: center; }
.d-kartka-kratka { display: inline-block; width: 18px; height: 18px; border: 1.5px solid var(--line-strong); border-radius: var(--r-sm); }
.d-kartka-uwaga { margin: 0; color: var(--danger); font-weight: var(--w-bold); }

/* Druk kartki cięcia: tylko .d-kartka, w jasnym motywie (drukujKartkeCiecia ustawia znacznik i jasny motyw na <html>). */
@media print {
  html.d-druk-kartki body * { visibility: hidden; }
  html.d-druk-kartki .d-kartka, html.d-druk-kartki .d-kartka * { visibility: visible; color: var(--text); background: var(--surface); }
  html.d-druk-kartki .d-kartka { position: absolute; inset: 0 auto auto 0; width: 100%; }
  html.d-druk-kartki .d-kartka-odcinki:not([open]) { display: none; }
}

/* D8 — „Skanuj QR”: podgląd aparatu. */
.d-skan-podglad { width: 100%; max-height: calc(50vh / var(--skala-ui)); border-radius: var(--r); background: var(--surface-3); object-fit: cover; }

/* QR 20.10.2026 — „Pobranie z magazynu” (zamowienia-pobranie-qr.js): skan etykiety materiału → projekt → „Pobierz: X” → „Pobrałem”;
   lista materiałów wybranego projektu. Okno kompaktowe jak „Paczka”; kolory z tokenów; telefon niżej (44 px = --h-control). */
.d-skan-dodatki { display: flex; margin-top: var(--s-3); }
.d-pobr-komunikat { margin: 0 0 var(--s-3); padding: var(--s-3); border: 1px solid var(--line); border-radius: var(--r); background: var(--surface-2); color: var(--text-muted); }
.d-pobranie-okno .field { margin-bottom: var(--s-3); }
.d-pobr-fakty { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--s-2) var(--s-4); margin: 0 0 var(--s-3); padding: var(--s-3); border: 1px solid var(--line); border-radius: var(--r); background: var(--surface-2); }
.d-pobr-fakty > div { min-width: 0; }
.d-pobr-fakty dt { color: var(--text-faint); font-size: var(--t-xs); font-weight: var(--w-bold); }
.d-pobr-fakty dd { margin: 0; font-size: var(--t-md); font-weight: var(--w-bold); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.d-pobr-fakty dd small { color: var(--text-muted); font-weight: var(--w-regular); }
.d-pobr-zero { color: var(--danger); }
.d-pobr-projekty { display: grid; gap: var(--s-2); }
.d-pobr-projekt { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; align-items: center; gap: var(--s-1) var(--s-3); min-height: var(--h-control); padding: var(--s-2) var(--s-3); border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); cursor: pointer; }
.d-pobr-projekt:hover { border-color: var(--line-strong); }
.d-pobr-projekt.is-wybrany { border-color: var(--accent); background: var(--accent-soft); }
.d-pobr-projekt input { flex: none; width: 18px; height: 18px; margin: 0; padding: 0; border-radius: var(--r-pill); accent-color: var(--accent); }
.d-pobr-nr { font-weight: var(--w-bold); font-variant-numeric: tabular-nums; }
.d-pobr-nazwa { min-width: 0; overflow-wrap: anywhere; }
.d-pobr-potrzeba { grid-column: 3; color: var(--text-muted); font-size: var(--t-sm); font-variant-numeric: tabular-nums; }
.d-pobr-podp { grid-column: 4; grid-row: 1 / span 2; color: var(--accent-strong); white-space: nowrap; font-variant-numeric: tabular-nums; }
.d-pobr-ile { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-3); margin-top: var(--s-4); }
.d-pobr-ile > label { font-size: var(--t-lg); font-weight: var(--w-bold); }
.d-pobr-pole { display: inline-flex; align-items: center; gap: var(--s-2); }
.d-pobr-pole input { width: 9em; height: var(--h-control); text-align: right; font-size: var(--t-lg); font-weight: var(--w-bold); font-variant-numeric: tabular-nums; }
.d-pobr-pole b { color: var(--text-muted); font-weight: var(--w-bold); }
.d-pobr-uwaga { min-height: 1.4em; margin: var(--s-2) 0 0; color: var(--text-muted); font-size: var(--t-sm); }
.d-pobr-blad { color: var(--danger); font-weight: var(--w-bold); }
.d-pobr-lista { display: grid; gap: var(--s-2); }
.d-pobr-poz { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-2) var(--s-3); padding: var(--s-3); border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); }
.d-pobr-poz-g { display: grid; gap: var(--s-1); min-width: 0; flex: 1 1 220px; overflow-wrap: anywhere; }
.d-pobr-poz-a { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); }
.d-pobr-poz-a .d-pobr-pole input { width: 7em; }
.d-pobr-ok { display: inline-flex; align-items: center; gap: var(--s-1); color: var(--ok-strong); font-weight: var(--w-bold); }
.d-pobr-ok .icon { width: 16px; height: 16px; }

:root[data-ui="mobile"] .d-pobr-projekt { grid-template-columns: auto minmax(0, 1fr) auto; }
:root[data-ui="mobile"] .d-pobr-nr { grid-column: 2; }
:root[data-ui="mobile"] .d-pobr-nazwa { grid-column: 2; }
:root[data-ui="mobile"] .d-pobr-potrzeba { grid-column: 2; }
:root[data-ui="mobile"] .d-pobr-podp { grid-column: 3; grid-row: 1 / span 3; }
:root[data-ui="mobile"] .d-pobr-ile > label { flex: 1 0 100%; }
:root[data-ui="mobile"] .d-pobr-pole { flex: 1 1 auto; }
:root[data-ui="mobile"] .d-pobr-pole input { flex: 1 1 auto; width: 100%; }
:root[data-ui="mobile"] .d-pobr-poz-a { flex: 1 1 100%; justify-content: space-between; }
:root[data-ui="mobile"] .d-pobr-poz-a .d-pobr-pole { flex: 1 1 auto; }
:root[data-ui="mobile"] .d-pobranie-okno .receipt-history-row .button.mini { min-width: 44px; min-height: 44px; }

/* Pasek wybranego projektu w Zamówieniach: stały wiersz z „Pobierz z magazynu” (wiersz faktów z akcjami chowa się w zwartym widoku). */
.zr-pp-p { display: flex; margin-top: var(--s-2); }
:root[data-ui="mobile"] .zr-pp-p .btn { flex: 1 1 auto; justify-content: center; }