Refactor popup CSS for improved styling and media query handling

src/toolkit/themes/shared/popup-css.patch

@@ -1,21 +1,21 @@
 diff --git a/toolkit/themes/shared/popup.css b/toolkit/themes/shared/popup.css
-index a86b2e0e04769e25acbc6f7d2294dae895e3392e..dce7e1a2bdf52e616c987a04c0d5c1c1ede42676 100644
+index 648c65a9c21dc0e670b50c82cbfb237a68a951d9..cdce283353eecf42a70b7ea3a806703ba10d6a17 100644
 --- a/toolkit/themes/shared/popup.css
 +++ b/toolkit/themes/shared/popup.css
 @@ -30,8 +30,7 @@ panel {
    --background-color-canvas: var(--panel-background);
-
+ 
    @media (-moz-platform: linux) {
 -    --panel-border-radius: 8px;
 -    --panel-padding-block: 3px;
 +
-
+ 
      @media (prefers-contrast) {
        --panel-border-color: color-mix(in srgb, currentColor 60%, transparent);
 @@ -49,18 +48,7 @@ panel {
      --panel-border-radius: 0px !important;
    }
-
+ 
 -  @media (-moz-platform: macos) {
 -    appearance: auto;
 -    -moz-default-appearance: menupopup;
@@ -29,13 +29,14 @@ index a86b2e0e04769e25acbc6f7d2294dae895e3392e..dce7e1a2bdf52e616c987a04c0d5c1c1
 -    --panel-border-radius: 6px;
 -  }
 +
-
+ 
    &::part(content) {
      display: flex;
-@@ -199,6 +187,5 @@ panel[type="arrow"] {
+@@ -198,7 +186,6 @@ panel:where([type="arrow"]) {
      }
-
+ 
      &[animating] {
 -      pointer-events: none;
      }
    }
+ }