fix: restyle sentiment cycle page head (borderless, rounded segment, outlined export)

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

app/config/architecture-inventory.json

@@ -370,9 +370,9 @@
     }
   ],
   "css_layers": [
-    "/shared/tokens.css?v=20260820-4",
+    "/shared/tokens.css?v=20260820-3",
     "/shared/base.css?v=20260806-1",
-    "/shared/shell.css?v=20260822-2",
+    "/shared/shell.css?v=20260820-8",
     "/shared/auth.css?v=20260820-5",
     "/shared/components/controls.css?v=20260820-2",
     "/shared/components/navigation.css?v=20260820-1",
@@ -451,8 +451,8 @@
     },
     {
       "path": "frontend/shared/shell.css",
-      "bytes": 63656,
-      "lines": 3761
+      "bytes": 63550,
+      "lines": 3757
     },
     {
       "path": "backend/features/heaven/engine.py",

app/frontend/index.html

@@ -17,9 +17,9 @@
       document.documentElement.style.colorScheme = theme;
     })();
   </script>
-  <link rel="stylesheet" href="/shared/tokens.css?v=20260820-4">
+  <link rel="stylesheet" href="/shared/tokens.css?v=20260820-3">
   <link rel="stylesheet" href="/shared/base.css?v=20260806-1">
-  <link rel="stylesheet" href="/shared/shell.css?v=20260822-2">
+  <link rel="stylesheet" href="/shared/shell.css?v=20260820-8">
   <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/sentiment/foundation.css

@@ -948,13 +948,33 @@
 }
 
 .redesigned-page-head #sentimentExportButton {
-  min-height: 28px;
+  min-height: 32px;
 
-  height: 28px;
+  height: 32px;
 
-  padding: 0px 11px;
+  padding: 0px 12px;
+
+  border: 1px solid var(--border-strong);
+
+  border-radius: 8px;
+
+  background: var(--surface);
+
+  color: var(--text-primary);
 
   font-size: 12px;
+
+  font-weight: 500;
+}
+
+.redesigned-page-head #sentimentExportButton:hover {
+  border-color: var(--r2-blue-line);
+
+  color: var(--r2-blue);
+}
+
+#sentimentCycleView .sentiment-cycle-toolbar .toolbar-controls {
+  gap: 8px;
 }
 
 .redesigned-card-head .sentiment-auto-tag,
@@ -1598,7 +1618,7 @@
   background: var(--surface);
 }
 
-:root[data-theme="dark"] :is(.sentiment-cycle-toolbar, .tbl-tools) {
+:root[data-theme="dark"] .tbl-tools {
   border-color: var(--line-soft);
 
   background: var(--surface);
@@ -1612,7 +1632,7 @@
   color: var(--warning-color);
 }
 
-:root[data-theme="dark"] #sentimentCycleView :is(.sentiment-current-tag, .sentiment-auto-tag, .sentiment-detail-toolbar, .section-toolbar) {
+:root[data-theme="dark"] #sentimentCycleView :is(.sentiment-current-tag, .sentiment-auto-tag, .sentiment-detail-toolbar) {
   border-color: var(--border);
 
   background: var(--surface-muted);

app/frontend/shared/shell.css

@@ -1294,7 +1294,7 @@ body.sidebar-collapsed {
 }
 
 .sidebar-brand {
-  min-height: var(--topbar-height);
+  min-height: 55px;
 
   display: flex;
 
@@ -3755,7 +3755,3 @@ body.mobile-shell[data-active-view="heavenView"] .app-header .overview-strip[dat
   overflow: hidden;
 }
 
-body[data-active-view="heavenView"] .app-header .header-actions {
-  margin-left: auto;
-}
-

app/frontend/shared/tokens.css

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