feat: ajustar layout abaixo do banner do Hub e ocultar targa no Modo Smart

src/pages/ModoSmart.tsx

@@ -73,6 +73,23 @@ export const ModoSmart: React.FC = () => {
     carregarProducaoHoje();
   }, [carregarProducaoHoje]);
 
+  // Modo Smart: Oculta a targa do BrainSteel Hub para maximizar a área de trabalho
+  useEffect(() => {
+    document.body.classList.add('modo-smart-active');
+    document.documentElement.style.setProperty('--hub-banner-height', '0px');
+    document.body.style.paddingTop = '0px';
+
+    return () => {
+      document.body.classList.remove('modo-smart-active');
+      const banner = document.getElementById('brainsteel-guard-banner');
+      if (banner) {
+        document.body.classList.add('has-hub-banner');
+        document.documentElement.style.setProperty('--hub-banner-height', '34px');
+        document.body.style.paddingTop = '34px';
+      }
+    };
+  }, []);
+
   const handleSelectObra = (of: OFAtiva) => {
     setObraAtiva(of);
     setTelaAtiva('hub');

src/pages/Visualizador3D.tsx

@@ -501,7 +501,7 @@ export default function Visualizador3D() {
   const hasSavedModel = Boolean(currentOFInfo?.ifc_url);
 
   return (
-    <div className="flex flex-col h-[calc(100vh-4rem)] p-4 md:p-6 space-y-4 max-w-[1920px] mx-auto overflow-hidden">
+    <div className="flex flex-col flex-1 min-h-0 p-4 md:p-6 space-y-4 max-w-[1920px] mx-auto overflow-hidden">
       {/* Top Header Bar */}
       <div className="flex flex-wrap items-center justify-between gap-4 p-4 bg-white dark:bg-slate-900/90 backdrop-blur-md border border-slate-200 dark:border-slate-800 rounded-2xl shadow-lg dark:shadow-xl">
         {/* Left: Title, OF Selector & Phase Filter */}