/* Styles pour les onglets du Super Admin Dashboard */
/* AutoBF - 2025-01-XX */

/* Onglets inactifs - Texte gris clair */
[role="tab"][aria-selected="false"],
[role="tab"][data-state="inactive"] {
  color: #6b7280 !important; /* Texte gris pour inactif */
  background-color: transparent !important;
  font-weight: 400 !important;
  border-color: transparent !important;
}

/* Onglets actifs - Texte blanc sur fond orange */
[role="tab"][aria-selected="true"],
[role="tab"][data-state="active"],
[role="tab"].active {
  color: #ffffff !important; /* Texte blanc pour actif */
  background-color: #ff6600 !important; /* Fond orange (bf-orange) */
  font-weight: 600 !important;
  border-color: #ff6600 !important;
}

/* Hover sur onglets inactifs */
[role="tab"][aria-selected="false"]:hover,
[role="tab"][data-state="inactive"]:hover {
  color: #111827 !important; /* Texte plus foncé au survol */
  background-color: #f3f4f6 !important; /* Fond gris clair au survol */
}

/* Assurer la visibilité du texte dans tous les cas */
[role="tab"] {
  transition: all 0.2s ease-in-out;
  padding: 0.5rem 1rem !important;
  border-radius: 0.375rem !important;
  cursor: pointer !important;
}

/* Améliorer le contraste pour les onglets avec fond clair */
[role="tablist"] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* Styles spécifiques pour les onglets dans différents contextes */
[role="tablist"] [role="tab"] {
  min-height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}