/* ============================================================================
   10j-projekty-wg-wzoru.css — poprawki listy i karty „Projekty” do zgodności ze wzorem (PROJEKT-OKIEN\artefakt\Projekty.html, 19.10.2026)
   ----------------------------------------------------------------------------
   Zestawienie wzór ↔ program (tools/porownaj-wzor.mjs --okno projekty, stan „karta”) pokazało, że lista i karta są już zbudowane wg
   wzoru (te same krój, rozmiary i kolory z tokenów). Zostały cztery różnice — tu wszystkie na tokenach programu, bez liczb na sztywno:
   1. „W toku” w wierszu listy i w nagłówku karty = zielone (wzór: .zdr.ok → --ok); pigułka etapu „W toku” w karcie zostaje niebieska.
   2. Stopka listy jak .stopkap wzoru: pas w tle --surface-2, odstępy s-2 / s-4 (zamiast ogólnego .pager kartotek: 12 / 14 px, bez tła).
   3. Karta: „Cena dotyczy: …” stoi pod nagłówkiem „Cena”, przed rozbiciem (wzór: .kp-zakres), pismem 13 px jak reszta rozbicia.
   4. Ikona „na cały ekran” w nagłówku karty: cztery narożniki (wzór: ikona „pelny”) i odwrotna „zwiń”. Maski jak w 3-komponenty/07-ikony.css.
   Telefon: osobno w 9-telefon/29-projekty-plus-w-pasku.css.
   ============================================================================ */
.pl-stan.tone-inprogress { --ton: var(--ok); --ton-tekst: var(--ok-strong); }
.pl-ramka > .pager { min-height: 0; padding: var(--s-2) var(--s-4); gap: var(--s-3); background: var(--surface-2); }
.pk-cena-lista > .pk-cena-dot { margin: 0 0 var(--s-2); font-size: var(--t-sm); }
.icon-maximize { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3'/%3E%3Cpath d='M21 8V5a2 2 0 0 0-2-2h-3'/%3E%3Cpath d='M3 16v3a2 2 0 0 0 2 2h3'/%3E%3Cpath d='M16 21h3a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E"); }
.icon-minimize { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3v3a2 2 0 0 1-2 2H3'/%3E%3Cpath d='M21 8h-3a2 2 0 0 1-2-2V3'/%3E%3Cpath d='M3 16h3a2 2 0 0 1 2 2v3'/%3E%3Cpath d='M16 21v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E"); }