.stats-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* Make sure all cards have the same height and width */
.stats-container .col-12.md\:col-6.lg\:col-3 {
  display: flex;
  flex: 1 1 0;
}

/* Ensure all cards take up the same space */
.stats-container .p-card {
  width: 100%;
  flex: 1;
}

/* Style pour les cartes de statistiques */
.stats-container {
  :deep(.p-card) {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
  }

  :deep(.p-card-body) {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  :deep(.p-card-content) {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  /* Ensure consistent spacing in cards */
  :deep(.p-card-title) {
    margin-bottom: 1.5rem !important;
  }

  :deep(.p-card-footer) {
    padding-top: 1rem;
  }

  /* Classes de couleur pour les indicateurs de croissance */
  :deep(.text-green-500) {
    color: var(--green-500, #22c55e) !important;
  }

  :deep(.text-red-500) {
    color: var(--red-500, #ef4444) !important;
  }

  :deep(.text-blue-500) {
    color: var(--blue-500, #3b82f6) !important;
  }
}

/* Classe pour cacher le label des ProgressBar */
.hide-progress-label .p-progressbar-label {
  display: none !important;
}

/* Stock progress and overlay styles */
.stock-progress-container {
  position: relative;
  cursor: pointer;
}

.stock-overlay {
  min-width: 250px;
  
  :deep(.p-overlaypanel-content) {
    padding: 1rem;
  }
}