UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: glass-сайдбар, popup рабочей области и полировка layout

plane-src/apps/web/styles/globals.css

@@ -198,3 +198,58 @@
     0 0 4px --alpha(var(--background-color-accent-primary) / 40%) !important;
   will-change: transform, opacity;
 }
+
+@layer components {
+  .nodedc-glass-sidebar {
+    background:
+      linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.018) 100%),
+      rgba(7, 7, 9, 0.84);
+    backdrop-filter: blur(40px);
+    border-right: 1px solid rgba(255, 255, 255, 0.08);
+    box-shadow:
+      inset 0 1px 0 rgba(255, 255, 255, 0.03),
+      0 18px 48px rgba(0, 0, 0, 0.26);
+  }
+
+  .nodedc-glass-modal {
+    box-shadow:
+      0 20px 56px rgba(0, 0, 0, 0.34),
+      0 4px 16px rgba(0, 0, 0, 0.18);
+  }
+
+  .nodedc-glass-surface {
+    background: rgba(11, 11, 14, 0.82);
+    -webkit-backdrop-filter: blur(40px);
+    backdrop-filter: blur(40px);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    box-shadow:
+      0 20px 56px rgba(0, 0, 0, 0.34),
+      0 4px 16px rgba(0, 0, 0, 0.18);
+    isolation: isolate;
+  }
+
+  .nodedc-glass-modal [data-slot="button"],
+  .nodedc-glass-modal [data-slot="icon-button"] {
+    border: none !important;
+    box-shadow: none !important;
+    outline: none !important;
+    border-radius: 1.25rem !important;
+    backdrop-filter: blur(12px);
+  }
+
+  .nodedc-glass-modal [data-slot="button"] {
+    min-height: 2.5rem;
+    padding-inline: 0.95rem;
+  }
+
+  .nodedc-glass-modal [data-slot="icon-button"] {
+    min-height: 2.5rem;
+    min-width: 2.5rem;
+  }
+
+  .nodedc-glass-modal button:focus-visible,
+  .nodedc-glass-modal [role="button"]:focus-visible {
+    outline: none !important;
+    box-shadow: none !important;
+  }
+}