/* ============================================================================
   9-telefon/8-moj-pulpit.css — Pulpit i dzwonek na telefonie (B8b/B8c, 27.09.2026; v15 b4 PU1–PU6, 02.10.2026; b8 PW1–PW5, 03.10.2026)
   Komputer: 4-widoki/16b-pulpit.css (Pulpit), 16c-pulpit-firma.css (Firma, Prezentacje) i 27-powiadomienia.css (dzwonek).
   Wszystko pod :root[data-ui="mobile"]. Wzór (pulpit_czesc.txt, @container app ≤ 640 px) = telefon PIONOWO; telefon poziomo
   (844×390, :root[data-telefon-poziomo]) ma we wzorze wiersze jak na komputerze — tylko rząd „Pokaż” jako jedno menu.
   ============================================================================ */
/* Lista terminów w zakładce Firma: data w tym samym wierszu co znacznik etapu, nad nazwą projektu — dawniej stała
   w następnej linii przy prawej krawędzi i oko łączyło ją z kolejnym projektem. Wiersze oddzielone kreską. */
:root[data-ui="mobile"] .dash-alert-list:has(> .dash-alert-row > .dash-date) { grid-template-columns: minmax(0, 1fr); gap: 0; }
:root[data-ui="mobile"] .dash-alert-list > .dash-alert-row:has(> .dash-date) { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 2px var(--s-2); padding: var(--s-2) 0; border-radius: 0; }
:root[data-ui="mobile"] .dash-alert-list > .dash-alert-row:has(> .dash-date) + .dash-alert-row { border-top: 1px solid var(--kreska-wlos, var(--line)); }
:root[data-ui="mobile"] .dash-alert-row > .dash-chip { grid-row: 1; grid-column: 1; justify-self: start; }
:root[data-ui="mobile"] .dash-alert-row > .dash-date { grid-row: 1; grid-column: 2; justify-self: end; text-align: right; }
:root[data-ui="mobile"] .dash-alert-row > .dash-project-link { grid-row: 2; grid-column: 1 / -1; }
:root[data-ui="mobile"] .pow-otworz { min-height: 56px; }
/* POPR-n14: dzwonek na telefonie — rozwinięta grupa bez głębokiego wcięcia. */
:root[data-ui="mobile"] .pow-grupa-lista { margin-left: var(--s-2); padding-left: var(--s-1); }

/* v15 PW1: strona Pulpitu na telefonie — bez własnego marginesu (margines daje .content), odstępy 12 px jak wzór; kontrolki
   Pulpitu 44 px (--h-tab telefonu = 36, a cel dotyku to 44). */
:root[data-ui="mobile"] .pd-widok { --h-tab: var(--h-control); padding: 0; }
/* PL1 (b17): telefon pionowo — odstęp strony u góry 12 px i odstępy 12 px (wzór ≤ 640); poziomo zostaje 16 px jak na tablecie. */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pd-widok { margin-top: calc(var(--s-3) - var(--margines-roboczy-y)); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) :is(.pd, .pm-strona) { gap: var(--s-3); }

/* v15 PU1: nagłówek Pulpitu na telefonie — powitanie nad zakładkami, zakładki na całą szerokość (ramka jak .dash-tabs w 6-pulpit…).
   PW1: telefon pionowo — powitanie i podpis na środku, jak wzór. */
