Update app.py

app.py

@@ -156,26 +156,30 @@ custom_css = """
     transition: all 0.2s ease-in-out !important;
 }
 
-/* GAYA UNTUK TAB YANG AKTIF (SELECTED) - WARNA ORANYE */
-.tabs > .tab-buttons > button.selected {
-    color: #f97316 !important; /* Warna teks oranye yang kuat (Tailwind Orange 500) */
-    background: transparent !important;
-    border: none !important;
-    border-bottom: 3px solid #f97316 !important; /* Garis bawah oranye tebal */
-    border-radius: 0 !important;
+/* Gaya untuk tab aktif */
+button[role="tab"][aria-selected="true"] {
+    color: #f97316 !important;
+    opacity: 1 !important;
+    filter: none !important;
     font-weight: 600 !important;
+    border-bottom: 3px solid #f97316 !important;
+    background: transparent !important;
 }
 
-/* GAYA UNTUK TAB TIDAK AKTIF - DIBUAT JELAS */
-/* Paksa teks tab yang tidak aktif tetap terlihat jelas */
-.tabs > .tab-buttons > button:not(.selected), 
-.tabs > .tab-buttons > button:not(.selected) * {
-    color: #f97316 !important; /* Warna teks oranye yang kuat (Tailwind Orange 500) */
-    background: transparent !important;
-    border: none !important;
-    border-bottom: 3px solid #f97316 !important; /* Garis bawah oranye tebal */
-    border-radius: 0 !important;
+/* Gaya untuk tab tidak aktif */
+button[role="tab"][aria-selected="false"] {
+    color: #4b5563 !important;  /* Tailwind Gray 600 agar tetap terbaca */
+    opacity: 1 !important;
+    filter: none !important;
     font-weight: 600 !important;
+    border-bottom: 3px solid #e5e7eb !important;
+    background: transparent !important;
+}
+
+/* Hapus efek pudar dari emoji dan teks */
+button[role="tab"][aria-selected="false"] * {
+    opacity: 1 !important;
+    filter: none !important;
 }
 
 /* EFEK HOVER (SAAT MOUSE DI ATAS TAB TIDAK AKTIF) */