colocar pra salvar quando eu colocar a cor do Nome da Empresa - Follow Up Deployment

index.html

@@ -523,6 +523,10 @@
             <label class="block text-sm font-medium mb-1">Nome da Empresa</label>
             <input type="text" id="company-name" class="w-full p-2 border rounded text-sm" required>
             <p class="text-xs text-gray-500 mt-1">Obrigatório se não houver logo</p>
+            <div class="mt-2">
+                <label class="block text-xs mb-1">Cor do Texto</label>
+                <input type="color" id="company-name-color" value="#000000" class="w-full h-8">
+            </div>
         </div>
         
         <div class="mb-3">
@@ -1657,6 +1661,7 @@
             const customizations = {
                 logo: logo,
                 companyName: companyName,
+                companyNameColor: document.getElementById('company-name-color').value,
                 headerColor: document.getElementById('header-color').value,
                 bgColor: document.getElementById('bg-color').value,
                 footerColor: document.getElementById('footer-color').value,
@@ -1717,6 +1722,10 @@
                 document.getElementById('company-name').value = customizations.companyName;
                 document.getElementById('company-logo').classList.add('hidden');
                 document.getElementById('company-name-display').classList.remove('hidden');
+                if (customizations.companyNameColor) {
+                    document.getElementById('company-name-display').style.color = customizations.companyNameColor;
+                    document.getElementById('company-name-color').value = customizations.companyNameColor;
+                }
                 document.getElementById('logo-preview').src = '';
                 document.getElementById('logo-preview').classList.add('hidden');
                 document.getElementById('logo-upload').value = '';
@@ -1741,6 +1750,17 @@
             }
         }
 
+        // Handle company name color change
+        document.getElementById('company-name-color').addEventListener('input', function() {
+            const color = this.value;
+            document.getElementById('company-name-display').style.color = color;
+            
+            // Save to customizations
+            const customizations = JSON.parse(localStorage.getItem('panelCustomizations')) || {};
+            customizations.companyNameColor = color;
+            localStorage.setItem('panelCustomizations', JSON.stringify(customizations));
+        });
+
         // Load customizations when panel opens
         document.getElementById('customize-btn').addEventListener('click', loadCustomizations);
 
@@ -1781,6 +1801,7 @@
             // Prepare customizations object
             const customizations = {
                 companyName: companyName,
+                companyNameColor: document.getElementById('company-name-color').value,
                 headerColor: document.getElementById('header-color').value,
                 bgColor: document.getElementById('bg-color').value,
                 footerColor: document.getElementById('footer-color').value,
@@ -1837,6 +1858,9 @@
             // Update title if company name exists
             if (customizations.companyName) {
                 document.title = `${customizations.companyName} - Sistema de Avaliação de Vôlei`;
+                if (customizations.companyNameColor) {
+                    document.getElementById('company-name-display').style.color = customizations.companyNameColor;
+                }
             }
 
             // Save to localStorage