UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: выправка дизайна views аналитики и рабочих экранов

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

@@ -530,6 +530,7 @@
     outline: none !important;
     box-shadow: none !important;
     border-radius: 999px !important;
+    height: 2.5rem !important;
     min-height: 2.5rem;
     padding-inline: 1.35rem;
     background: rgba(18, 18, 22, 0.94) !important;
@@ -558,6 +559,7 @@
     outline: none !important;
     box-shadow: none !important;
     border-radius: 999px !important;
+    height: 2.5rem !important;
     min-height: 2.5rem;
     padding-inline: 1.55rem;
     background: rgb(var(--nodedc-accent-rgb)) !important;
@@ -573,6 +575,39 @@
     background: color-mix(in srgb, rgb(var(--nodedc-accent-rgb)) 82%, white) !important;
   }
 
+  .nodedc-bottom-dock-secondary-button {
+    height: 3rem !important;
+    min-height: 3rem !important;
+    border: 0 !important;
+    outline: none !important;
+    box-shadow: none !important;
+    border-radius: 1.2rem !important;
+    background: rgba(255, 255, 255, 0.06) !important;
+    color: var(--text-color-primary) !important;
+    padding-inline: 1.35rem !important;
+  }
+
+  .nodedc-bottom-dock-secondary-button:hover {
+    background: rgba(255, 255, 255, 0.1) !important;
+  }
+
+  .nodedc-bottom-dock-primary-button {
+    height: 3rem !important;
+    min-height: 3rem !important;
+    border: 0 !important;
+    outline: none !important;
+    box-shadow: none !important;
+    border-radius: 1.2rem !important;
+    background: rgb(var(--nodedc-card-active-rgb)) !important;
+    color: rgb(var(--nodedc-on-card-active-rgb)) !important;
+    padding-inline: 1.6rem !important;
+  }
+
+  .nodedc-bottom-dock-primary-button:hover {
+    background: color-mix(in srgb, rgb(var(--nodedc-card-active-rgb)) 82%, white) !important;
+    color: rgb(var(--nodedc-on-card-active-rgb)) !important;
+  }
+
   .nodedc-modal-secondary-button {
     min-height: 2.75rem;
     border: 0 !important;
@@ -924,6 +959,36 @@
     background: rgba(255, 255, 255, 0.08) !important;
   }
 
+  .nodedc-spreadsheet-cell-button {
+    height: 100% !important;
+    min-height: 2.75rem !important;
+    width: 100% !important;
+    align-items: center !important;
+    justify-content: flex-start !important;
+    border: 0 !important;
+    outline: none !important;
+    box-shadow: none !important;
+    border-radius: 0 !important;
+    background: transparent !important;
+    color: var(--text-color-primary) !important;
+    padding-inline: 1rem !important;
+    font-size: 0.8125rem !important;
+    line-height: 1rem !important;
+    transition: background 160ms ease;
+  }
+
+  .nodedc-spreadsheet-cell-button:hover {
+    background: rgba(255, 255, 255, 0.035) !important;
+  }
+
+  .selected-issue-row .nodedc-spreadsheet-cell-button {
+    background: color-mix(in srgb, rgb(var(--nodedc-accent-rgb)) 8%, transparent) !important;
+  }
+
+  .selected-issue-row .nodedc-spreadsheet-cell-button:hover {
+    background: color-mix(in srgb, rgb(var(--nodedc-accent-rgb)) 14%, transparent) !important;
+  }
+
   .nodedc-calendar-shell {
     @apply rounded-[1.1rem] border-0 bg-transparent p-1 shadow-none outline-none;
   }
@@ -1304,6 +1369,76 @@
     color: rgb(var(--nodedc-on-card-active-rgb)) !important;
   }
 
+  .nodedc-workspace-page-shell {
+    width: 100%;
+    max-width: 104rem;
+    margin: 0 auto;
+    padding: 1rem 1rem 1.5rem;
+  }
+
+  @media (min-width: 768px) {
+    .nodedc-workspace-page-shell {
+      padding: 1.25rem 1.25rem 1.75rem;
+    }
+  }
+
+  .nodedc-workspace-toolbar {
+    border: 0 !important;
+    outline: none !important;
+    border-radius: 1.5rem !important;
+    background:
+      linear-gradient(180deg, rgba(255, 255, 255, 0.036) 0%, rgba(255, 255, 255, 0.016) 100%),
+      rgba(8, 8, 11, 0.76) !important;
+    box-shadow:
+      0 20px 52px rgba(0, 0, 0, 0.22),
+      inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
+    -webkit-backdrop-filter: blur(28px);
+    backdrop-filter: blur(28px);
+  }
+
+  .nodedc-workspace-list-row {
+    border: 0 !important;
+    outline: none !important;
+    overflow: visible !important;
+    isolation: isolate;
+    border-radius: 1.35rem !important;
+    background:
+      linear-gradient(180deg, rgba(255, 255, 255, 0.032) 0%, rgba(255, 255, 255, 0.014) 100%),
+      rgba(255, 255, 255, 0.026) !important;
+    box-shadow:
+      0 12px 28px rgba(0, 0, 0, 0.14),
+      inset 0 1px 0 rgba(255, 255, 255, 0.016) !important;
+    -webkit-backdrop-filter: blur(18px);
+    backdrop-filter: blur(18px);
+    transition:
+      background 160ms ease,
+      transform 160ms ease,
+      box-shadow 160ms ease;
+  }
+
+  .nodedc-workspace-list-row:hover {
+    background:
+      linear-gradient(180deg, rgba(255, 255, 255, 0.044) 0%, rgba(255, 255, 255, 0.018) 100%),
+      rgba(255, 255, 255, 0.036) !important;
+    box-shadow:
+      0 16px 34px rgba(0, 0, 0, 0.18),
+      inset 0 1px 0 rgba(255, 255, 255, 0.024) !important;
+  }
+
+  .nodedc-workspace-stat-card {
+    border: 0 !important;
+    outline: none !important;
+    border-radius: 1.3rem !important;
+    background:
+      linear-gradient(180deg, rgba(255, 255, 255, 0.028) 0%, rgba(255, 255, 255, 0.01) 100%),
+      rgba(255, 255, 255, 0.022) !important;
+    box-shadow:
+      0 14px 32px rgba(0, 0, 0, 0.14),
+      inset 0 1px 0 rgba(255, 255, 255, 0.018) !important;
+    -webkit-backdrop-filter: blur(18px);
+    backdrop-filter: blur(18px);
+  }
+
   .nodedc-external-empty-state {
     display: flex;
     width: 100%;