Новый виды условных шагов (#6)

Co-authored-by: gorbenko.pavel <gorbenko.pavel@tansu.kz>
Reviewed-on: http://git.tnsu.kz/gorbenko.pavel/tnsu-approval-route/pulls/6

frontend/src/styles/design-tokens.scss

@@ -106,19 +106,18 @@ $sp-7: 28px; $sp-8: 32px;
 }
 
 // ---- Готовые миксины ----
+// Светлая карточка заголовка страницы — сознательно НЕ грд-header (тёмный,
+// как TopNav): два одинаковых тёмно-синих блока подряд читаются как один
+// тяжёлый слипшийся элемент. Золотая полоса сверху — единственный акцент,
+// вместо заливки всей карточки.
 @mixin page-header {
-  background: $grad-header;
+  background: #fff;
+  border: 1px solid $gray-200;
+  border-top: 3px solid $gold-500;
   border-radius: $r-lg;
   padding: 26px 30px;
   position: relative;
   overflow: hidden;
-  &::before {
-    content: '';
-    position: absolute;
-    left: 0; right: 0; bottom: 0;
-    height: 2px;
-    background: linear-gradient(90deg, $gold-500, transparent 60%);
-  }
 }
 
 @mixin card-hover-gold {