From 6614f33d3f8250b34879ba57701ebb8e4d850fea Mon Sep 17 00:00:00 2001
From: arys <abiev@gmail.com>
Date: Tue, 14 Apr 2026 10:47:56 +0500
Subject: [PATCH] fix

---
 .../components/CampaignPrediction.vue              | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/views/pages/marketing/targetologist/components/CampaignPrediction.vue b/src/views/pages/marketing/targetologist/components/CampaignPrediction.vue
index 42e56fc..b92ead4 100644
--- a/src/views/pages/marketing/targetologist/components/CampaignPrediction.vue
+++ b/src/views/pages/marketing/targetologist/components/CampaignPrediction.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { computed, onMounted, ref, watch } from 'vue';
-import { format } from 'date-fns';
-import { ru } from 'date-fns/locale';
-import { useToast } from 'primevue/usetoast';
 import { formatMetricValue } from '@/composables/useCampaignMetrics';
 import { useCampaignStore } from '@/stores/campaign.store';
 import type { PredictedMetricMap, TopRecommendation } from '@/types/campaign.types';
+import { format } from 'date-fns';
+import { ru } from 'date-fns/locale';
 import Chart from 'primevue/chart';
 import ProgressBar from 'primevue/progressbar';
+import { useToast } from 'primevue/usetoast';
+import { computed, onMounted, ref, watch } from 'vue';
 
 interface MetricCard {
     key: string;
@@ -869,10 +869,12 @@ onMounted(() => { void hydratePrediction(); });
     background: #F8FAFF !important;
     animation: cm-pulse 2s infinite;
 }
-</style>    color: #00D48B;
+
+.cm-skel-label {
+    color: #00D48B;
 }
 
-/* ─── Competitive ─── */
+/* â"€â"€â"€ Competitive â"€â"€â"€ */
 .cp-comp-row {
     display: flex;
     align-items: flex-start;