| @@ -2,6 +2,8 @@ | |||||
| @tailwind components; | @tailwind components; | ||||
| @tailwind utilities; | @tailwind utilities; | ||||
| /* FP-MTMS Version Checklist | Functions Ref. No. 57 | v1.0.0 | 2026-08-06 */ | |||||
| /* UI standard: light default, primary #3b82f6, accent #10b981 */ | /* UI standard: light default, primary #3b82f6, accent #10b981 */ | ||||
| @layer base { | @layer base { | ||||
| :root { | :root { | ||||
| @@ -41,11 +43,14 @@ html:has([data-po-workbench-layout]) body { | |||||
| /* Tablet/mobile: stable layout when virtual keyboard opens */ | /* Tablet/mobile: stable layout when virtual keyboard opens */ | ||||
| html { | 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 */ | /* Base font size: slightly larger for readability */ | ||||
| font-size: 16px; | font-size: 16px; | ||||
| } | } | ||||
| @media (min-width: 640px) { | @media (min-width: 640px) { | ||||
| html { | html { | ||||
| font-size: 17px; | font-size: 17px; | ||||