From 64a4619e2a8e28282c8f076aa131825544fa24d5 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Fri, 10 Jul 2026 03:13:17 +0000
Subject: [PATCH] =?UTF-8?q?CANON-041:=20fix=20investor-admin=20access-deni?=
 =?UTF-8?q?ed=20screen=20=E2=80=94=20100vh=20=E2=86=92=20100dvh?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The access-denied fallback screen rendered via investor-admin.js used
`min-height:100vh` (layout viewport, static) as an inline style. On
iOS Safari, 100vh includes the area behind the browser toolbar, so
the screen slightly overflows the visual viewport when the chrome
is visible. Swapping to `min-height:100dvh` anchors to the dynamic
viewport which tracks what is actually visible to the user.
---
 assets/investor-admin.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/investor-admin.js b/assets/investor-admin.js
index a5352fe4f..baaa3dca3 100644
--- a/assets/investor-admin.js
+++ b/assets/investor-admin.js
@@ -405,7 +405,7 @@
       const isAdmin = await verifyAdmin(session);
       if (!isAdmin) {
         document.body.innerHTML = `
-          <div style="display:flex;align-items:center;justify-content:center;min-height:100vh;
+          <div style="display:flex;align-items:center;justify-content:center;min-height:100dvh;
                       font-family:Inter,sans-serif;color:#b5bfd8;text-align:center;">
             <div>
               <p style="font-size:1.1rem;margin-bottom:1rem;">Access denied.</p>