/* ============================================================================
   22b-design-czat.css — OKNO DESIGN: zakładka „Czat” na telefonie (pion i poziom) — 18.10.2026
   ----------------------------------------------------------------------------
   Wzór: PROJEKT-OKIEN\artefakt\Design.html — B67 (panel czatu na CAŁĄ wysokość okna, lista wiadomości przewija się w środku, pole zawsze widoczne),
   `.ramka.tel .dsg-tab .dsg-kr { display: none }` (krótkie nazwy zakładek pionowo). Wszystko pod :root[data-ui="mobile"]
   (pion: :not([data-telefon-poziomo]), poziom: [data-telefon-poziomo]). Komputer i tablet: 4-widoki/25s-design-czat.css.
   ============================================================================ */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .dsg-tab .dsg-tl { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .dsg-tab .dsg-ts { display: inline; }
/* zakładka „Czat”: okno nie przewija się, panel dostaje całą wysokość pod menu Design i zakładkami; przewija się tylko lista wiadomości */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .design-workspace:has(> .design-editor-body[data-dsg-tab-aktywna="czat"]) { grid-template-rows: auto minmax(0, 1fr); overflow: hidden; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .design-editor-body[data-dsg-tab-aktywna="czat"] { overflow: hidden; }
:root[data-ui="mobile"] .modal > .design-editor-shell:has(.design-editor-body[data-dsg-tab-aktywna="czat"]) { grid-template-rows: minmax(0, 1fr); }
/* nagłówek panelu jak w czacie Planów (PN7e): osoby wątku u góry, bez przyklejania (ogólna reguła telefonu dla .pln-czh przykleja go pod paskiem okna) */
:root[data-ui="mobile"] #modal-root .dsg-czat .pln-czh { position: static; }
:root[data-ui="mobile"] #modal-root .dsg-czat .project-people-summary { display: grid; }
:root[data-ui="mobile"] #modal-root .dsg-czat .project-chat-people { padding-top: var(--s-1); margin-bottom: var(--s-3); }
/* telefon poziomo (wzór: B67): okno jest niskie — panel ma wysokość całego widocznego okna (--dsg-cz-h, liczy ją design-czat.js), reszta okna przewija się nad nim;
   napis wątku i osoby w jednym wierszu, bez objaśnienia zasięgu wiadomości (jak PN7f w Planach) */
:root[data-ui="mobile"][data-telefon-poziomo] .dsg-czat { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto; flex: none; height: var(--dsg-cz-h, auto); }
:root[data-ui="mobile"][data-telefon-poziomo] .dsg-czat .project-chat-panel { display: contents; }
:root[data-ui="mobile"][data-telefon-poziomo] .dsg-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] .dsg-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] .dsg-czat :is(.project-chat-history, .project-chat-compose, .project-chat-empty) { grid-column: 1 / -1; }
:root[data-ui="mobile"][data-telefon-poziomo] .dsg-czat .chat-public-note { display: none; }