From 279e7de77806b7280828ab80ca6d6deb1d673c0e Mon Sep 17 00:00:00 2001
From: lekss361 <lekss361@gendsgn.local>
Date: Fri, 3 Jul 2026 21:28:50 +0000
Subject: [PATCH] =?UTF-8?q?fix(tradein/v2):=20=D0=BF=D0=BE=D0=BC=D0=B5?=
 =?UTF-8?q?=D1=82=D0=BA=D0=B0=20=C2=AB=D0=92=20=D0=9E=D0=A4=D0=A4=D0=95?=
 =?UTF-8?q?=D0=A0=C2=BB=20+=20=D1=81=D1=83=D0=B7=D0=B8=D1=82=D1=8C=20?=
 =?UTF-8?q?=D1=80=D0=B5=D0=B5=D1=81=D1=82=D1=80=D0=BE=D0=B2=D1=83=D1=8E=20?=
 =?UTF-8?q?=D0=BA=D0=B0=D1=80=D1=82=D0=BE=D1=87=D0=BA=D1=83=20(#1991)=20(#?=
 =?UTF-8?q?2321)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/trade-in/v2/ResultPanel.tsx    | 63 +++++++++++++++----
 1 file changed, 51 insertions(+), 12 deletions(-)

diff --git a/tradein-mvp/frontend/src/components/trade-in/v2/ResultPanel.tsx b/tradein-mvp/frontend/src/components/trade-in/v2/ResultPanel.tsx
index 8ddb0133..b627d0b6 100644
--- a/tradein-mvp/frontend/src/components/trade-in/v2/ResultPanel.tsx
+++ b/tradein-mvp/frontend/src/components/trade-in/v2/ResultPanel.tsx
@@ -15,6 +15,7 @@ import type { ResultPanelData } from "./mappers";
 const {
   accent,
   accentDeep,
+  onAccent,
   ink,
   body,
   body2,
@@ -172,7 +173,14 @@ export default function ResultPanel({
       <div
         style={{
           display: "grid",
-          gridTemplateColumns: "1fr 1fr 1fr",
+          // #1991 — the registry (ДКП) tile is an external anchor, not a peer
+          // of the two prices that actually matter (asking / expected). Equal
+          // 1fr columns still read as "three equivalent options" even with
+          // the demoted colors/type-scale below, so the two primary cards get
+          // ~50% more width and the registry tile narrows into a visibly
+          // secondary, reference-only column (closer to a convergence strip
+          // than a full-size card, per audit acceptance criteria).
+          gridTemplateColumns: "1.3fr 1.3fr 0.85fr",
           gap: 14,
           flex: "0 0 auto",
         }}
@@ -186,6 +194,8 @@ export default function ResultPanel({
           // value so the user can't confuse it with the registry figure; the
           // registry card is demoted to a softer, smaller, muted "СПРАВОЧНО"
           // tile. Value scale reads expected(40) ≫ asking(30) > ДКП(28).
+          // #1991 — column width above is the third, independent axis: asking
+          // and expected visually dominate the row, ДКП is narrow/secondary.
           //
           // H1 — when the expected card has no prediction (emptyNote), it drops
           // to an honest empty-state and the accent frame moves onto the asking
@@ -232,19 +242,48 @@ export default function ResultPanel({
             />
             <div
               style={{
-                fontSize: 9.5,
-                letterSpacing: 1.5,
-                // Contrast follow-up (audit #2266): accent (#2e8bff) on the
-                // headline card's pale infoSoftBg tint measured ≈2.87:1 — below
-                // even the AA "large text" floor (3:1). accentDeep is the same
-                // brand hue, darkened (existing token, not a one-off hex) — it
-                // clears ~4.2:1 here, so the label reads reliably too.
-                color: isHeadline ? accentDeep : isRegistry ? muted2 : body2,
-                fontWeight: isHeadline ? 600 : undefined,
-                lineHeight: 1.6,
+                display: "flex",
+                alignItems: "flex-start",
+                justifyContent: "space-between",
+                gap: 8,
               }}
             >
-              {lines(card.title)}
+              <div
+                style={{
+                  fontSize: 9.5,
+                  letterSpacing: 1.5,
+                  // Contrast follow-up (audit #2266): accent (#2e8bff) on the
+                  // headline card's pale infoSoftBg tint measured ≈2.87:1 — below
+                  // even the AA "large text" floor (3:1). accentDeep is the same
+                  // brand hue, darkened (existing token, not a one-off hex) — it
+                  // clears ~4.2:1 here, so the label reads reliably too.
+                  color: isHeadline ? accentDeep : isRegistry ? muted2 : body2,
+                  fontWeight: isHeadline ? 600 : undefined,
+                  lineHeight: 1.6,
+                }}
+              >
+                {lines(card.title)}
+              </div>
+              {/* #1991 — explicit "this is the figure that goes into the offer"
+                  mark on the headline card, so the two dominant prices are not
+                  just visually bigger but literally labelled which one to quote. */}
+              {isHeadline && !isEmptyCard && (
+                <span
+                  style={{
+                    flex: "0 0 auto",
+                    fontSize: 8,
+                    fontWeight: 700,
+                    letterSpacing: 1,
+                    color: onAccent,
+                    background: accentDeep,
+                    borderRadius: 3,
+                    padding: "3px 6px",
+                    whiteSpace: "nowrap",
+                  }}
+                >
+                  В ОФФЕР
+                </span>
+              )}
             </div>
             {isRegistry && (
               <div