Repo-Tabs als Rapport-Pills

theme-rapport.css

@@ -404,7 +404,7 @@ a.muted:hover {
 .ui.orange.label,
 .ui.yellow.label { background: #fff3e8 !important; color: #b07848 !important; border-color: #e8c898 !important; }
 
-/* ─── Tabs ──────────────────────────────────────────────── */
+/* ─── Tabs (tabular) ────────────────────────────────────── */
 .ui.tabular.menu {
   border-bottom: 1px solid var(--rapport-border) !important;
 }
@@ -431,6 +431,43 @@ a.muted:hover {
   background: var(--rapport-surface2) !important;
 }
 
+/* ─── Repo-Tabs (Code / Issues / Pulls …) als Pills ──────── */
+.ui.secondary.pointing.menu {
+  border-bottom: none !important;
+  gap: 6px !important;
+  flex-wrap: wrap !important;
+  padding: 0 0 12px 0 !important;
+}
+
+.ui.secondary.pointing.menu .item {
+  border: 1.5px solid var(--rapport-border2) !important;
+  border-radius: 20px !important;
+  background: var(--rapport-surface) !important;
+  color: var(--rapport-text3) !important;
+  font-size: 12px !important;
+  font-weight: 500 !important;
+  padding: 5px 14px !important;
+  margin: 0 !important;
+  transition: all 0.15s !important;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
+}
+
+.ui.secondary.pointing.menu .item:hover {
+  border-color: var(--rapport-text2) !important;
+  color: var(--rapport-text) !important;
+  background: var(--rapport-surface) !important;
+  box-shadow: 0 2px 6px rgba(0,0,0,0.10) !important;
+}
+
+.ui.secondary.pointing.menu .active.item,
+.ui.secondary.pointing.menu .item.active {
+  border-color: var(--rapport-dark) !important;
+  background: var(--rapport-dark) !important;
+  color: #f0ede8 !important;
+  font-weight: 600 !important;
+  box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
+}
+
 /* ─── Meldungen ─────────────────────────────────────────── */
 .ui.positive.message, .ui.success.message {
   background: #e8f5ee !important; border-color: #a8d8b8 !important;