style

frontend/src/app/DocumentsRoute.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useAppShell } from '../appShellContext';
 import DocumentsLayout from './DocumentsLayout';
@@ -88,6 +88,13 @@ const DocumentsRouteContent = () => {
     onNavigateParent: handleNavigateParent,
   });
 
+  useEffect(() => {
+    document.body.classList.add('has-main-content');
+    return () => {
+      document.body.classList.remove('has-main-content');
+    };
+  }, []);
+
   if (!surface) {
     return (
       <DocumentsLayout sidebarProps={sidebarPropsWithActions}>