fix(site-finder): §4.3 — укомпановать 3 колонки в единообразные карточки (#2117)

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={{

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>