Remove individual form item hover effects from Push Notifications panel - glow only on containers

Author: whosthatguy

src/components/settings/panels/PushNotificationPanel.styles.ts

@@ -17,40 +17,10 @@ export const PanelWrapper = styled.div`
     margin: 1.5rem 0;
   }
 
-  /* Subtle form item hover effect */
+  /* Remove hover effects from form items - no glow on individual items */
   .ant-form-item {
-    transition: background 0.3s ease;
     padding: 0.75rem;
     border-radius: 6px;
     margin-bottom: 0.75rem;
-
-    &:hover {
-      background: rgba(0, 255, 255, 0.02);
-    }
-  }
-
-  /* Input hover effects to match cyan theme */
-  .ant-input,
-  .ant-input-number,
-  .ant-select-selector,
-  .ant-input-password {
-    transition: all 0.3s ease;
-
-    &:hover:not(:focus) {
-      border-color: rgba(0, 255, 255, 0.3) !important;
-    }
-
-    &:focus,
-    &:focus-within {
-      border-color: rgba(0, 255, 255, 0.5) !important;
-      box-shadow: 0 0 0 2px rgba(0, 255, 255, 0.1) !important;
-    }
-  }
-
-  /* Switch hover effects */
-  .ant-switch {
-    &:hover:not(.ant-switch-disabled) {
-      background-color: rgba(0, 255, 255, 0.3);
-    }
   }
 `;