diff --git a/src/app/global.css b/src/app/global.css index 61f2c223..8ab7c6a9 100644 --- a/src/app/global.css +++ b/src/app/global.css @@ -2,6 +2,8 @@ @tailwind components; @tailwind utilities; +/* FP-MTMS Version Checklist | Functions Ref. No. 57 | v1.0.0 | 2026-08-06 */ + /* UI standard: light default, primary #3b82f6, accent #10b981 */ @layer base { :root { @@ -41,11 +43,14 @@ html:has([data-po-workbench-layout]) body { /* Tablet/mobile: stable layout when virtual keyboard opens */ html { - /* Prefer dynamic viewport height so layout can adapt to keyboard (if browser resizes) */ - height: 100%; + /* min-height (not height) so the document can grow with content; + fixed height: 100% locked the box to the viewport and exposed white below long pages. */ + min-height: 100%; + min-height: 100dvh; /* Base font size: slightly larger for readability */ font-size: 16px; } + @media (min-width: 640px) { html { font-size: 17px;