From 573f156a82ecd5da43144d819c91fdae0c951b3a Mon Sep 17 00:00:00 2001
From: Ghassan Yusuf <ghassan.yousif.83@gmail.com>
Date: Tue, 26 May 2026 15:19:47 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20consolidate=20pill=20tab=20styles=20into?=
 =?UTF-8?q?=20:style=20binding=20=E2=80=94=20Alpine=20was=20stripping=20st?=
 =?UTF-8?q?atic=20style=20attr?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/views/settings/integrations.blade.php | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/resources/views/settings/integrations.blade.php b/resources/views/settings/integrations.blade.php
index 93453d0..eac9fa1 100644
--- a/resources/views/settings/integrations.blade.php
+++ b/resources/views/settings/integrations.blade.php
@@ -13,13 +13,15 @@
     {{-- Pill tabs --}}
     <div style="display:flex;gap:8px;margin-bottom:20px;">
         <button type="button" @click="tab='whatsapp'"
-            :style="tab==='whatsapp' ? 'background:#1e293b;color:#fff;border:1px solid transparent;' : 'background:#fff;color:#374151;border:1px solid #d1d5db;'"
-            style="padding:7px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;">
+            :style="tab==='whatsapp'
+                ? 'padding:7px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;background:#1e293b;color:#fff;border:1px solid transparent;'
+                : 'padding:7px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;background:#fff;color:#374151;border:1px solid #d1d5db;'">
             💬 WhatsApp
         </button>
         <button type="button" @click="tab='email'; loadMailAccounts()"
-            :style="tab==='email' ? 'background:#1e293b;color:#fff;border:1px solid transparent;' : 'background:#fff;color:#374151;border:1px solid #d1d5db;'"
-            style="padding:7px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;">
+            :style="tab==='email'
+                ? 'padding:7px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;background:#1e293b;color:#fff;border:1px solid transparent;'
+                : 'padding:7px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;background:#fff;color:#374151;border:1px solid #d1d5db;'">
             ✉️ Email
         </button>
     </div>