UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: тонкая подгонка home-шапки и уведомлений

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

@@ -1830,6 +1830,8 @@
   }
 
   .nodedc-home-hero {
+    --nodedc-home-column-gap: 0.75rem;
+    --nodedc-home-title-width: 13.25rem;
     position: relative;
     overflow: hidden;
     isolation: isolate;
@@ -1855,12 +1857,11 @@
     justify-content: flex-end;
     gap: 0.8rem;
     min-height: 1.75rem;
-    padding: 0.1rem 0.35rem 0.45rem;
+    padding: 0.1rem 1.45rem 0.45rem 0.35rem;
     text-align: right;
   }
 
   .nodedc-home-hero-grid {
-    --nodedc-home-title-width: 13.25rem;
     display: grid;
     min-width: 0;
     position: relative;
@@ -1868,8 +1869,17 @@
   }
 
   @media (min-width: 1280px) {
+    .nodedc-home-hero {
+      --nodedc-home-title-width: 360px;
+    }
+
+    .nodedc-home-hero-time {
+      margin-left: calc(var(--nodedc-home-title-width) + var(--nodedc-home-column-gap));
+    }
+
     .nodedc-home-hero-grid {
-      grid-template-columns: minmax(0, 1fr);
+      grid-template-columns: var(--nodedc-home-title-width) minmax(0, 1fr);
+      gap: var(--nodedc-home-column-gap);
       align-items: stretch;
     }
   }
@@ -1880,6 +1890,7 @@
     z-index: 1;
     display: flex;
     min-height: 11.1rem;
+    width: var(--nodedc-home-title-width);
     flex-direction: column;
     justify-content: center;
     border-radius: 1.7rem;
@@ -1889,6 +1900,14 @@
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
   }
 
+  @media (min-width: 1280px) {
+    .nodedc-home-hero-title-cell {
+      right: 0;
+      width: auto;
+      padding-right: max(1.35rem, calc(100% - var(--nodedc-home-title-width)));
+    }
+  }
+
   .nodedc-home-hero-title-cell h1 {
     max-width: 18rem;
     color: var(--text-color-primary);
@@ -1960,6 +1979,16 @@
       0 18px 42px rgba(0, 0, 0, 0.18) !important;
   }
 
+  @media (min-width: 1280px) {
+    .nodedc-home-market-band {
+      left: calc(var(--nodedc-home-title-width) + var(--nodedc-home-column-gap));
+    }
+
+    .nodedc-home-hero-title-cell > * {
+      transform: translateY(1rem);
+    }
+  }
+
   .nodedc-home-market-focus-title {
     line-height: 1.22 !important;
   }