/* TELEFON — OKNO „EDYTUJ PLANY” I OKNA ZESTAWIEŃ (BOM) wg wzoru wyglądu (v15 b22). Wszystko pod :root[data-ui="mobile"]
   (pionowo: :not([data-telefon-poziomo]); poziomo: [data-telefon-poziomo]). Pionowo: zakładki Plan | Konstrukcje | Uwagi | Czat,
   harmonogram jako lista wg inżyniera, karty konstrukcji, okna na cały ekran, arkusz „termin i inżynier” od dołu.
   Poziomo: zakładki w nagłówku okna, tabela konstrukcji w czterech kolumnach. Reguły komputera: 4-widoki/25b-plany-okno.css. */
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.pln-okno { width: calc(100vw - var(--s-5)); height: calc(100dvh - var(--s-5)); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .pln-wz, :root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .pln-wz.pln-arkusz, :root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .pln-wz.pln-okno { left: 0; top: 0; transform: none; width: 100%; height: 100%; max-height: none; border-radius: 0; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .pln-wz.pln-arkusz { top: auto; bottom: 0; height: auto; max-height: 90%; border-radius: var(--r-lg) var(--r-lg) 0 0; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .pln-wz > header { padding: var(--s-3) var(--s-2) var(--s-2) var(--s-4); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .pln-wz > footer .pln-btn.gl { flex: 1; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) button.pln-st, :root[data-ui="mobile"][data-telefon-poziomo] button.pln-st { height: var(--h-control); padding: 0 var(--s-3); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pos { grid-template-columns: 120px minmax(0,1fr); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pos-lo small { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-har .pos-uch, :root[data-ui="mobile"][data-telefon-poziomo] .pln-har .pos-uch { width: 16px; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln2 .pln-zakl:not(.pln-zakl-g) { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); position: sticky; top: 0; z-index: 3; box-shadow: 0 calc(var(--s-3) * -1) 0 6px var(--surface); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-zakl button, :root[data-ui="mobile"][data-telefon-poziomo] .pln-zakl button { padding: 0 var(--s-1); font-size: var(--t-xs); white-space: nowrap; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-zakl button small, :root[data-ui="mobile"][data-telefon-poziomo] .pln-zakl button small { color: var(--accent); font-weight: var(--w-strong); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln2 .pln-s, :root[data-ui="mobile"][data-telefon-poziomo] .pln2 .pln-s { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln2.zak-plan .pln-s-plan, :root[data-ui="mobile"][data-telefon-poziomo] .pln2.zak-plan .pln-s-plan, :root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln2.zak-kon .pln-s-kon, :root[data-ui="mobile"][data-telefon-poziomo] .pln2.zak-kon .pln-s-kon, :root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln2.zak-uw .pln-s-uw, :root[data-ui="mobile"][data-telefon-poziomo] .pln2.zak-uw .pln-s-uw { display: flex; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .pln-wz.pln-okno .pln2 .pln-czat, :root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.pln-okno .pln2 .pln-czat { display: none; position: static; width: auto; box-shadow: none; border: 1px solid var(--line); border-radius: var(--r); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .pln-wz.pln-okno .pln2.zak-czat .pln-czat, :root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.pln-okno .pln2.zak-czat .pln-czat { display: flex; flex-direction: column; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-czat .pln-czh, :root[data-ui="mobile"][data-telefon-poziomo] .pln-czat .pln-czh { position: sticky; z-index: 2; background: var(--surface); border-radius: var(--r) var(--r) 0 0; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-czat .pln-czh { top: 50px; }
:root[data-ui="mobile"][data-telefon-poziomo] .pln-czat .pln-czh { top: calc(var(--s-2) * -1); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln2.zak-czat, :root[data-ui="mobile"][data-telefon-poziomo] .pln2.zak-czat { min-height: 100%; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln2.zak-czat > .pln-czat, :root[data-ui="mobile"][data-telefon-poziomo] .pln2.zak-czat > .pln-czat { flex: 1; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-czt b, :root[data-ui="mobile"][data-telefon-poziomo] .pln-czt b { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-har .pos, :root[data-ui="mobile"][data-telefon-poziomo] .pln-har .pos { grid-template-columns: 44px minmax(0,1fr); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-har .pos-lo, :root[data-ui="mobile"][data-telefon-poziomo] .pln-har .pos-lo { justify-content: center; padding: 0; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-har .pos-lo span:not(.pln-aw, .icon), :root[data-ui="mobile"][data-telefon-poziomo] .pln-har .pos-lo span:not(.pln-aw, .icon) { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-har .pos-lh, :root[data-ui="mobile"][data-telefon-poziomo] .pln-har .pos-lh { visibility: hidden; }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.pln-okno { left: 0; top: 0; transform: none; width: 100%; height: 100%; max-height: none; border-radius: 0; }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.pln-okno > header { align-items: center; padding: var(--s-1) var(--s-2) var(--s-1) var(--s-4); }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.pln-okno > header > div:first-child { display: flex; align-items: baseline; gap: var(--s-2); flex: none; }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.pln-okno > header p { margin: 0; white-space: nowrap; }
:root[data-ui="mobile"][data-telefon-poziomo] .pln-nm { display: none; }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.pln-okno > header > .pln-sp { display: none; }
:root[data-ui="mobile"][data-telefon-poziomo] .pln-zakl-g { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); flex: 1; margin: 0 var(--s-3); padding: 0; }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.pln-okno > footer { padding: 4px var(--s-4); }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.pln-okno .pln-cialo { padding-top: var(--s-2); }
:root[data-ui="mobile"][data-telefon-poziomo] .pln-th, :root[data-ui="mobile"][data-telefon-poziomo] .pln-w { grid-template-columns: minmax(124px,1fr) 244px minmax(104px,.6fr) minmax(232px,1.1fr); gap: var(--s-2) var(--s-3); }
:root[data-ui="mobile"][data-telefon-poziomo] .pln-av > span:not(.pln-aw, .icon) { display: none; }   /* tabela Konstrukcje: samo kółko z inicjałami + strzałka (wzór: .telp .pln-av>span:not(.aw)); imię w title/aria-label */
:root[data-ui="mobile"][data-telefon-poziomo] .pln-har { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; column-gap: var(--s-3); }
:root[data-ui="mobile"][data-telefon-poziomo] .pln-har > * { grid-column: 1/-1; }
:root[data-ui="mobile"][data-telefon-poziomo] .pln-har > h3 { grid-column: 1; }
:root[data-ui="mobile"][data-telefon-poziomo] .pln-har > h3 .pln-sp { display: none; }
:root[data-ui="mobile"][data-telefon-poziomo] .pln-har > .pln-inz { grid-column: 2; grid-row: 1; justify-content: flex-end; }
:root[data-ui="mobile"][data-telefon-poziomo] .pln-et { display: none; }
:root[data-ui="mobile"][data-telefon-poziomo] .pln-czh { grid-template-columns: auto minmax(0,1fr) auto; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-inz { gap: 6px; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-et, :root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-pod { flex-basis: 100%; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-th { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-w { grid-template-columns: minmax(0,1fr); gap: var(--s-3); padding: var(--s-3) 0; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-mt { display: block; flex-basis: 100%; font-size: var(--t-xs); font-weight: var(--w-bold); color: var(--text-faint); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-tm, :root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-ki { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-1); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-td { align-self: stretch; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .pln-wz.pln-okno > header > div { min-width: 0; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .pln-wz.pln-okno > header p { white-space: normal; overflow: visible; text-overflow: clip; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .pln-wz.pln-okno > footer .pln-nz { order: -1; flex-basis: 100%; margin: 0; justify-content: center; font-size: var(--t-xs); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-har > h3 { flex-wrap: nowrap; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-har > h3 > small, :root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-hp, :root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-et { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln2, :root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-s { gap: var(--s-3); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln2 .pln-pan { gap: var(--s-2); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln2 .pln-zakl:not(.pln-zakl-g) { box-shadow: 0 0 0 100vmax var(--surface); clip-path: inset(calc(var(--s-3) * -1) 0 calc(var(--s-2) * -1) 0); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-wid { display: inline-grid; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-wid button { padding: 0 var(--s-3); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-har.w-lista .pos, :root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-har.w-lista .pln-pod:not(.pln-pod-l), :root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-har.w-lista .pln-leg > span:has( > .l-wk), :root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-har.w-lista .pln-leg > span:has( > i:not([class])) { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-har.w-lista .pln-lst { display: flex; flex-direction: column; gap: var(--s-3); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-har.w-lista .pln-pod-l { display: block; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-w > .pln-tm, :root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-w > .pln-ki { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-bom > .pln-mt { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-ba { width: 100%; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pln-ba .pln-btn { flex: 1 1 0; padding: 0 var(--s-2); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .bom-wyb { grid-template-columns: minmax(0,1fr); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .bom-zam { justify-self: center; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .bom-t:not(.bom-t2) .bom-th { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .bom-t:not(.bom-t2) .bom-tr { grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--s-1) var(--s-2); align-items: start; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .bom-t:not(.bom-t2) .bom-p { grid-column: 1/-1; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .bom-t:not(.bom-t2) .bom-tr > [data-et] { text-align: left; display: flex; flex-direction: column; gap: 1px; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .bom-t:not(.bom-t2) .bom-tr > [data-et]::before { content: attr(data-et); font-size: var(--t-xs); font-weight: var(--w-bold); color: var(--text-faint); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .bom-t6 .bom-tr > .bom-pz { grid-column: 2/-1; align-items: flex-start; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .bom-ha .pln-btn:not(.bom-us) { flex: 1 1 auto; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .bom-ha .pln-sp { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .bom-zm .pln-btn { flex: 1 1 100%; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .pln-wz.bom-por { width: 100%; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .pln-wz.bom-okno > header h2 { text-wrap: balance; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .bom-wst { display: inline-flex; order: -1; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .pln-wz.bom-okno:has(.bom-wst) > header { padding-left: var(--s-1); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .pln-wz.bom-okno:has(.bom-wst) > header > [data-ui-zamknij]:not(.bom-wst) { display: none; }
:root[data-ui="mobile"][data-telefon-poziomo] .bom-wst { display: inline-flex; order: -1; }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.bom-okno:has(.bom-wst) > header > [data-ui-zamknij]:not(.bom-wst) { display: none; }
:root[data-ui="mobile"][data-telefon-poziomo] .pln-ba .pln-btn .icon { display: none; }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.bom-okno { left: 0; top: 0; transform: none; width: 100%; height: 100%; max-height: none; border-radius: 0; }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.bom-okno > header { align-items: center; padding: 2px var(--s-1) 2px var(--s-4); }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.bom-okno > header > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--s-2); }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.bom-okno > header p { margin: 0; }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.bom-okno:has(.bom-wst) > header { padding-left: var(--s-1); }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.bom-okno > footer { padding: 4px var(--s-4); }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.bom-okno .pln-cialo { padding-top: var(--s-2); }
:root[data-ui="mobile"][data-telefon-poziomo] .bom-t { margin: var(--s-2) 0; }
:root[data-ui="mobile"][data-telefon-poziomo] .bom-okno .pln-ost { margin-top: var(--s-2); }

/* ===== CZĘŚĆ 2 — dopasowanie do programu (ręcznie) ===== */
/* Okna programu na telefonie mają własną górę i stopkę (#modal-root .modal …) — okna wg wzoru biorą wymiary wzoru. */
:root[data-ui="mobile"] #modal-root .modal.pln-wz { width: 100vw; height: 100dvh; max-height: none; border-radius: 0; transform: none; }
:root[data-ui="mobile"] #modal-root .modal.pln-wz > header { min-height: 0; gap: var(--s-2); }
:root[data-ui="mobile"] #modal-root .modal.pln-wz > header h2 { display: block; overflow: visible; font-size: var(--t-lg); font-weight: var(--w-bold); }
:root[data-ui="mobile"] #modal-root .modal.pln-wz > header p { display: block; overflow: visible; margin: 2px 0 0; }
:root[data-ui="mobile"] #modal-root .modal.pln-wz > footer { gap: var(--s-2); box-shadow: none; }
:root[data-ui="mobile"] #modal-root .modal.pln-wz > footer > button { flex: 0 0 auto; min-height: 0; height: var(--h-control); font-size: var(--t-control); white-space: nowrap; line-height: var(--lh-base); }
:root[data-ui="mobile"] #modal-root .modal.pln-wz > footer > .pln-sp { display: block; flex: 1; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .modal.pln-wz > footer > .pln-btn.gl { flex: 1; }
:root[data-ui="mobile"] #modal-root .modal.pln-wz > header :is(.pln-ik, .icon-button) { width: var(--h-control); height: var(--h-control); }
/* Arkusz „termin i inżynier”: od dołu ekranu, najwyżej 90 % wysokości. */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .modal-backdrop:has(> .modal.pln-arkusz) { place-items: end stretch; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .modal.pln-wz.pln-arkusz { height: auto; max-height: 90dvh; border-radius: var(--r-lg) var(--r-lg) 0 0; }
/* Okno na oknie na telefonie: krzyżyk ustępuje strzałce „Wstecz”. */
:root[data-ui="mobile"] #modal-root .modal.pln-wz.bom-okno:has(.bom-wst) > header > [data-action="close-modal"]:not(.bom-wst) { display: none; }
/* Stopka, pola dat, listy i podpisy pól: okna programu na telefonie mają większe pola (46 px, róg 12, 16 px) — tu wymiary wzoru. */
:root[data-ui="mobile"] #modal-root .modal.pln-wz > footer { padding: var(--s-2) var(--s-4) calc(var(--s-2) + var(--bezpieczny-dol)); }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .modal.pln-wz > footer { padding: var(--s-1) var(--s-4); }
:root[data-ui="mobile"] #modal-root .modal.pln-wz .pl-data-pole { height: var(--h-control); min-height: 0; padding: 0 var(--s-2); border-radius: var(--r-sm); font-size: var(--t-control); }
:root[data-ui="mobile"] #modal-root .modal.pln-wz .pln-td .pl-data-pole { padding: 0 var(--s-1) 0 var(--s-2); font-size: var(--t-sm); }
:root[data-ui="mobile"] #modal-root .modal.pln-wz .pln-f select { height: var(--h-control); min-height: 0; padding: 0 var(--s-2); border-radius: var(--r-sm); font-size: var(--t-control); }
:root[data-ui="mobile"] #modal-root .modal.pln-wz .pln-f select:focus { font-size: var(--t-md); }
:root[data-ui="mobile"] #modal-root .modal.pln-wz .pln-f > label { font-size: var(--t-xs); font-weight: var(--w-bold); }
:root[data-ui="mobile"] #modal-root .modal.pln-wz .pln-f > label small { font-size: var(--t-xs); font-weight: var(--w-medium); }
:root[data-ui="mobile"] #modal-root .pln-uw .rich-toolbar :is(button, .rich-image-button, select) { height: var(--h-control); min-height: var(--h-control); }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .modal.pln-wz > footer > .pln-nz { display: inline-flex; flex: 0 0 auto; }
:root[data-ui="mobile"] #modal-root .pln-uw .rich-editor { border-radius: var(--r-sm); }
/* PN7c — Uwagi na telefonie: pasek edytora zawija się na wiersze jak we wzorze (ta sama zasada co w Notatkach), nie przewija się w bok. */
:root[data-ui="mobile"] #modal-root .pln-uw .rich-toolbar { flex-wrap: wrap; gap: var(--s-1); padding: var(--s-1); overflow: visible; -webkit-mask-image: none; mask-image: none; }
/* PN7d — listy „Tekst” i „Skala” w pasku edytora Uwag na telefonie: szare, zwykłej grubości, bez ramki (jak we wzorze). */
:root[data-ui="mobile"] #modal-root .pln-uw .rich-toolbar select { border: 0; background-color: transparent; box-shadow: none; color: var(--text-muted); font-weight: var(--w-regular); }
:root[data-ui="mobile"] #modal-root .pln-uw .rich-toolbar :is(button, .rich-image-button) { min-width: var(--h-control); color: var(--text-muted); font-size: var(--t-base); font-weight: var(--w-regular); }
/* PN7e — zakładka „Czat” na telefonie: karta czatu ma wysokość okna, nagłówek z osobami wątku stoi u góry, pole pisania na dole,
   wiadomości przewijają się w środku (wzór: przyklejony nagłówek i pole pisania — na ekranie to samo). Osoby wątku widać jak we wzorze. */
:root[data-ui="mobile"] #modal-root .pln-wz.pln-okno .pln2.zak-czat { height: 100%; min-height: 0; }
:root[data-ui="mobile"] #modal-root .pln-wz.pln-okno .pln2.zak-czat > .pln-czat { flex: 1 1 0; min-height: 0; overflow: hidden; }
:root[data-ui="mobile"] #modal-root .pln-wz.pln-okno .pln-czat .pln-czh { position: static; }
:root[data-ui="mobile"] #modal-root .pln-wz.pln-okno .pln-czat .project-people-summary { display: grid; }
:root[data-ui="mobile"] #modal-root .pln-wz.pln-okno .pln-czat .project-chat-people { padding-top: var(--s-1); margin-bottom: var(--s-3); }
/* PN7f — przycisk „Wstecz” w oknach zestawień: strzałka 6 px od lewej krawędzi przycisku, jak we wzorze (stała w osi 13 px zamiast 19 px). */
:root[data-ui="mobile"] #modal-root .pln-wz.bom-okno .bom-wst { padding: 0 6px; }
/* PN7f — telefon poziomo: napis wątku i osoby wątku w jednym wierszu (jak wzór) — więcej miejsca na wiadomości. Panel czatu oddaje
   swoje części siatce karty (display: contents): wiersz 1 = napis + osoby, wiersz 2 = wiadomości, wiersz 3 = pole pisania. */
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.pln-okno .pln2.zak-czat > .pln-czat { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto; }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.pln-okno .pln-czat .project-chat-panel { display: contents; }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.pln-okno .pln-czat .pln-czh { grid-column: 1; grid-row: 1; padding-bottom: var(--s-2); border-bottom: 1px solid var(--line); margin-bottom: var(--s-3); }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.pln-okno .pln-czat .project-chat-people { grid-column: 2; grid-row: 1; padding: var(--s-2) var(--s-2) var(--s-2) 0; }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.pln-okno .pln-czat :is(.project-chat-history, .project-chat-compose, .project-chat-empty) { grid-column: 1 / -1; }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pln-wz.pln-okno .pln-czat .project-chat-panel.is-pelny .project-chat-compose { grid-row: 2 / 4; }   /* powiększone pole pisania zajmuje też miejsce wiadomości */