fix: merge B-157 and B-158 shell review blockers

Keep 1024-1439 broken/seal metrics in the detail panel, fold desktop admin actions into the ellipsis menu, and fit the 13-column limit pool at 1600 without hiding the data date.

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: multica-agent <github@multica.ai>

app/frontend/shared/components/cards.css

@@ -1,11 +1,15 @@
 /* Canonical CSS owner: cards. Historical layers consolidated 2026-08-02. */
 
 .stock-name {
-  font-weight: 700;
+  font-size: var(--fs-table);
+
+  font-weight: 600;
 }
 
 .stock-code {
-  color: var(--text-muted);
+  color: var(--text-3);
+
+  font-size: var(--fs-aux);
 
   font-variant-numeric: tabular-nums;
 }
@@ -49,25 +53,37 @@
 }
 
 .streak-pill {
-  background: var(--coral-soft);
-
-  color: var(--coral);
-
-  font-weight: 700;
-
   display: inline-flex;
 
   align-items: center;
 
-  min-height: 24px;
+  justify-content: center;
 
-  padding: 2px 8px;
+  min-width: 30px;
 
-  border-radius: 4px;
+  height: 20px;
+
+  padding: 0 7px;
+
+  border-radius: 999px;
+
+  background: var(--up-soft);
+
+  color: var(--up);
+
+  font-size: var(--fs-caption);
+
+  font-weight: 600;
 
   white-space: nowrap;
 }
 
+.streak-pill.high {
+  background: var(--up);
+
+  color: #fff;
+}
+
 .outcome-tag {
   display: inline-flex;
 
@@ -253,21 +269,29 @@
 }
 
 .sname {
-  font-weight: 700;
+  font-weight: 600;
 
-  font-size: 13px;
+  font-size: var(--fs-table);
 }
 
 .scode {
-  font-size: 11px;
+  font-size: var(--fs-aux);
 
-  color: var(--faint);
+  color: var(--text-3);
 
-  margin-left: 6px;
+  margin-left: 0;
 
   font-weight: 400;
 }
 
+.stock-cell {
+  display: flex;
+
+  flex-direction: column;
+
+  line-height: 1.3;
+}
+
 .muted {
   color: var(--faint);
 }

app/frontend/shared/components/controls.css

@@ -1010,7 +1010,7 @@ textarea {
 
 @media (min-width: 768px) {
   .header-menu-button {
-    display: none;
+    display: inline-flex;
   }
 }
 

app/frontend/shared/components/tables.css

@@ -14,13 +14,13 @@
 .data-table th.sort-asc::after {
   content: " ↑";
 
-  color: var(--blue);
+  color: var(--accent);
 }
 
 .data-table th.sort-desc::after {
   content: " ↓";
 
-  color: var(--blue);
+  color: var(--accent);
 }
 
 .data-table tbody tr td {
@@ -114,9 +114,9 @@
 
   text-align: left;
 
-  height: 42px;
+  height: 40px;
 
-  padding: 8px 11px;
+  padding: 0 12px;
 
   border-right: 0px;
 
@@ -214,7 +214,9 @@
 .data-table .stock-name {
   color: var(--text-primary);
 
-  font-weight: 700;
+  font-size: var(--fs-table);
+
+  font-weight: 600;
 }
 
 .main-grid > .table-frame {
@@ -278,9 +280,9 @@
 }
 
 .main-grid .data-table thead th {
-  height: 34px;
+  height: 36px;
 
-  padding: 6px 10px;
+  padding: 0 12px;
 }
 
 .main-grid .data-table tbody td {
@@ -339,8 +341,16 @@
   margin-left: 3px;
 }
 
-.tbl thead th.sorted .arr {
-  color: var(--blue);
+.tbl thead th.sorted,
+.data-table thead th.sorted,
+.data-table thead th.sort-asc,
+.data-table thead th.sort-desc {
+  color: var(--accent);
+}
+
+.tbl thead th.sorted .arr,
+.data-table thead th.sorted .arr {
+  color: var(--accent);
 }
 
 .tbl tbody td {