/* Jedno przewijanie treści zadania i rozmowy; przyciski zapisu pozostają w stopce. */
:root[data-ui="mobile"] #modal-root .serwis-okno { width: 100%; height: 100dvh; max-height: 100dvh; border-radius: 0; }
:root[data-ui="mobile"] .serwis-kolumny, :root[data-ui="mobile"] .serwis-pola { grid-template-columns: minmax(0, 1fr); }
:root[data-ui="mobile"] .serwis-cialo { padding: var(--s-3) var(--s-4); }
:root[data-ui="mobile"] #modal-root .serwis-okno > footer { flex-wrap: wrap; }
:root[data-ui="mobile"] #modal-root .serwis-okno > footer .spacer { display: none; }

:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .serwis-okno > header h2 { font-size: var(--t-lg); }   /* poziomo tytuł okna ma 16 px jak w pozostałych oknach (2-okna.css); 24.10.2026 miał 19 px */
:root[data-ui="mobile"] #modal-root .serwis-okno > header p { display: block; }

:root[data-ui="mobile"] #modal-root .serwis-okno > footer .button { height: var(--h-control); min-height: var(--h-control); font-size: var(--t-control); }

/* telefon poziomo: okno serwisowe = pełny ekran jak każde okno na telefonie (wzór; wcześniej 24 px marginesu) — rząd wyżej (width/height 100%) */
/* „x” przy osobie w oknie Gwarancja: kropka nadal 16 px, pole dotyku 44 px (odstęp w polu, ujemny margines, tło tylko pod kropką) */
:root[data-ui="mobile"] #modal-root .warranty-modal .project-participant-chip button { box-sizing: content-box; padding: calc((var(--h-control) - var(--s-4)) / 2); margin: calc((var(--h-control) - var(--s-4)) / -2); background-clip: content-box; }