From 8a0bb146e980da45e7de8a7e697f94345860f920 Mon Sep 17 00:00:00 2001
From: "gorbenko.pavel" <gorbenko.pavel@tansu.kz>
Date: Fri, 31 Jul 2026 15:09:04 +0500
Subject: [PATCH] =?UTF-8?q?=D1=80=D0=B5=D1=84=D0=B0=D0=BA=D1=82=D0=BE?=
 =?UTF-8?q?=D1=80=D0=B8=D0=BD=D0=B3=20=D1=81=D1=82=D0=B8=D0=BB=D0=B5=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/styles/design-tokens.scss        | 15 ++++++------
 .../components/app/TopNav.module.scss         | 14 -----------
 .../approvalAdmin/components/app/TopNav.tsx   |  1 -
 .../components/screens/RouteStepsScreen.tsx   |  2 +-
 .../components/ui/PageChrome.module.scss      | 23 +++++--------------
 frontend/src/webparts/approvalAdmin/texts.ts  |  2 --
 6 files changed, 14 insertions(+), 43 deletions(-)

diff --git a/frontend/src/styles/design-tokens.scss b/frontend/src/styles/design-tokens.scss
index 90c6b76..d7e2edc 100644
--- a/frontend/src/styles/design-tokens.scss
+++ b/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 {
diff --git a/frontend/src/webparts/approvalAdmin/components/app/TopNav.module.scss b/frontend/src/webparts/approvalAdmin/components/app/TopNav.module.scss
index 78e5d8c..f283b56 100644
--- a/frontend/src/webparts/approvalAdmin/components/app/TopNav.module.scss
+++ b/frontend/src/webparts/approvalAdmin/components/app/TopNav.module.scss
@@ -23,20 +23,6 @@
   flex-shrink: 0;
 }
 
-.mark {
-  width: 30px;
-  height: 30px;
-  border-radius: 7px;
-  background: $grad-gold-v;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: $navy-950;
-  font-weight: 800;
-  font-size: 13px;
-  font-family: $font-serif;
-}
-
 .brandText {
   color: #fff;
   font-weight: 600;
diff --git a/frontend/src/webparts/approvalAdmin/components/app/TopNav.tsx b/frontend/src/webparts/approvalAdmin/components/app/TopNav.tsx
index 128a231..506ef05 100644
--- a/frontend/src/webparts/approvalAdmin/components/app/TopNav.tsx
+++ b/frontend/src/webparts/approvalAdmin/components/app/TopNav.tsx
@@ -72,7 +72,6 @@ export const TopNav: React.FC<ITopNavProps> = ({ active, onSelect }) => {
   return (
     <nav className={styles.topnav}>
       <div className={styles.brand}>
-        <div className={styles.mark}>{texts.nav.markLetter}</div>
         <div className={styles.brandText}>{texts.nav.title}</div>
       </div>
       <div className={styles.tabs} ref={tabsRef}>
diff --git a/frontend/src/webparts/approvalAdmin/components/screens/RouteStepsScreen.tsx b/frontend/src/webparts/approvalAdmin/components/screens/RouteStepsScreen.tsx
index f7c144a..3ba58d8 100644
--- a/frontend/src/webparts/approvalAdmin/components/screens/RouteStepsScreen.tsx
+++ b/frontend/src/webparts/approvalAdmin/components/screens/RouteStepsScreen.tsx
@@ -110,7 +110,7 @@ export const RouteStepsScreen: React.FC<IRouteStepsScreenProps> = ({ api, route,
             key: 'status',
             header: texts.routeSteps.columnStatus,
             render: r => (
-              <Badge variant={r.status === RouteStepStatus.Approval ? 'gold' : 'blue'}>
+              <Badge variant={r.status === RouteStepStatus.Approval ? 'neutral' : 'blue'}>
                 {routeStepStatusLabels[r.status]}
               </Badge>
             )
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/PageChrome.module.scss b/frontend/src/webparts/approvalAdmin/components/ui/PageChrome.module.scss
index ecbc320..45e5f4a 100644
--- a/frontend/src/webparts/approvalAdmin/components/ui/PageChrome.module.scss
+++ b/frontend/src/webparts/approvalAdmin/components/ui/PageChrome.module.scss
@@ -29,21 +29,10 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  box-shadow: $sh-2;
+  box-shadow: $sh-1;
   margin-bottom: 24px;
   flex-wrap: wrap;
   gap: 14px;
-
-  &::after {
-    content: '';
-    position: absolute;
-    right: -60px;
-    top: -60px;
-    width: 220px;
-    height: 220px;
-    border-radius: 50%;
-    background: radial-gradient(circle, rgba(212,160,30,.14), transparent 65%);
-  }
 }
 
 .phLeft { display: flex; align-items: center; gap: 18px; position: relative; z-index: 1; }
@@ -52,9 +41,9 @@
   width: 46px;
   height: 46px;
   border-radius: $r-md;
-  background: rgba(212,160,30,.14);
-  border: 1px solid rgba(212,160,30,.3);
-  color: $gold-300;
+  background: $gold-100;
+  border: 1px solid $gold-300;
+  color: $gold-600;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -63,7 +52,7 @@
 
 .phSub {
   font-size: 10.5px;
-  color: rgba(255,255,255,.55);
+  color: $gray-500;
   text-transform: uppercase;
   letter-spacing: 1.8px;
   font-weight: 500;
@@ -73,7 +62,7 @@
   font-family: $font-serif;
   font-size: $fs-page-title;
   font-weight: 600;
-  color: #fff;
+  color: $navy-900;
   margin-top: 3px;
   letter-spacing: .2px;
 }
diff --git a/frontend/src/webparts/approvalAdmin/texts.ts b/frontend/src/webparts/approvalAdmin/texts.ts
index 2ee72e8..2fb62c5 100644
--- a/frontend/src/webparts/approvalAdmin/texts.ts
+++ b/frontend/src/webparts/approvalAdmin/texts.ts
@@ -63,8 +63,6 @@ export const texts = {
   },
 
   nav: {
-    /** Буква в золотом квадрате логотипа — не зависит от заголовка панели. */
-    markLetter: 'T',
     title: 'Панель настройки маршрутов',
     dashboard: 'Дашборд',
     requestTypes: 'Типы заявок',