/* ============================================================================
   25s-design-czat.css — OKNO DESIGN: zakładka „Czat” (komputer, tablet) — 18.10.2026
   ----------------------------------------------------------------------------
   Wzór: PROJEKT-OKIEN\artefakt\Design.html — `.dsg-czat` (B65), `.dsg2.fill`, zakładka z licznikiem `.dsg-n`. Panel to TEN SAM czat co „Czat etapu”
   w oknie Plany (klasa .pln-czat — 25b-plany-okno.css, 25f, 25p dają osoby wątku, pole wiadomości, „Aa”); tu tylko: panel jako treść zakładki
   na całą wysokość okna (lista wiadomości przewija się w środku), krótkie nazwy zakładek i licznik. Telefon: css/9-telefon/22b-design-czat.css.
   Logika: okna/design-czat.js.
   ============================================================================ */
/* krótkie nazwy zakładek istnieją tylko na telefonie pionowo (9-telefon/22b-design-czat.css); licznik wiadomości jak w zakładkach Planów */
.dsg-ts { display: none; }
.dsg-tabs .dsg-n { margin-left: var(--s-2); font-weight: var(--w-strong); }
.dsg-n:empty { display: none; }
/* panel czatu: ramka jak karty okna, wysokość = cała treść okna (zakładka „Czat” nie przewija okna — przewija się lista wiadomości) */
:root:not([data-ui="mobile"]) .design-editor-body[data-dsg-tab-aktywna="czat"] { overflow: hidden; }
:root:not([data-ui="mobile"]) .design-editor-body[data-dsg-tab-aktywna="czat"] > .dsg-wr { flex: 1 1 0; min-height: 0; }
:root:not([data-ui="mobile"]) .dsg-tp[data-dsg-panel="czat"]:not([hidden]) { flex: 1 1 0; min-height: 0; }
.dsg-czat-miejsce { display: flex; flex-direction: column; flex: 1 1 0; min-height: 0; }
.pln-czat.dsg-czat { display: flex; flex-direction: column; flex: 1 1 0; min-height: 0; border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); overflow: hidden; }
.dsg-czat .project-chat-panel { flex: 1 1 auto; min-height: 0; }
.dsg-czat-laduje { margin: auto; color: var(--text-faint); font-size: var(--t-sm); }
/* osoby wątku pod napisem panelu — ten sam odstęp i linia co w czacie Planów (25b, PN7d/PN7e: tam pod .pln-wz; ogólne reguły czatu dla dotyku zdejmują im odstęp) */
.modal.design-modal .dsg-czat .project-chat-people { padding: 0 var(--s-2) var(--s-2) var(--s-4); border-bottom: 1px solid var(--line); }