/* ============================================================================
   28-kartoteki-materialy-lista-wg-wzoru.css — TELEFON: karta materiału wg zaakceptowanego wzoru (19.10.2026)
   ----------------------------------------------------------------------------
   Wzór: PROJEKT-OKIEN\artefakt\Materialy.html (.mt-k / .mt-kg / .mt-kr / .mt-kd). Zwinięta karta (tytuł, „KOD · Lokalizacja”, „Na stanie”, dostawca, cena, strzałka)
   robi już ogólny układ kart kartotek (5-kartoteki-zamowienia.css, role komórek: js/ui/aplikacja-mobilna.js §6). Tu tylko rozwinięcie jak we wzorze:
   w nagłówku znika „Na stanie” (pole stanu jest niżej), pola w dwóch kolumnach w kolejności Kategoria | Dni · Stan | Minimum, pola liczbowe 44 px z jednostką w ramce,
   „Zmiana” schowana, na dole gwiazdka z napisem „Priorytet” i menu ⋮. Działa wyłącznie przy :root[data-ui="mobile"].
   ============================================================================ */

:root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] { gap: var(--s-3); }
:root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] .material-stan-karta { display: none; }
:root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] > td.audit-cell { display: none; }
/* kolejność pól: Kategoria | Dni, Stan | Minimum (kategoria jest ostatnią komórką tekstową przed ceną) */
:root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] > td[data-label="Kategoria"] { order: 1; }
:root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] > td.delivery-cell { order: 2; }
:root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] > td.stock-cell:not(.delivery-cell) { order: 3; }
:root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] > td::before { color: var(--text-faint); font-size: var(--t-xs); font-weight: var(--w-bold); }
:root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] > td[data-label="Kategoria"] { color: var(--text); font-size: var(--t-base); overflow-wrap: anywhere; }
/* pola liczbowe: ramka na całą szerokość kolumny, 44 px, jednostka w środku po prawej (wzór .mt-kr .mt-pf) */
:root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] .stock-edit { display: flex; width: 100%; height: 44px; border: 1px solid var(--line-strong); border-radius: var(--r-sm); background: var(--surface); }
:root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] .stock-edit .stock-inline-input { flex: 1 1 auto; width: auto; min-width: 0; height: 100%; padding: 0 var(--s-1) 0 var(--s-2); border: 0; background: transparent; box-shadow: none; text-align: right; }
:root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] .stock-edit .stock-unit { flex: none; min-width: 30px; padding-right: var(--s-2); color: var(--text-faint); font-size: var(--t-xs); text-align: left; }
/* dół karty: gwiazdka z napisem „Priorytet” po lewej, menu ⋮ po prawej, nad nimi cienka kreska */
:root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] > td[data-karta="znacznik"], :root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] > td[data-karta="menu"] { padding-top: var(--s-2); border-top: 1px solid var(--line-soft); }
:root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] > td[data-karta="znacznik"] { height: auto; }
:root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] > td[data-karta="znacznik"] { margin-right: calc(var(--s-3) / -2); }
:root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] > td[data-karta="menu"] { display: flex; justify-content: flex-end; justify-self: stretch; margin-left: calc(var(--s-3) / -2); }
:root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] .prio-check { width: auto; height: 44px; padding: 0 var(--s-2); gap: var(--s-2); display: inline-flex; align-items: center; color: var(--line-strong); font-size: var(--t-base); }
:root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] .prio-check::after { content: "Priorytet"; color: var(--text-muted); font-weight: var(--w-regular); }
:root[data-ui="mobile"] #content .catalog-table.mt-lista tbody tr[data-mrozwin] .prio-check:has(input:checked) { color: var(--warn-strong); }
:root[data-ui="mobile"] #content .catalog-table.mt-lista .prio-star { display: grid; place-items: center; width: 18px; height: 18px; color: inherit; }
:root[data-ui="mobile"] #content .catalog-table.mt-lista .prio-star .icon { width: 18px; height: 18px; }
:root[data-ui="mobile"] #content .catalog-table.mt-lista .prio-check input:checked + .prio-star .icon { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.4 5.9.8-4.3 4.1 1 5.8L12 16.9l-5.2 2.7 1-5.8-4.3-4.1 5.9-.8z'/%3E%3C/svg%3E"); }
:root[data-ui="mobile"] #content .catalog-table.mt-lista .row-menu > summary { border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--surface); }
:root[data-ui="mobile"] #content .catalog-table.mt-lista .row-menu > summary .icon { width: 16px; height: 16px; }