feat(relations): spouse 40/41 и новый UX вкладки Связи (проверено)

shine-UI/styles/components.css

@@ -1388,7 +1388,7 @@ textarea.input {
 .node {
   position: absolute;
   transform: translate(-50%, -50%);
-  width: 90px;
+  width: 126px;
   border: 0;
   background: transparent;
   padding: 0;
@@ -1464,9 +1464,49 @@ textarea.input {
 }
 
 .node-label {
-  font-size: 11px;
+  display: grid;
+  gap: 1px;
+  margin-top: 1px;
+  font-size: 10px;
   color: #d6e2ff;
   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.28);
+  line-height: 1.12;
+}
+
+.node-label.is-login-only .node-name {
+  display: none;
+}
+
+.node-name {
+  display: grid;
+  gap: 1px;
+  color: #f2f6ff;
+}
+
+.node-name-line {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.node-login {
+  display: block;
+  color: #c8dafd;
+  font-size: 10px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.node-relation {
+  display: block;
+  color: #ffd5b3;
+  font-size: 10px;
+  font-weight: 600;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .node:focus-visible .node-dot,