From 30e5b0a65dbed67737592e43315587abc154536c Mon Sep 17 00:00:00 2001
From: Jer Miller <jeremie.miller@gmail.com>
Date: Sun, 12 Apr 2026 21:09:37 -0600
Subject: [PATCH] =?UTF-8?q?fix:=20tab=20bar=20visual=20polish=20=E2=80=94?=
 =?UTF-8?q?=203px=20active=20indicator,=20spacing,=20hover=20underlines?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/support/workspace.html | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/apps/support/workspace.html b/apps/support/workspace.html
index a2bd12c1a..5d1b0374d 100644
--- a/apps/support/workspace.html
+++ b/apps/support/workspace.html
@@ -1,24 +1,26 @@
 <style>
   .support-nav {
     display: flex;
-    gap: 0.5rem;
+    gap: 0.75rem;
     margin-bottom: 1rem;
     border-bottom: 1px solid var(--facet-border, #e5e0db);
-    padding-bottom: 0.5rem;
+    padding-bottom: 0;
   }
   .support-nav button {
     position: relative;
     background: none;
     border: none;
-    padding: 0.5rem 1rem;
+    padding: 0.5rem 1.25rem;
     cursor: pointer;
     font-size: 0.9rem;
     color: #666;
-    border-bottom: 2px solid transparent;
+    border-bottom: 3px solid transparent;
+    margin-bottom: -1px;
     transition: color 0.15s, border-color 0.15s;
   }
   .support-nav button:hover:not(.active) {
     color: var(--text, #222);
+    border-bottom-color: rgba(0, 0, 0, 0.08);
   }
   .support-nav button:active:not(.active) {
     color: var(--text, #222);
@@ -399,7 +401,7 @@
   /* ── Responsive: Tablet (≤768px) ── */
   @media (max-width: 768px) {
     .support-nav button {
-      padding: 0.5rem 1rem;
+      padding: 0.5rem 1.25rem;
       min-height: 44px;
     }
     .support-detail-back {
@@ -435,6 +437,10 @@
       width: 100%;
       text-align: left;
       padding: 0.625rem 1rem;
+      margin-bottom: 0;
+    }
+    .support-nav button:hover:not(.active) {
+      border-bottom-color: transparent;
     }
     .support-ticket-header {
       flex-direction: column;
-- 
2.51.2