big improvements and bugs

src/mail/email_viewer.tcss

@@ -183,11 +183,30 @@ EnvelopeListItem.unread .email-subject {
   text-style: bold;
 }
 
-/* Selected message styling */
+/* Selected/checked message styling (for multi-select) */
 EnvelopeListItem.selected {
   tint: $accent 20%;
 }
 
+/* Currently highlighted/focused item styling - more prominent */
+EnvelopeListItem.highlighted {
+  background: $primary-darken-1;
+}
+
+EnvelopeListItem.highlighted .sender-name {
+  color: $text;
+  text-style: bold;
+}
+
+EnvelopeListItem.highlighted .email-subject {
+  color: $text;
+  text-style: bold;
+}
+
+EnvelopeListItem.highlighted .message-datetime {
+  color: $secondary-lighten-2;
+}
+
 /* GroupHeader - date group separator */
 GroupHeader {
   height: 1;
@@ -254,12 +273,30 @@ GroupHeader .group-header-label {
     background: $surface-darken-1;
   }
   
-  & > ListItem {
-    &.-highlight, .selection {
-      color: $block-cursor-blurred-foreground;
-      background: $block-cursor-blurred-background;
-      text-style: $block-cursor-blurred-text-style;
-    }
+  /* Currently highlighted/focused item - make it very visible */
+  & > ListItem.-highlight {
+    background: $primary-darken-2;
+    color: $text;
+    text-style: bold;
+  }
+  
+  /* Highlighted item's child elements */
+  & > ListItem.-highlight EnvelopeListItem {
+    tint: $primary 30%;
+  }
+  
+  & > ListItem.-highlight .sender-name {
+    color: $text;
+    text-style: bold;
+  }
+  
+  & > ListItem.-highlight .email-subject {
+    color: $text;
+    text-style: bold;
+  }
+  
+  & > ListItem.-highlight .message-datetime {
+    color: $secondary-lighten-2;
   }
 }