/* PL5: jak we wzorze — blok powitania na środku, obie linie od tej samej lewej krawędzi; zakładki na całą szerokość;
   konto bez zakładek (Design, Produkcja…) ma pod podpisem ten sam odstęp 8 px co wzór. */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pd-glowa { flex-direction: column; align-items: center; gap: var(--s-2); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pd-glowa:not(:has(.pd-zakladki)) { padding-bottom: calc(var(--s-3) + var(--s-2)); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pd-witaj h2 { font-size: var(--t-lg); }
:root[data-ui="mobile"] .pd-witaj :is(h2, h2 span) { letter-spacing: var(--ls-tytul); }
:root[data-ui="mobile"][data-telefon-poziomo] .pd-glowa { flex-wrap: nowrap; }
:root[data-ui="mobile"][data-telefon-poziomo] .pd-witaj { flex: 1 1 auto; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pd-zakladki { display: grid; grid-auto-columns: 1fr; grid-auto-flow: column; align-self: stretch; }
:root[data-ui="mobile"] .pd-zakladka { min-height: var(--h-control); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pd-zakladka { line-height: var(--lh-base); white-space: normal; }
/* v15 PU2: „Mój pulpit” jako jedna lista — zamiast rzędu filtrów jedno menu „Pokaż: …” (pionowo i poziomo — wzór .telp);
   pionowo bez słowa „Pokaż:” („Wszystko · 12”). Wiersz pionowo: tytuł i podpis do 2 linii, termin u góry z prawej, przycisk akcji
   pod nim, kółko odhaczenia 44 px. */
:root[data-ui="mobile"] .pm-filtry { display: none; }
:root[data-ui="mobile"] .pm-pokaz-menu { display: block; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pm-pokaz-napis { display: none; }
:root[data-ui="mobile"] .pm-pokaz-przycisk { min-height: 44px; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pm-pokaz-przycisk { padding: 0 var(--s-2) 0 var(--s-3); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pm-w { grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: var(--s-2); row-gap: var(--s-1); padding: var(--s-2) var(--s-3) var(--s-2) var(--s-1); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pm-w > span:empty { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pm-w > :is(.pm-ikona, .pm-odhacz) { grid-row: 1 / 3; align-self: start; width: 44px; height: 44px; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pm-w > .pm-glowna { grid-row: 1 / 3; grid-column: 2; align-self: center; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pm-w > .pm-termin { grid-row: 1; grid-column: 3; align-self: start; margin-top: var(--s-2); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pm-w.is-info > .pm-termin { grid-row: 1 / 3; align-self: center; margin: 0; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pm-w > .pm-akcja { grid-row: 2; grid-column: 3; width: auto; min-height: 44px; padding-inline: var(--s-3); font-size: var(--t-sm); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pm-glowna :is(b, small) { display: -webkit-box; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
:root[data-ui="mobile"] :is(.pm-wiecej, .pm-link) { min-height: 44px; }
/* Stoper pionowo (wzór): ikona | opis do 3 linii | czas nad „Stop”. */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pm-strona > .czas-pasek { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--s-1) var(--s-3); padding: var(--s-2) var(--s-2) var(--s-2) var(--s-3); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pm-strona > .czas-pasek > .icon { grid-row: 1 / 3; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pm-strona > .czas-pasek .czas-pasek-co { grid-row: 1 / 3; grid-column: 2; display: -webkit-box; overflow: hidden; font-size: var(--t-sm); -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pm-strona > .czas-pasek .czas-zegar { grid-row: 1; grid-column: 3; font-size: var(--t-base); text-align: right; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pm-strona > .czas-pasek [data-action="b1-czas-stop"] { grid-row: 2; grid-column: 3; min-height: 44px; padding-inline: var(--s-4); }
/* Stoper poziomo: jedna linia jak na komputerze (7-zadania… łamie pasek na telefonie). */
:root[data-ui="mobile"][data-telefon-poziomo] .pm-strona > .czas-pasek { flex-wrap: nowrap; }
:root[data-ui="mobile"][data-telefon-poziomo] .pm-strona > .czas-pasek .czas-pasek-co { flex: 1 1 auto; }
:root[data-ui="mobile"][data-telefon-poziomo] .pm-strona > .czas-pasek [data-action="b1-czas-stop"] { min-height: 44px; padding-inline: var(--s-4); }
/* v15 PU3: Historia — „Pokaż:” nad podfiltrami, przyciski 44 px. */
:root[data-ui="mobile"] .pm-historia-filtry { padding: var(--s-2) var(--s-3); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pm-historia-filtry > span { width: 100%; }
:root[data-ui="mobile"] .pm-historia-filtry button { min-height: 44px; }
/* v15 PU5: wiersz lejka w bloku Firma / Moja sprzedaż — cały wiersz to cel dotyku 44 px. */
:root[data-ui="mobile"] .pf-lejek-w { min-height: 44px; }
/* v15 PU6 / PW1: panele pod listą — telefon pionowo jedna kolumna; nagłówek 44 px, projekt i wiadomość w całości
   (bez wielokropka — na dotyku nie ma dymka). */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pm-panele { grid-template-columns: minmax(0, 1fr); gap: var(--s-3); }
:root[data-ui="mobile"] :is(.pm-panel-przelacz, .pm-czat, .pm-panel-akcje .pm-link) { min-height: 44px; }
:root[data-ui="mobile"] :is(.pm-projekt-glowna b, .pm-projekt-glowna small, .pm-wiad-tekst) { white-space: normal; overflow-wrap: anywhere; }
/* v15 PW2: Firma / Moja sprzedaż na telefonie pionowo (wzór ≤ 640): jedna kolumna bloków; termin — nazwa na całą szerokość, pod nią
   rodzaj i data; trend niższy; tabele jako karty (pierwsza komórka na całą szerokość, reszta parami z podpisem pola). */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pf { grid-template-columns: minmax(0, 1fr); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pf-lejek-w { grid-template-columns: 112px minmax(0, 1fr) 32px; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pf-tw:not(.is-wycena) { grid-template-columns: minmax(0, 1fr) auto; row-gap: var(--s-1); padding: var(--s-2) var(--s-4); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pf-tw:not(.is-wycena) > .pf-tw-nazwa { grid-column: 1 / -1; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pf-tw:not(.is-wycena) > :is(.pf-rodzaj, .pf-tw-data) { grid-row: 2; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pf-trend { min-height: 160px; gap: 2px; padding: var(--s-3) var(--s-3) var(--s-2); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pf-tabela thead { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pf-tabela tr { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-1) var(--s-3); padding: var(--s-2) var(--s-4); border-bottom: 1px solid var(--line-soft); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pf-tabela tbody tr:last-child { border-bottom: 0; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pf-tabela td { padding: 0; border: 0; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pf-tabela td:first-child { grid-column: 1 / -1; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pf-tabela td.is-liczba { text-align: left; white-space: normal; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pf-tabela td[data-l]::before { content: attr(data-l); display: block; color: var(--text-faint); font-size: var(--t-xs); }
/* v15 PW3: Prezentacje na telefonie pionowo (wzór): strzałka | Wersja | Akceptacja; szczegóły pod spodem w jednej kolumnie. */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pz-w { grid-template-columns: var(--h-tab) minmax(0, 1fr) auto; row-gap: 0; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pz-w :is(.pz-k-otw, .pz-k-ost, .pz-k-czas) { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pz-szukaj { flex-basis: 100%; max-width: none; }
:root[data-ui="mobile"] .pz-glowa small { flex-basis: 100%; }
/* PZ3 (b20): pole szukania prezentacji — lupa i podpowiedź w kolorze i wadze wzoru (ogólna reguła etykiet telefonu daje ciemniejszy kolor i wagę 500). */
:root[data-ui="mobile"] .pz-glowa .pz-szukaj { color: var(--text-faint); font-weight: var(--w-regular); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pz-szczegoly { padding: var(--s-3) var(--s-4); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pz-sekcja { grid-template-columns: 104px minmax(0, 1fr) 52px; }