UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: карточка внешнего контура

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

@@ -3603,11 +3603,16 @@
 
   .nodedc-external-detail-toolbar {
     display: flex;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
     align-items: center;
+    justify-content: flex-end;
     gap: 0.5rem;
   }
 
+  .nodedc-external-detail-toolbar > .flex {
+    flex-wrap: nowrap !important;
+  }
+
   .nodedc-external-toolbar-cluster {
     display: flex;
     align-items: center;
@@ -3618,6 +3623,85 @@
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018) !important;
   }
 
+  .nodedc-external-decision-cluster {
+    display: flex;
+    align-items: center;
+    gap: 0.45rem;
+    min-height: 3.05rem;
+    padding: 0.28rem !important;
+    border: 0 !important;
+    outline: none !important;
+    border-radius: 999px;
+    background: rgba(255, 255, 255, 0.055) !important;
+    box-shadow:
+      inset 0 1px 0 rgba(255, 255, 255, 0.018),
+      0 10px 28px rgba(0, 0, 0, 0.1) !important;
+    -webkit-backdrop-filter: blur(18px);
+    backdrop-filter: blur(18px);
+  }
+
+  .nodedc-external-decision-button {
+    display: grid;
+    place-items: center;
+    width: 2.5rem;
+    min-width: 2.5rem;
+    height: 2.5rem;
+    border: 0 !important;
+    outline: none !important;
+    border-radius: 999px;
+    padding: 0 !important;
+    transition:
+      transform 160ms ease,
+      background 160ms ease,
+      color 160ms ease,
+      opacity 160ms ease;
+  }
+
+  .nodedc-external-decision-button:hover:not(:disabled) {
+    transform: translateY(-1px);
+  }
+
+  .nodedc-external-decision-button:disabled {
+    cursor: progress;
+    opacity: 0.58;
+  }
+
+  .nodedc-external-decision-button-accept {
+    background: rgb(var(--nodedc-card-active-rgb)) !important;
+    color: rgb(var(--nodedc-on-card-active-rgb)) !important;
+    box-shadow:
+      inset 0 1px 0 rgba(255, 255, 255, 0.18),
+      0 8px 18px rgba(var(--nodedc-card-active-rgb), 0.2) !important;
+  }
+
+  .nodedc-external-decision-button-accept:hover:not(:disabled) {
+    background: color-mix(in srgb, rgb(var(--nodedc-card-active-rgb)) 86%, white) !important;
+  }
+
+  .nodedc-external-decision-button-decline {
+    background: rgba(255, 255, 255, 0.12) !important;
+    color: rgba(255, 255, 255, 0.72) !important;
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
+  }
+
+  .nodedc-external-decision-button-decline:hover:not(:disabled) {
+    background: rgba(255, 255, 255, 0.18) !important;
+    color: rgba(255, 255, 255, 0.86) !important;
+  }
+
+  .nodedc-external-detail-widgets {
+    --nodedc-widget-surface-rgb: 255 255 255;
+  }
+
+  .nodedc-external-detail-widgets [data-slot="button"],
+  .nodedc-external-detail-widgets button {
+    outline: none !important;
+  }
+
+  .nodedc-external-detail-widgets .nodedc-attachment-upload {
+    min-height: 4.5rem;
+  }
+
   .nodedc-external-priority-inline {
     display: inline-flex;
     align-items: center;