REVERTED - Remove macOS shell window; restore full-bleed content

app/[locale]/(site)/layout.tsx

@@ -45,7 +45,6 @@ export default async function SiteLayout({ children, params }: SiteLayoutProps)
       <ScrollSmootherProvider />
       <SiteAmbientBackdrop />
       <SiteDock defaultLocale={siteSettings.defaultLocale} isSuperAdmin={authenticated} />
-      <div className="app-shell">
       <div id="smooth-wrapper">
         <div id="smooth-content">
           <div className="site-content-frame flex min-h-screen flex-col">
@@ -56,7 +55,6 @@ export default async function SiteLayout({ children, params }: SiteLayoutProps)
           </div>
         </div>
       </div>
-      </div>
     </>
   );
 }

app/globals.css

@@ -187,12 +187,8 @@ html[lang="ar"] .eyebrow {
 
   body {
     @apply min-h-screen text-foreground antialiased;
-    /* The "desktop" behind the shell window: a subtle brand-tinted wallpaper. */
+    background-color: hsl(var(--background));
-    background-color: hsl(var(--surface-3));
+    background-image: none;
-    background-image:
-      radial-gradient(1100px 780px at 12% -8%, hsl(var(--primary) / 0.16), transparent 55%),
-      radial-gradient(1000px 720px at 108% 112%, hsl(217 55% 45% / 0.16), transparent 55%);
-    background-attachment: fixed;
     font-family: inherit;
   }
 
@@ -907,39 +903,8 @@ html[lang="ar"] .eyebrow {
     0 0 30px rgba(220, 68, 22, 0.08);
 }
 
-/* ── App shell (macOS-style "window") ──
+/* ── ScrollSmoother wrapper ── */
-   Frames the scrolling content: the shell is a fixed, inset, rounded panel and
-   — because it sets a `transform` — it becomes the containing block for the
-   position:fixed #smooth-wrapper inside it, so ScrollSmoother's own inline
-   `inset:0; width/height:100%` sizes the wrapper to the SHELL, not the viewport.
-   The dock and corner controls render outside the shell, on the ambient desktop. */
-.app-shell {
-  position: fixed;
-  top: calc(env(safe-area-inset-top, 0px) + 12px);
-  left: 12px;
-  right: 12px;
-  bottom: calc(env(safe-area-inset-bottom, 0px) + 94px);
-  overflow: hidden;
-  border-radius: 28px;
-  border: 1px solid hsl(var(--foreground) / 0.12);
-  background: hsl(var(--background));
-  box-shadow:
-    0 40px 90px -30px rgba(0, 0, 0, 0.65),
-    inset 0 1px 0 hsl(var(--foreground) / 0.08);
-  transform: translateZ(0);
-}
 
-@media (max-width: 640px) {
-  .app-shell {
-    top: calc(env(safe-area-inset-top, 0px) + 8px);
-    left: 8px;
-    right: 8px;
-    bottom: calc(env(safe-area-inset-bottom, 0px) + 86px);
-    border-radius: 22px;
-  }
-}
-
-/* ── ScrollSmoother wrapper (fills the shell) ── */
 #smooth-wrapper {
   overflow: hidden;
   position: fixed;
@@ -955,17 +920,8 @@ html[lang="ar"] .eyebrow {
 }
 
 @media (prefers-reduced-motion: reduce) {
-  /* No ScrollSmoother: let the shell itself scroll its content natively. */
-  .app-shell {
-    overflow-y: auto;
-    overflow-x: hidden;
-    -webkit-overflow-scrolling: touch;
-  }
   #smooth-wrapper {
-    position: static;
-    inset: auto;
-    width: 100%;
-    height: auto;
     overflow: visible;
+    position: relative;
   }
 }