Flatten dashboard sections and emphasize data regions

app/watchlist/page.tsx

@@ -274,6 +274,7 @@ export default function WatchlistPage() {
         <Panel
           title="Coverage Board"
           subtitle={`${items.length} tracked companies across backlog, active work, and archive.`}
+          variant="surface"
           actions={(
             <div className="flex w-full flex-col gap-2 sm:w-auto sm:flex-row">
               <Input
@@ -452,7 +453,7 @@ export default function WatchlistPage() {
                 ))}
               </div>
 
-              <div className="hidden overflow-x-auto lg:block">
+              <div className="data-table-wrap hidden lg:block">
                 <table className="data-table min-w-[1120px]">
                   <thead>
                     <tr>
@@ -621,6 +622,7 @@ export default function WatchlistPage() {
         <Panel
           title={editingItemId === null ? 'Add Coverage' : 'Edit Coverage'}
           subtitle={editingItemId === null ? 'Create a new company coverage record.' : 'Update metadata, priority, and workflow status.'}
+          variant="surface"
         >
           <form onSubmit={saveCoverage} className="space-y-3">
             <div>