/* ============================================================================
   27-material-okno-wg-wzoru.css — TELEFON: okno materiału wg wzoru (19.10.2026)
   ----------------------------------------------------------------------------
   Wzór: PROJEKT-OKIEN\artefakt\Materialy.html (.ramka.tel .mt-tabs …). Układ pól (siatki 2 / 3 / 4 kolumny → 1 kolumna, tabela innych dostawców → karta)
   robią zapytania kontenera w css/4-widoki/25t-material-okno-wg-wzoru.css — tu tylko to, co jest wyłącznie telefonowe: trzy zakładki w jednym rzędzie
   (środkowa skraca się do „Magazyn”) i dolna kreska zamiast podkreślenia. Tylko w wąskim oknie (telefon pionowo, kontener do 600 px) — telefon poziomo ma zakładki jak tablet (wzór: .ramka.tel, nie .ramka.telp).
   ============================================================================ */

@container mtok (max-width: 600px) {
  :root[data-ui="mobile"] #modal-root .modal.catalog-modal .mt-okm .mt-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px var(--s-1); border-bottom: 0; overflow: visible; }
  :root[data-ui="mobile"] #modal-root .modal.catalog-modal .mt-okm .mt-tabs .dsg-tab { justify-content: center; padding: 0 var(--s-1); font-size: var(--t-sm); border-bottom: 2px solid var(--line); }
  :root[data-ui="mobile"] #modal-root .modal.catalog-modal .mt-okm .mt-tab-w { display: none; }
  :root[data-ui="mobile"] #modal-root .modal.catalog-modal .mt-okm .mt-tabs .dsg-tab[aria-selected="true"] { border-bottom-color: var(--accent); }
  :root[data-ui="mobile"] #modal-root .modal.catalog-modal .mt-okm .mt-tabs .dsg-tab[aria-selected="true"]::after { display: none; }
  :root[data-ui="mobile"] #modal-root .modal.catalog-modal .mt-okm .mt-cert-seg { align-self: stretch; }
  :root[data-ui="mobile"] #modal-root .modal.catalog-modal .mt-okm .mt-cert-seg label { flex: 1; min-width: 0; }
  :root[data-ui="mobile"] #modal-root .modal.catalog-modal .mt-okm .mt-ks-j { display: grid; grid-template-columns: repeat(4, 1fr); align-self: stretch; }
  :root[data-ui="mobile"] #modal-root .modal.catalog-modal .mt-okm .mt-ks-j button { min-width: 0; padding: 0 var(--s-1); }
}
/* „?” przy nadwyżce (zakładka Magazyn): kółko 32 px (było 26), pole dotyku 44 px dokłada ::after */
:root[data-ui="mobile"] #modal-root .modal.catalog-modal .mt-okm .mt-pom { position: relative; width: var(--s-6); height: var(--s-6); }
:root[data-ui="mobile"] #modal-root .modal.catalog-modal .mt-okm .mt-pom::after { content: ""; position: absolute; inset: calc((var(--s-6) - var(--h-control)) / 2); }
/* 23.10.2026 (przegląd telefonu): lista waluty przy „Kwota” miała 84 px — po odjęciu strzałki i wcięć (52 px) zostawało 32 px na „PLN”,
   a pole pokazywało „PL…”. Kolumna waluty 112 px (kod z trzech liter mieści się z zapasem). */
:root[data-ui="mobile"] #modal-root .modal.catalog-modal .mt-okm .mt-waga { grid-template-columns: minmax(0, 1fr) 112px; }