/* Style SIMPLE et MINIMALISTE pour les dashboards Admin et Commercial */
/* AutoBF - 2025-01-10 - Version simplifiée */

/* ============================================
   FOND PRINCIPAL - SIMPLE
   ============================================ */
html, body, #root, main, [class*="Dashboard"] {
  background: #f9fafb !important;
  min-height: 100vh !important;
}

/* ============================================
   CARTES DE STATISTIQUES - STYLE SIMPLE
   ============================================ */
/* Cibler TOUS les divs possibles qui pourraient être des cartes */
[class*="Dashboard"] [class*="grid"] > div,
[class*="grid"] > div,
div[data-card-simple-styled],
div[data-card-styled],
main [class*="grid"] > div,
#root [class*="grid"] > div,
#root > div > div > div > div > div,
#root > div > div > div > div > div > div {
  background: white !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  padding: 0.875rem !important;
  transition: all 0.2s ease !important;
}

[class*="Dashboard"] [class*="grid"] > div:hover,
[class*="grid"] > div:hover,
div[data-card-simple-styled]:hover,
div[data-card-styled]:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  border-color: #d1d5db !important;
}

/* Nombres - Plus petit et couleur discrète */
[class*="Dashboard"] [class*="grid"] [class*="font-bold"],
[class*="Dashboard"] [class*="grid"] .text-lg,
[class*="grid"] [class*="font-bold"],
[class*="grid"] .text-lg,
div[data-card-simple-styled] [class*="font-bold"],
div[data-card-simple-styled] .text-lg,
div[data-card-simple-styled] .text-xl,
div[data-card-simple-styled] .text-2xl,
div[data-card-styled] [class*="font-bold"],
div[data-card-styled] .text-lg {
  color: #374151 !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

/* Labels - Plus petit et couleur discrète */
[class*="Dashboard"] [class*="grid"] .text-xs,
[class*="Dashboard"] [class*="grid"] .text-sm,
[class*="grid"] .text-xs,
[class*="grid"] .text-sm,
div[data-card-simple-styled] .text-xs,
div[data-card-simple-styled] .text-sm,
div[data-card-styled] .text-xs,
div[data-card-styled] .text-sm {
  color: #6b7280 !important;
  font-weight: 400 !important;
  font-size: 0.75rem !important;
  margin-top: 0.25rem !important;
}

/* Icônes - Simple gris */
[class*="Dashboard"] [class*="grid"] svg,
[class*="grid"] svg,
div[data-card-simple-styled] svg {
  color: #9ca3af !important;
  fill: #9ca3af !important;
  stroke: #9ca3af !important;
  opacity: 0.8 !important;
}

/* ============================================
   ONGLETS - SIMPLE
   ============================================ */
[class*="Dashboard"] [role="tablist"],
[role="tablist"] {
  background: white !important;
  border-radius: 8px !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  padding: 0.5rem !important;
}

[class*="Dashboard"] [role="tab"][aria-selected="true"],
[role="tab"][aria-selected="true"] {
  background: #f97316 !important;
  color: white !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
}

[class*="Dashboard"] [role="tab"][aria-selected="false"],
[role="tab"][aria-selected="false"] {
  color: #6b7280 !important;
}

/* ============================================
   PANNEAUX DE CONTENU - SIMPLE
   ============================================ */
[class*="Dashboard"] [role="tabpanel"],
[role="tabpanel"] {
  background: white !important;
  border-radius: 8px !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
  padding: 1.5rem !important;
  margin-top: 1rem !important;
}

/* ============================================
   TABLEAUX - SIMPLE
   ============================================ */
[class*="Dashboard"] table thead,
table thead {
  background: #f97316 !important;
}

[class*="Dashboard"] table th,
table th {
  color: white !important;
  font-weight: 600 !important;
  padding: 0.75rem 1rem !important;
}

[class*="Dashboard"] table tbody tr,
table tbody tr {
  background: white !important;
  border-bottom: 1px solid #e5e7eb !important;
}

[class*="Dashboard"] table tbody tr:hover,
table tbody tr:hover {
  background: #f9fafb !important;
}

/* ============================================
   TITRES - SIMPLE
   ============================================ */
[class*="Dashboard"] h1,
[class*="Dashboard"] h2,
[class*="Dashboard"] h3 {
  color: #f97316 !important;
  font-weight: 700 !important;
}

/* ============================================
   EN-TÊTE - SIMPLE
   ============================================ */
[class*="Dashboard"] header,
[class*="Dashboard"] > div > header {
  background: white !important;
  border-bottom: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

/* ============================================
   FORCER TOUS LES FONDS GRIS À ÊTRE BLANC
   ============================================ */
[class*="bg-gray"],
[class*="bg-slate"],
[class*="bg-zinc"] {
  background: white !important;
}

[class*="text-gray"],
[class*="text-slate"],
[class*="text-zinc"] {
  color: #6b7280 !important;
}