fix: compact transparent tabs in debug window

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: dxlliv

src/runtime/components/Window/WindowDebug.vue

@@ -29,6 +29,65 @@ defineProps<{
 
 <style scoped lang="scss">
 .p-tabs {
+  :deep(.p-tablist) {
+    background: transparent !important;
+    margin: 0 0 8px;
+    padding: 0;
+    border: 0;
+  }
+
+  :deep(.p-tablist-content) {
+    background: transparent;
+    border-bottom: 1px solid var(--owd-surface-700, #1d293d);
+  }
+
+  :deep(.p-tablist-tab-list) {
+    gap: 4px;
+    border: 0;
+  }
+
+  :deep(.p-tab) {
+    background: transparent !important;
+    border: 0 !important;
+    border-radius: 0;
+    margin: 0;
+    padding: 4px 10px;
+    min-height: 0;
+    font-size: 12px;
+    font-weight: 600;
+    letter-spacing: 0.02em;
+    color: rgba(200, 212, 228, 0.5);
+    box-shadow: none !important;
+
+    &:hover {
+      background: transparent !important;
+      color: rgba(232, 238, 246, 0.85);
+    }
+
+    &.p-tab-active,
+    &[data-p-active='true'] {
+      background: transparent !important;
+      color: var(--owd-color, #e8eef6);
+    }
+
+    &:focus-visible {
+      outline: none;
+      box-shadow: inset 0 -2px 0 var(--owd-primary-color, #1a6caf);
+    }
+  }
+
+  :deep(.p-tablist-active-bar) {
+    height: 2px;
+    bottom: 0;
+    background: var(--owd-primary-color, #1a6caf);
+  }
+
+  :deep(.p-tabpanels),
+  :deep(.p-tabpanel) {
+    background: transparent;
+    padding: 0;
+  }
+
   :deep(.p-tabpanel) {
     ul {
       margin: 0;