From babb2a34738be8fc484802057b791d4693c53c29 Mon Sep 17 00:00:00 2001
From: bot-backend <bot-backend@gendsgn.local>
Date: Tue, 30 Jun 2026 16:51:52 +0000
Subject: [PATCH] =?UTF-8?q?fix(site-finder):=20=C2=A74.3=20=E2=80=94=20?=
 =?UTF-8?q?=D1=83=D0=BA=D0=BE=D0=BC=D0=BF=D0=B0=D0=BD=D0=BE=D0=B2=D0=B0?=
 =?UTF-8?q?=D1=82=D1=8C=203=20=D0=BA=D0=BE=D0=BB=D0=BE=D0=BD=D0=BA=D0=B8?=
 =?UTF-8?q?=20=D0=B2=20=D0=B5=D0=B4=D0=B8=D0=BD=D0=BE=D0=BE=D0=B1=D1=80?=
 =?UTF-8?q?=D0=B0=D0=B7=D0=BD=D1=8B=D0=B5=20=D0=BA=D0=B0=D1=80=D1=82=D0=BE?=
 =?UTF-8?q?=D1=87=D0=BA=D0=B8=20(#2117)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../site-finder/Pipeline24moBlock.tsx         | 41 ++++++-------------
 .../Section3SettingsAndCompetitors.tsx        | 22 +++++++++-
 2 files changed, 33 insertions(+), 30 deletions(-)

diff --git a/frontend/src/components/site-finder/Pipeline24moBlock.tsx b/frontend/src/components/site-finder/Pipeline24moBlock.tsx
index e71a59ee..4b3d24bd 100644
--- a/frontend/src/components/site-finder/Pipeline24moBlock.tsx
+++ b/frontend/src/components/site-finder/Pipeline24moBlock.tsx
@@ -59,12 +59,12 @@ export function Pipeline24moBlock({ data }: Props) {
   );
 
   return (
+    // Content-only: внешнюю карточку (рамка/фон/паддинг) даёт колонка §4.3
+    // в Section33MarketSales — чтобы все три колонки были единообразными
+    // карточками. Severity передаётся бейджем справа, а не цветом рамки всей
+    // карточки (иначе блок «вылезает» красным из ряда).
     <div
       style={{
-        border: `1px solid ${c.border}`,
-        background: "#fff",
-        borderRadius: 10,
-        padding: "14px 18px",
         display: "flex",
         flexDirection: "column",
         gap: 12,
@@ -80,33 +80,18 @@ export function Pipeline24moBlock({ data }: Props) {
       >
         <span
           style={{
-            display: "flex",
-            alignItems: "center",
-            gap: 6,
-            fontSize: 11,
-            fontWeight: 700,
-            color: "var(--fg-secondary, #5B6066)",
-            textTransform: "uppercase",
-            letterSpacing: "0.06em",
+            padding: "1px 6px",
+            borderRadius: 6,
+            fontSize: 10,
+            fontWeight: 600,
+            letterSpacing: "0.02em",
+            color: "var(--fg-tertiary, #73767E)",
+            background: "var(--bg-card-alt, #FAFBFC)",
+            border: "1px solid var(--border-card, #E6E8EC)",
           }}
           title="Прогноз будущего предложения: ЖК-конкуренты со сроком сдачи в ближайшие 24 месяца в радиусе 5 км. Это оценка, а не факт продаж."
         >
-          Будущее предложение конкурентов (24 мес)
-          <span
-            style={{
-              padding: "1px 6px",
-              borderRadius: 6,
-              fontSize: 10,
-              fontWeight: 600,
-              letterSpacing: "0.02em",
-              color: "var(--fg-tertiary, #73767E)",
-              background: "var(--bg-card-alt, #FAFBFC)",
-              border: "1px solid var(--border-card, #E6E8EC)",
-              textTransform: "none",
-            }}
-          >
-            прогноз
-          </span>
+          прогноз
         </span>
         <span
           style={{
diff --git a/frontend/src/components/site-finder/analysis/Section3SettingsAndCompetitors.tsx b/frontend/src/components/site-finder/analysis/Section3SettingsAndCompetitors.tsx
index 3ea221c0..670fb483 100644
--- a/frontend/src/components/site-finder/analysis/Section3SettingsAndCompetitors.tsx
+++ b/frontend/src/components/site-finder/analysis/Section3SettingsAndCompetitors.tsx
@@ -487,13 +487,31 @@ function Section33MarketSales({ data }: { data: ParcelAnalysis }) {
                 <SubBlockLabel>
                   Будущее предложение конкурентов (24 мес)
                 </SubBlockLabel>
-                <Pipeline24moBlock data={data.pipeline_24mo!} />
+                <div
+                  style={{
+                    background: "var(--bg-card, #FFFFFF)",
+                    border: "1px solid var(--border-card, #E6E8EC)",
+                    borderRadius: 10,
+                    padding: "14px 18px",
+                  }}
+                >
+                  <Pipeline24moBlock data={data.pipeline_24mo!} />
+                </div>
               </div>
             )}
             {hasTrend && (
               <div>
                 <SubBlockLabel>Динамика цен</SubBlockLabel>
-                <MarketTrendBlock trend={data.market_trend} />
+                <div
+                  style={{
+                    background: "var(--bg-card, #FFFFFF)",
+                    border: "1px solid var(--border-card, #E6E8EC)",
+                    borderRadius: 10,
+                    padding: "14px 18px",
+                  }}
+                >
+                  <MarketTrendBlock trend={data.market_trend} />
+                </div>
               </div>
             )}
           </div>