Sync styleguide 2026.05.18.1

docs/styleguide/styles/10-components-interactive-elements.css

@@ -383,6 +383,7 @@
       flex-direction: column;
       gap: var(--spacing-small);
       min-width: 0;
+      width: 100%;
       max-width: var(--layout-form-input-field-max-width);
     }
 

docs/styleguide/styles/25-patterns-form-sections.css

@@ -36,7 +36,7 @@
 }
 
 .sg-form-sections-card__actions-segment {
-  margin-top: calc(var(--spacing-large) - var(--card-segment-padding-vertical));
+  margin-top: var(--spacing-large);
   padding: 0;
 }
 

docs/styleguide/styles/29-patterns-left-navigation.css

@@ -10,7 +10,7 @@
 
 .sg-left-navigation-pattern__layout {
   display: flex;
-  align-items: stretch;
+  align-items: flex-start;
   gap: 0;
   width: 100%;
   min-width: 0;
@@ -44,9 +44,14 @@
   flex: 1 1 auto;
 }
 
+.sg-left-navigation-pattern__group-card--content .sg-group-card__heading {
+  flex: 0 1 auto;
+  width: auto;
+  margin-left: 0;
+}
+
 @media (min-width: 768px) {
   .sg-left-navigation-pattern__group-card--navigation .sg-tab-button-group[data-component-variant="linksmenu-items"] {
-    height: 100%;
     justify-content: flex-start;
   }
 }

docs/styleguide/styles/30-layouts-card-list-page.css

@@ -7,21 +7,6 @@
   flex-direction: column;
 }
 
-.sg-card-list-page-drawer-backdrop {
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.45);
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 220ms ease;
-  z-index: 999;
-}
-
-.sg-card-list-page-drawer-backdrop[data-open="true"] {
-  opacity: 1;
-  pointer-events: auto;
-}
-
 .sg-card-list-page-drawer {
   position: fixed;
   top: 0;
@@ -198,3 +183,4 @@
   margin: 0;
   color: var(--text-vsf-drawer-object-card-body);
 }
+