HEL-33: align sidebar brand height with topbar and status bar with collapse button

- .sidebar-brand min-height 55px -> var(--topbar-height) so brand top/bottom align with app-header (64px)
- --size-statusbar 28px -> 38px so status bar top/bottom align with sidebar collapse button (38px)
- bump tokens.css and shell.css cache-busting versions in index.html

Co-authored-by: multica-agent <github@multica.ai>

app/config/architecture-inventory.json

@@ -370,9 +370,9 @@
     }
   ],
   "css_layers": [
-    "/shared/tokens.css?v=20260820-3",
+    "/shared/tokens.css?v=20260820-4",
     "/shared/base.css?v=20260806-1",
-    "/shared/shell.css?v=20260820-8",
+    "/shared/shell.css?v=20260820-9",
     "/shared/auth.css?v=20260820-5",
     "/shared/components/controls.css?v=20260820-2",
     "/shared/components/navigation.css?v=20260820-1",
@@ -451,7 +451,7 @@
     },
     {
       "path": "frontend/shared/shell.css",
-      "bytes": 63550,
+      "bytes": 63566,
       "lines": 3757
     },
     {
@@ -471,8 +471,8 @@
     },
     {
       "path": "frontend/pages/auction/foundation.css",
-      "bytes": 35329,
+      "bytes": 35247,
-      "lines": 2420
+      "lines": 2416
     },
     {
       "path": "database.py",

app/frontend/index.html

@@ -17,9 +17,9 @@
       document.documentElement.style.colorScheme = theme;
     })();
   </script>
-  <link rel="stylesheet" href="/shared/tokens.css?v=20260820-3">
+  <link rel="stylesheet" href="/shared/tokens.css?v=20260820-4">
   <link rel="stylesheet" href="/shared/base.css?v=20260806-1">
-  <link rel="stylesheet" href="/shared/shell.css?v=20260820-8">
+  <link rel="stylesheet" href="/shared/shell.css?v=20260820-9">
   <link rel="stylesheet" href="/shared/auth.css?v=20260820-5">
   <link rel="stylesheet" href="/shared/components/controls.css?v=20260820-2">
   <link rel="stylesheet" href="/shared/components/navigation.css?v=20260820-1">

app/frontend/pages/auction/foundation.css

@@ -2102,10 +2102,6 @@
     overflow: hidden;
   }
 
-  body[data-active-view="auctionView"] .overview-strip {
-    flex: 0 0 auto;
-  }
-
   body[data-active-view="auctionView"] #auctionView.active-view {
     min-height: 0px;
 

app/frontend/pages/popularity/foundation.css

@@ -619,10 +619,6 @@
     overflow: hidden;
   }
 
-  body[data-active-view="popularityView"] .overview-strip {
-    flex: 0 0 auto;
-  }
-
   body[data-active-view="popularityView"] #popularityView.active-view {
     min-height: 0px;
 

app/frontend/pages/themes/foundation.css

@@ -1089,10 +1089,6 @@
     overflow: hidden;
   }
 
-  body[data-active-view="themeLibraryView"] .overview-strip {
-    flex: 0 0 auto;
-  }
-
   body[data-active-view="themeLibraryView"] #themeLibraryView.active-view {
     min-height: 0px;
 

app/frontend/shared/shell.css

@@ -1294,7 +1294,7 @@ body.sidebar-collapsed {
 }
 
 .sidebar-brand {
-  min-height: 55px;
+  min-height: var(--topbar-height);
 
   display: flex;
 

app/frontend/shared/tokens.css

@@ -58,7 +58,7 @@
   --size-sidebar: 200px;
   --size-topbar: 64px;
   --size-summary: 0px;
-  --size-statusbar: 28px;
+  --size-statusbar: 38px;
   --size-page-pad-y: 14px;
   --size-page-pad-x: 16px;
   --size-card-gap: 12px;