Reduced unused styles injected by js

Author: MaxITService

buttons-init.js

@@ -225,19 +225,15 @@ window.MaxExtensionButtonsInit.createInlineProfileSelector = async function () {
         container.style.alignItems = 'center';
         container.style.gap = '4px';
         container.style.marginRight = '8px';
-
         const label = document.createElement('span');
         label.textContent = ''; // Could be text like "Profile: " - no text for compactness 
         label.style.fontSize = '12px';
         // Don't hardcode color - let it inherit from theme
-
         const select = document.createElement('select');
         select.title = 'Switch active profile';
         select.style.padding = '2px 16px 2px 4px'; // Add padding on right for arrow
         select.style.zIndex = '100000';
         select.style.appearance = 'auto'; // Ensure dropdown arrow is visible
-        select.style.webkitAppearance = 'auto'; // For Safari/Chrome
-        select.style.mozAppearance = 'auto'; // For Firefox
         select.style.backgroundImage = 'url("data:image/svg+xml;utf8,<svg fill=\'%23666\' height=\'24\' viewBox=\'0 0 24 24\' width=\'24\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M7 10l5 5 5-5z\'/></svg>")';
         select.style.backgroundRepeat = 'no-repeat';
         select.style.backgroundPosition = 'right 2px center';