/* KARTOTEKI — okno Materiał: sekcja „Zliczanie w Kalkulatorze” (18.10.2026).
   Wzór: PROJEKT-OKIEN\artefakt\Materialy.html (.mt-zl, .mt-zl-l, .mt-zl-w, .ui-ost.uw, .ui-st.got, .mt-ok-pod); nazwy tokenów wzoru
   przełożone na tokeny programu: linia → --line, linia-2 → --line-soft, ak-tlo → --accent-soft, uw / uw-tlo → --warn-strong / --warn-soft,
   ok / ok-tlo → --ok-strong / --ok-soft, tusz-2/3 → --text-muted, t-1 / t-2 → --t-xs / --t-sm, r-s → --r-sm.
   Panel, nagłówek i siatka pól to istniejące .material-editor-panel / .material-panel-head / .field z 19-modale-tresc.css.
   Telefon: osobno w css/9-telefon/21-material-zliczanie.css. */


.mt-zl-l { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--r-sm); overflow: hidden; }
.mt-zl-w { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: var(--s-3); padding: var(--s-2) var(--s-3); border-top: 1px solid var(--line-soft); font-size: var(--t-sm); }
.mt-zl-w:first-child { border-top: 0; }
.mt-zl-w.ten { background: var(--accent-soft); }
.mt-zl-n { display: flex; flex-direction: column; min-width: 0; }
.mt-zl-n b { font-weight: var(--w-bold); overflow-wrap: anywhere; }
.mt-zl-n small { font-size: var(--t-xs); color: var(--text-muted); }
.mt-zl-j { font-weight: var(--w-bold); color: var(--text-muted); font-variant-numeric: tabular-nums; }
.mt-zl-ten { display: inline-flex; align-items: center; gap: var(--s-2); height: 26px; padding: 0 var(--s-2); border-radius: var(--r); font-size: var(--t-xs); font-weight: var(--w-bold); white-space: nowrap; background: var(--ok-soft); color: var(--ok-strong); }
.mt-zl-ten i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }

.mt-zl-ost { padding: var(--s-2) var(--s-3); border-radius: var(--r); background: var(--warn-soft); color: var(--warn-strong); font-size: var(--t-sm); line-height: 1.45; }
.mt-zl-ost p { margin: 0; }

.mt-zl-pod { margin: 0; font-size: var(--t-xs); line-height: 1.45; color: var(--text-muted); }