/* ZADANIA — SZYBKIE PRZYPOMNIENIE na telefonie (24.10.2026): dzwonek zawsze widoczny i 44 px, menu jako arkusz od dołu z przyciemnionym tłem,
   pozycje ≥ 48 px. Wyłącznie :root[data-ui="mobile"]. Reszta: css/4-widoki/15f-zadania-przypomnienie-szybkie.css. */
:root[data-ui="mobile"] .zl-w .zl-przyp { opacity: 1; }
:root[data-ui="mobile"] :is(.zl-w .zp-dzwonek, .zt-karta .zp-dzwonek) { width: 44px; height: 44px; }
:root[data-ui="mobile"] .zp-szczegol { min-height: 44px; }
:root[data-ui="mobile"] .zp-fon { background: color-mix(in srgb, var(--text) 40%, transparent); }
:root[data-ui="mobile"] .zp-menu { top: auto; right: 0; bottom: 0; left: 0; width: auto; max-width: none; padding: var(--s-2) var(--s-2) calc(var(--s-3) + env(safe-area-inset-bottom)); border-width: 1px 0 0; border-radius: var(--r-lg) var(--r-lg) 0 0; }
:root[data-ui="mobile"] .zp-opcja { min-height: 48px; }
/* Telefon poziomo: ekran ma ~390 px wysokości — arkusz od dołu zasłaniałby listę i się przewijał, więc menu to zwarte okienko przy prawej krawędzi (pozycje 44 px). */
:root[data-ui="mobile"][data-telefon-poziomo] .zp-fon { background: transparent; }
:root[data-ui="mobile"][data-telefon-poziomo] .zp-menu { right: var(--s-4); bottom: var(--s-2); left: auto; width: 320px; max-height: calc(100vh / var(--skala-ui) - var(--s-4)); padding: var(--s-1); border-width: 1px; border-radius: var(--r); }
:root[data-ui="mobile"][data-telefon-poziomo] .zp-opcja { min-height: 44px; }