Fix Clone-Panel transparent (Tippy.js)

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;
+}