From eb9d0843f947a70d03e4c3984d631cd63a661cbd Mon Sep 17 00:00:00 2001
From: karim <karim@gabrielevarano.ch>
Date: Sat, 9 May 2026 03:10:14 +0200
Subject: [PATCH] Fix Clone-Panel transparent (Tippy.js)

---
 theme-rapport.css | 50 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)

diff --git a/theme-rapport.css b/theme-rapport.css
index b28d5ba..bb0a8a0 100644
--- a/theme-rapport.css
+++ b/theme-rapport.css
@@ -555,3 +555,53 @@ a.muted:hover {
   background: var(--rapport-surface2) !important;
   color: var(--rapport-text) !important;
 }
+
+/* ─── Tippy Popups (Clone, Tooltips) ────────────────────── */
+.tippy-box {
+  background: var(--rapport-surface) !important;
+  border: 1px solid var(--rapport-border) !important;
+  border-radius: var(--border-radius-lg) !important;
+  box-shadow: var(--md-shadow-3) !important;
+  color: var(--rapport-text) !important;
+}
+
+.tippy-box .tippy-content {
+  background: var(--rapport-surface) !important;
+  color: var(--rapport-text) !important;
+  padding: 12px !important;
+}
+
+.tippy-box .tippy-arrow {
+  color: var(--rapport-surface) !important;
+}
+
+/* Clone-Panel spezifisch */
+.clone-panel-popup {
+  background: var(--rapport-surface) !important;
+  color: var(--rapport-text) !important;
+}
+
+.clone-panel-tab {
+  background: var(--rapport-surface2) !important;
+  border-bottom: 1px solid var(--rapport-border) !important;
+}
+
+.clone-panel-tab .item {
+  color: var(--rapport-text3) !important;
+  font-size: 12px !important;
+}
+
+.clone-panel-tab .item.selected,
+.clone-panel-tab .item.active {
+  color: var(--rapport-text) !important;
+  border-bottom: 2px solid var(--rapport-accent) !important;
+  font-weight: 600 !important;
+}
+
+.clone-panel-field input {
+  background: var(--rapport-surface) !important;
+  border: 1.5px solid var(--rapport-border2) !important;
+  color: var(--rapport-text) !important;
+  font-family: var(--rapport-mono) !important;
+  font-size: 12px !important;
+}