Email reader: two-row action layout — Summary+More above, Reply/Forward/AI reply below

Restructure the action cluster so it stays as two visible rows inside
.email-reader-actions instead of flattening via display:contents:
- Top row: Summary, More
- Bottom row: Reply, Reply all (conditional), Forward, AI reply
Dropped the Search button — wasn't part of the requested layout.

CSS: .email-reader-actions becomes flex column with both rows
right-aligned; .email-reader-actions-row becomes a real flex row
(no more display:contents flattening) so each row stays on its own
line. Whole block continues to sit beside the From/To meta inside
.email-reader-header.

static/style.css

@@ -28078,23 +28078,19 @@ button .spinner-whirlpool {
   .recipient-chip { flex-shrink: 0; }
 }
 .email-reader-actions {
-  display: flex; gap: 4px; flex-wrap: wrap; align-items: center;
+  display: flex; flex-direction: column; gap: 4px; align-items: flex-end;
   flex-shrink: 0;
-  justify-content: flex-end;
   margin-top: -4px;
 }
-/* The HTML wraps the buttons in two .email-reader-actions-row divs (primary
-   + secondary). On mobile those flatten via `display: contents` inside the
-   max-width:768px block; apply the same here so the whole row stays on one
-   line on desktop too. */
+/* Two stacked rows inside .email-reader-actions:
+     primary   — Summary + More (top)
+     secondary — Reply / Reply all / Forward / AI reply (bottom) */
 .email-reader-actions-row {
-  display: contents;
-}
-/* Pin the More button to the far right of the flattened flex row — it
-   sits at position 5 in the primary row's source order, so without an
-   explicit order the secondary AI/Summary buttons land after it. */
-.email-reader-actions .email-reader-more-wrap {
-  order: 99;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 4px;
 }
 .email-reader-atts {
   display: flex; flex-wrap: wrap; gap: 6px;