diff --git a/frontend/src/components/layout/AppLayout.tsx b/frontend/src/components/layout/AppLayout.tsx
index c300cac..ddd1929 100644
--- a/frontend/src/components/layout/AppLayout.tsx
+++ b/frontend/src/components/layout/AppLayout.tsx
@@ -14,8 +14,8 @@ export default function AppLayout() {
   const [mobileOpen, setMobileOpen] = useState(false);
 
   return (
-    <AlertsProvider>
-      <LockProvider>
+    <LockProvider>
+      <AlertsProvider>
         <div className="flex h-screen overflow-hidden bg-background">
           <Sidebar
             collapsed={collapsed}
@@ -37,7 +37,7 @@ export default function AppLayout() {
           </div>
         </div>
         <LockOverlay />
-      </LockProvider>
-    </AlertsProvider>
+      </AlertsProvider>
+    </LockProvider>
   );
 }
diff --git a/frontend/src/hooks/useAlerts.tsx b/frontend/src/hooks/useAlerts.tsx
index cd971fd..fdf5a67 100644
--- a/frontend/src/hooks/useAlerts.tsx
+++ b/frontend/src/hooks/useAlerts.tsx
@@ -5,6 +5,7 @@ import { toast } from 'sonner';
 import { Bell, X } from 'lucide-react';
 import api from '@/lib/api';
 import { getRelativeTime, toLocalDatetime } from '@/lib/date-utils';
+import { useLock } from '@/hooks/useLock';
 import SnoozeDropdown from '@/components/reminders/SnoozeDropdown';
 import type { Reminder } from '@/types';
 
@@ -29,6 +30,7 @@ export function useAlerts() {
 export function AlertsProvider({ children }: { children: ReactNode }) {
   const queryClient = useQueryClient();
   const location = useLocation();
+  const { isLocked } = useLock();
   const firedRef = useRef<Set<number>>(new Set());
   const prevPathnameRef = useRef(location.pathname);
   const isDashboard = location.pathname === '/' || location.pathname === '/dashboard';
@@ -186,12 +188,20 @@ export function AlertsProvider({ children }: { children: ReactNode }) {
     }
   }
 
-  // Unified toast management — single effect handles both route changes and new alerts
+  // Unified toast management — single effect handles route changes, lock state, and new alerts
   useEffect(() => {
     const wasOnDashboard = prevPathnameRef.current === '/' || prevPathnameRef.current === '/dashboard';
     const nowOnDashboard = isDashboard;
     prevPathnameRef.current = location.pathname;
 
+    // Suppress toasts while locked — dismiss any visible ones
+    if (isLocked) {
+      alerts.forEach((a) => toast.dismiss(`reminder-${a.id}`));
+      toast.dismiss('reminder-summary');
+      firedRef.current.clear();
+      return;
+    }
+
     if (nowOnDashboard) {
       // On dashboard — dismiss all toasts, banner takes over
       alerts.forEach((a) => toast.dismiss(`reminder-${a.id}`));
@@ -207,7 +217,7 @@ export function AlertsProvider({ children }: { children: ReactNode }) {
 
     // On non-dashboard page — fire toasts for any unfired alerts
     fireToasts(alerts);
-  }, [location.pathname, isDashboard, alerts]);
+  }, [location.pathname, isDashboard, alerts, isLocked]);
 
   return (
     <AlertsContext.Provider value={{ alerts, dismiss: handleDismiss, snooze: handleSnooze }}>