feat: adiciona custom style em dashboard

src/components/charts/DashboardStatCard.vue

@@ -12,6 +12,7 @@
         v-if="badge"
         :color="badgeColor"
         :label="badge"
+        :style="customStyle"
         class="stat-badge"
       />
       <span v-else-if="subtitle" class="text-caption text-foreground">{{
@@ -29,6 +30,7 @@ defineProps({
   subtitle: { type: String, default: "" },
   badge: { type: String, default: "" },
   badgeColor: { type: String, default: "accent-1" },
+  customStyle: { type: String, default: "padding: 4px" },
 });
 </script>
 
@@ -58,7 +60,7 @@ defineProps({
 
 .stat-badge {
   font-size: 12px;
-  padding: 4px;
+
   border-radius: 8px;
   width: fit-content;
   color: $primary;

src/pages/dashboard/DashboardPage.vue

@@ -221,7 +221,8 @@
           icon="mdi-account-multiple-outline"
           value="87%"
           badge="Alta"
-          badge-color="positive"
+          badge-color="approved"
+          custom-style="padding: 6px 24px"
         />
         <DashboardStatCard
           title="Estoque Geral de Produtos"