From 6a4460dfdc6986aa37aa6c060202fba329ef7965 Mon Sep 17 00:00:00 2001
From: Debian <linux@myhorse.netcell-it.de>
Date: Sun, 31 May 2026 19:02:25 +0200
Subject: [PATCH] fix(firewall): Tab-Navigation deutlich besser lesbar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- fw-tabs: Tab-Schrift 13px, font-weight 500, Farbe #64748B (statt AntD-Standard grau)
- Aktiver Tab: #1677ff + font-weight 600 + 2px Unterstrich
- Hover: #334155 für klare Reaktion
- Ink-Bar: 2px Höhe mit abgerundeten Ecken
- Nav-Separator: #E2E8F0 statt default hellgrau

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 VERSION                                    |  2 +-
 management-ui/src/pages/Firewall/index.tsx |  1 +
 management-ui/src/styles/enterprise.css    | 27 ++++++++++++++++++++++
 3 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/VERSION b/VERSION
index 99188f0..3ff6c6b 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-1.2.50
+1.2.51
diff --git a/management-ui/src/pages/Firewall/index.tsx b/management-ui/src/pages/Firewall/index.tsx
index cb8fa26..2797565 100644
--- a/management-ui/src/pages/Firewall/index.tsx
+++ b/management-ui/src/pages/Firewall/index.tsx
@@ -128,6 +128,7 @@ export default function FirewallPage() {
       <Tabs
         items={tabs}
         defaultActiveKey="rules"
+        className="fw-tabs"
       />
     </div>
   )
diff --git a/management-ui/src/styles/enterprise.css b/management-ui/src/styles/enterprise.css
index e380939..4f9bc3b 100644
--- a/management-ui/src/styles/enterprise.css
+++ b/management-ui/src/styles/enterprise.css
@@ -2918,6 +2918,33 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 /* Filter bar */
+/* ── Firewall Tab-Navigation ─────────────────────────────────────────── */
+.fw-tabs .ant-tabs-nav {
+  margin-bottom: 16px;
+}
+.fw-tabs .ant-tabs-tab {
+  padding: 10px 16px !important;
+  font-size: 13px !important;
+  font-weight: 500 !important;
+  color: #64748B !important;
+  transition: color 0.15s;
+}
+.fw-tabs .ant-tabs-tab:hover {
+  color: #334155 !important;
+}
+.fw-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
+  color: #1677ff !important;
+  font-weight: 600 !important;
+}
+.fw-tabs .ant-tabs-ink-bar {
+  height: 2px !important;
+  border-radius: 2px 2px 0 0;
+}
+.fw-tabs .ant-tabs-nav::before {
+  border-bottom-color: #E2E8F0 !important;
+}
+
+/* ── Firewall Filter-Bar ─────────────────────────────────────────────── */
 .fw-filter-bar {
   display: flex;
   gap: 8px;