UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: стандартизация borderless matte glass popup и dropdown

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

@@ -229,6 +229,19 @@
       0 4px 16px rgba(0, 0, 0, 0.18);
   }
 
+  .nodedc-glass-popup-surface {
+    background:
+      linear-gradient(180deg, rgba(255, 255, 255, 0.028) 0%, rgba(255, 255, 255, 0.012) 100%),
+      rgba(8, 8, 11, 0.9);
+    border: 0 !important;
+    outline: none !important;
+    -webkit-backdrop-filter: blur(44px);
+    backdrop-filter: blur(44px);
+    box-shadow:
+      0 22px 60px rgba(0, 0, 0, 0.36),
+      0 6px 18px rgba(0, 0, 0, 0.2);
+  }
+
   .nodedc-glass-modal [data-slot="button"],
   .nodedc-glass-modal [data-slot="icon-button"] {
     border: none !important;
@@ -311,4 +324,53 @@
   .nodedc-modal-editor .ProseMirror p.is-editor-empty:first-child::before {
     color: rgba(255, 255, 255, 0.42) !important;
   }
+
+  .nodedc-dropdown-surface {
+    background:
+      linear-gradient(180deg, rgba(255, 255, 255, 0.025) 0%, rgba(255, 255, 255, 0.01) 100%),
+      rgba(8, 8, 11, 0.9);
+    @apply rounded-[1.25rem] px-3 py-3 text-12 outline-none;
+    border: 0 !important;
+    -webkit-backdrop-filter: blur(44px);
+    backdrop-filter: blur(44px);
+    box-shadow:
+      0 22px 60px rgba(0, 0, 0, 0.36),
+      0 6px 18px rgba(0, 0, 0, 0.2);
+  }
+
+  .nodedc-dropdown-search {
+    @apply flex items-center gap-1.5 rounded-[0.95rem] border-0 bg-white/5 px-3 py-2 outline-none;
+  }
+
+  .nodedc-dropdown-search input {
+    @apply w-full bg-transparent py-0 text-12 text-secondary placeholder:text-placeholder outline-none focus:outline-none;
+  }
+
+  .nodedc-dropdown-option {
+    @apply flex w-full items-center justify-between gap-2 truncate rounded-[0.9rem] px-2 py-2 text-secondary select-none outline-none transition-colors;
+  }
+
+  .nodedc-dropdown-option:hover {
+    @apply bg-white/6;
+  }
+
+  .nodedc-calendar-shell {
+    @apply rounded-[1.1rem] border-0 bg-transparent p-1 shadow-none outline-none;
+  }
+
+  .nodedc-calendar-shell .rdp-root,
+  .nodedc-calendar-shell .rdp-months,
+  .nodedc-calendar-shell .rdp-month {
+    @apply bg-transparent;
+  }
+
+  .nodedc-calendar-shell .rdp-day_button,
+  .nodedc-calendar-shell .rdp-button_previous,
+  .nodedc-calendar-shell .rdp-button_next,
+  .nodedc-calendar-shell .rdp-dropdown_root {
+    border: 0 !important;
+    box-shadow: none !important;
+    outline: none !important;
+    border-radius: 0.95rem !important;
+  }
 }