/* ==========================================================================
   9-telefon/25-czat-zamknij.css — „×” w oknie czatu na telefonie (zgłoszenie właściciela 19.10.2026)
   Reszta i uzasadnienie: 4-widoki/28b-czat-zamknij.css. Tu tylko to, czego telefon nie dziedziczy:
   • „Wiadomości” z nagłówka okna zostaje ukryte (reguła telefonu `.modal > header :is(h2, h3)` pokazywała je na przycisku),
   • miejsce pod „×” w pierwszym rzędzie obu widoków: lista (szukajka) i rozmowa (awatary, „N os.”) — telefon ma własne
     odstępy pierwszego rzędu o większej sile niż reguła ogólna.
   Przycisk ma 44 px (--h-control na dotyku) i stoi w prawym górnym rogu karty, jak „×” w Kalkulatorze.
   ========================================================================== */
:root[data-ui="mobile"] #modal-root .modal.message-hub-modal > header h2 { display: none; }
:root[data-ui="mobile"] #modal-root .message-hub-sidebar .mh-glowa { padding-right: var(--czat-zamknij); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .message-hub-thread .project-chat-people { padding-right: var(--czat-zamknij); }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .message-hub-thread .project-chat-people { padding-right: var(--czat-zamknij); }
/* Telefon poziomo, rozmowa: nagłówek jest niski (52 px) — „×” 44 px wyśrodkowany w nim, nie 12 px od góry. */
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .modal.message-hub-modal:has(.message-hub[data-mobilny-widok="rozmowa"]) > header > .icon-button[data-action="close-modal"] { top: var(--s-1); }