From 5212758698f29ba5b96c22b23a8a4cb81fcaedcb Mon Sep 17 00:00:00 2001
From: pewdiepie-archdaemon <pewdiepie-archdaemon@users.noreply.github.com>
Date: Fri, 12 Jun 2026 23:19:53 +0900
Subject: [PATCH] Email reader mobile: force-disable overlay box-shadow with
 !important

---
 static/style.css | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/static/style.css b/static/style.css
index 3f3a3bad7..013e20798 100644
--- a/static/style.css
+++ b/static/style.css
@@ -28348,10 +28348,13 @@ button .spinner-whirlpool {
   }
 }
 /* Mobile: drop the overlay shadow (gradient fade alone reads cleaner
-   on phone screens) and lift the cluster 1px more. */
+   on phone screens) and lift the cluster 1px more. !important
+   needed because the @container query overlay rule above has the
+   same selector specificity and the cascade isn't reliably picking
+   the later rule when both fire. */
 @media (max-width: 768px) {
   .email-reader-meta > .email-reader-actions-inline {
-    box-shadow: none;
+    box-shadow: none !important;
     margin-top: -10px;
   }
 }