Refactor popup CSS for improved styling and responsiveness

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

@@ -4,18 +4,18 @@ index a86b2e0e04769e25acbc6f7d2294dae895e3392e..dce7e1a2bdf52e616c987a04c0d5c1c1
 +++ 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,13 @@ index a86b2e0e04769e25acbc6f7d2294dae895e3392e..dce7e1a2bdf52e616c987a04c0d5c1c1
 -    --panel-border-radius: 6px;
 -  }
 +
- 
+
    &::part(content) {
      display: flex;
 @@ -199,6 +187,5 @@ panel[type="arrow"] {
+     }
+
+     &[animating] {
+-      pointer-events: none;
+     }
    }
- 
-   &[animating] {
--    pointer-events: none;
-   }
- }