gg3

src/components/matches/prediction-card.tsx

@@ -613,6 +613,13 @@ function PickCard({
             <Text fontSize="2xl" fontWeight="bold">
               {pick.pick}
             </Text>
+            <Text fontSize="xs" color="fg.muted" maxW="380px">
+              {getUiText(
+                ui,
+                "value-bet-framing",
+                "Bu, maçın en olası sonucu DEĞİL — orana göre uzun vadede kârlı görülen değer bahsidir. Tek başına tutma olasılığı düşük olabilir.",
+              )}
+            </Text>
             <HStack gap={2} flexWrap="wrap">
               <Badge variant="subtle">
                 {getMarketLabel(pick.market, marketLabels)}
@@ -1166,6 +1173,8 @@ export default function PredictionCard({ prediction }: PredictionCardProps) {
   const greenBorderColor = useColorModeValue("green.200", "green.800");
   const statCardBg = useColorModeValue("gray.50", "whiteAlpha.50");
   const trackBgColor = useColorModeValue("gray.100", "gray.700");
+  const mrPredBg = useColorModeValue("blue.50", "blue.950");
+  const mrPredBorder = useColorModeValue("blue.300", "blue.700");
   const riskPalette = getRiskPalette(prediction.risk.level);
   const qualityPalette = getQualityPalette(prediction.data_quality.label);
   const recommendedPick = prediction.main_pick;
@@ -1408,15 +1417,15 @@ export default function PredictionCard({ prediction }: PredictionCardProps) {
 
           {matchResultPrediction ? (
             <Box
-              p={4}
-              bg={statCardBg}
-              borderWidth="1px"
-              borderColor={borderColor}
+              p={5}
+              bg={mrPredBg}
+              borderWidth="2px"
+              borderColor={mrPredBorder}
               borderRadius="2xl"
             >
               <HStack justify="space-between" align="start" mb={3}>
                 <VStack align="start" gap={1}>
-                  <Badge colorPalette="blue" variant="subtle" borderRadius="full">
+                  <Badge colorPalette="blue" variant="solid" borderRadius="full">
                     {uiText("match-result-prediction", "Maç Sonucu Tahmini")}
                   </Badge>
                   <Text fontSize="2xl" fontWeight="bold">
@@ -1506,6 +1515,12 @@ export default function PredictionCard({ prediction }: PredictionCardProps) {
                     <Text fontSize="2xl" fontWeight="bold">
                       {recommendedPick.pick}
                     </Text>
+                    <Text fontSize="xs" color="fg.muted" maxW="380px">
+                      {uiText(
+                        "value-bet-framing",
+                        "Bu, maçın en olası sonucu DEĞİL — orana göre uzun vadede kârlı görülen değer bahsidir. Tek başına tutma olasılığı düşük olabilir.",
+                      )}
+                    </Text>
                     <Text fontSize="sm" color="fg.muted">
                       {getMarketLabel(recommendedPick.market, marketLabels)}{" "}
                       {uiText("best-market-copy", "marketinde en güçlü seçim.")}