From 8c04e517bc352e1d0be33c7ef33a1eff20103032 Mon Sep 17 00:00:00 2001
From: Andy Charlwood <andrew.charlwood@gmail.com>
Date: Sun, 15 Feb 2026 02:05:19 +0000
Subject: [PATCH] feat: US-006 - Render live dashboard behind login with blur
 overlay

---
 src/App.tsx                    | 10 +++++-----
 src/components/LoginScreen.tsx |  6 +++++-
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index c646f17..1ac335c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -73,16 +73,16 @@ function App() {
           />
        )}
 
-        {phase === 'login' && (
-          <LoginScreen onComplete={() => setPhase('pmr')} />
-        )}
-
-        {phase === 'pmr' && (
+        {(phase === 'login' || phase === 'pmr') && (
           <DetailPanelProvider>
             <DashboardLayout />
           </DetailPanelProvider>
         )}
 
+        {phase === 'login' && (
+          <LoginScreen onComplete={() => setPhase('pmr')} />
+        )}
+
         {(phase === 'boot' || phase === 'ecg') && (
           <SkipButton onSkip={skipToLogin} />
         )}
diff --git a/src/components/LoginScreen.tsx b/src/components/LoginScreen.tsx
index d63bd87..4a96a0a 100644
--- a/src/components/LoginScreen.tsx
+++ b/src/components/LoginScreen.tsx
@@ -147,7 +147,11 @@ export function LoginScreen({ onComplete }: LoginScreenProps) {
   return (
     <div
       className="fixed inset-0 flex items-center justify-center z-50"
-      style={{ backgroundColor: '#1A2B2A' }}
+      style={{
+        backgroundColor: 'rgba(240, 245, 244, 0.7)',
+        backdropFilter: 'blur(20px)',
+        WebkitBackdropFilter: 'blur(20px)',
+      }}
       role="dialog"
       aria-label="Clinical system login"
       aria-modal="true"