style: :lipstick: style (status e borda) corrigido cor de status e removida borda desnecessaria

foi corrigido a cor do status pendente/inativo pois estava ilegivel, aplicado cor mais escura, e tambem foi removida uma borda desnecessaria nos avatares

fase:dev | origin:melhoria-interna

src/components/CompleteProfileDialog.vue

@@ -297,7 +297,7 @@ onMounted(async () => {
 
 .complete-profile-avatar {
   background: rgba(112, 32, 130, 0.18) !important;
-  border: 2px solid $violet-normal;
+  // border: 2px solid $violet-normal;
 
   img {
     width: 100%;

src/components/layout/AppHeader.vue

@@ -123,7 +123,7 @@ const userInitial = computed(() => {
 
 .app-header__avatar {
   background: rgba(white, 0.15);
-  border: 2px solid rgba(white, 0.3);
+  // border: 2px solid rgba(white, 0.3);
   cursor: pointer;
   flex-shrink: 0;
 }

src/css/quasar.variables.scss

@@ -48,6 +48,7 @@ $positive: #2e7d32; // Material Green 800
 $negative: #d32f2f; // Material Red 700
 $info: #0288d1; // Material Light Blue 700
 $inactive: #FFE100; // Material Orange 800
+$pending: #ed6c02; // Material Orange 900
 
 // Extended Color System with Light/Dark Variants
 $colors: (
@@ -122,7 +123,8 @@ $colors: (
   "surface": #FEFEFE,
 
   // Inactive
-  "inactive": #ed6c02
+  "inactive": #ed6c02,
+  "pending": #da833c
 );
 
 // Dark Theme Color Overrides

src/helpers/utils.js

@@ -107,7 +107,7 @@ const normalizeString = (val) =>
 const getStatusColor = (status) => {
   const s = typeof status === "object" ? status?.value : status;
   if (s === "active")   return "positive";
-  if (s === "pending")  return "warning";
+  if (s === "pending")  return "warning-light";
   if (s === "on_leave") return "orange";
   if (s === "inactive") return "inactive";
   return "grey-6";

src/pages/agendamentos/AppointmentsAdminPage.vue

@@ -287,7 +287,7 @@ const columnsAprovados = computed(() => [
 
 const statusColor = (status) => {
   const map = {
-    pendente: "warning",
+    pendente: "warning-light",
     confirmado: "positive",
     recusado: "negative",
     cancelado: "grey-6",

src/pages/associado/agendamentos/AgendamentosPage.vue

@@ -191,7 +191,7 @@ const pagedAppointments = computed(() => {
 });
 
 const statusColor = (status) => {
-  const map = { pendente: "warning", confirmado: "positive", cancelado: "negative", recusado: "negative", concluido: "grey" };
+  const map = { pendente: "warning-light", confirmado: "positive", cancelado: "negative", recusado: "negative", concluido: "grey" };
   return map[status] ?? "grey";
 };
 

src/pages/associado/carteirinha/CarteirinhaPage.vue

@@ -159,7 +159,7 @@ onMounted(async () => {
   }
 
   .card-avatar {
-    border: 2px solid rgba(255, 255, 255, 0.4);
+    // border: 2px solid rgba(255, 255, 255, 0.4);
     background: rgba(255, 255, 255, 0.15);
     flex-shrink: 0;
   }

src/pages/associado/profile/ProfilePage.vue

@@ -151,7 +151,7 @@ const avatarInputRef = useTemplateRef("avatarInputRef");
 const statusBadgeColor = computed(() => {
   switch (user.value?.status) {
     case "active":   return "positive";
-    case "inactive": return "warning";
+    case "inactive": return "grey";
     case "canceled": return "negative";
     default:         return "grey";
   }
@@ -180,7 +180,7 @@ const dependentStatusColor = (status) => {
   switch (status) {
     case "approved": return "positive";
     case "refused":  return "negative";
-    case "pending":  return "warning";
+    case "pending":  return "warning-light";
     default:         return "grey";
   }
 };
@@ -286,7 +286,7 @@ const onAddDependent = () => {
 
 .profile-avatar {
   background: rgba(255, 255, 255, 0.18) !important;
-  border: 2px solid rgba(255, 255, 255, 0.45);
+  // border: 2px solid rgba(255, 255, 255, 0.45);
 }
 
 .profile-avatar-edit {

src/pages/parceiros-convenios/AgendamentosParceiroPage.vue

@@ -12,7 +12,7 @@
         <div class="counters-row q-mb-md">
           <div class="counter-card">
             <span class="counter-value">
-              <q-icon name="mdi-clock-outline" color="warning" />
+              <q-icon name="mdi-clock-outline" color="warning-light" />
               {{ counters.pendentes }}
             </span>
             <span class="counter-label">{{ $t("agendamento.status.pendente") }}</span>
@@ -165,7 +165,7 @@ const pagedAppointments = computed(() => {
 });
 
 const statusColor = (status) => {
-  const map = { pendente: "warning", confirmado: "positive", cancelado: "negative", recusado: "negative", concluido: "grey" };
+  const map = { pendente: "warning-light", confirmado: "positive", cancelado: "negative", recusado: "negative", concluido: "grey" };
   return map[status] ?? "grey";
 };