Fix portfolio matrix right-edge overflow in fullscreen

app/portfolio/page.tsx

@@ -246,7 +246,7 @@ export default function PortfolioPage() {
           ) : holdings.length === 0 ? (
             <p className="text-sm text-[color:var(--terminal-muted)]">No holdings added yet.</p>
           ) : (
-            <div className="overflow-x-auto">
+            <div className="max-w-full overflow-x-auto">
               <table className="data-table min-w-[780px]">
                 <thead>
                   <tr>

components/shell/app-shell.tsx

@@ -104,7 +104,7 @@ export function AppShell({ title, subtitle, actions, children }: AppShellProps)
           </div>
         </aside>
 
-        <div className="flex-1">
+        <div className="min-w-0 flex-1">
           <header className="mb-6 rounded-2xl border border-[color:var(--line-weak)] bg-[color:var(--panel)] px-6 py-5 shadow-[0_0_0_1px_rgba(0,255,180,0.05),0_14px_40px_rgba(1,4,10,0.5)]">
             <div className="flex flex-wrap items-start justify-between gap-4">
               <div>
@@ -147,7 +147,7 @@ export function AppShell({ title, subtitle, actions, children }: AppShellProps)
             })}
           </nav>
 
-          <main className="space-y-6">{children}</main>
+          <main className="min-w-0 space-y-6">{children}</main>
         </div>
       </div>
     </div>

components/ui/panel.tsx

@@ -12,7 +12,7 @@ export function Panel({ title, subtitle, actions, children, className }: PanelPr
   return (
     <section
       className={cn(
-        'rounded-2xl border border-[color:var(--line-weak)] bg-[color:var(--panel)] p-5 shadow-[0_0_0_1px_rgba(0,255,180,0.03),0_12px_30px_rgba(1,4,10,0.45)]',
+        'min-w-0 rounded-2xl border border-[color:var(--line-weak)] bg-[color:var(--panel)] p-5 shadow-[0_0_0_1px_rgba(0,255,180,0.03),0_12px_30px_rgba(1,4,10,0.45)]',
         className
       )}
     >