/* =========================================
   FORMULAIRES - LABELS ET CARTES
   ========================================= */

/* ✅ Labels de formulaire - Style cohérent avec la sidebar */
.form-item label {
  margin-left: 10px;
  margin-bottom: 6px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #1a2644 !important; /* ✅ Bleu marine */
  text-transform: uppercase; /* ✅ Cohérent avec les titres de sidebar */
}

/* ✅ En-tête de carte / Summary - Style épuré */
.card-header[aria-controls] {
  border-radius: 10px 10px 0 0 !important; /* ✅ Coins arrondis en haut uniquement */
  padding: 12px 16px !important;
  background-color: #ffffff !important;
  border: 1.5px solid #E2E8F0 !important;
  border-bottom: 2px solid #1a2644 !important; /* ✅ Ligne bleu marine en bas */
  box-shadow: none !important;
  color: #1a2644 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  transition: background-color 0.2s ease !important;
}

/* ✅ Hover sur l'en-tête de carte */
.card-header[aria-controls]:hover {
  background-color: #f0f4fa !important; /* ✅ Fond bleu pâle au hover */
}

/* ✅ Corps de la carte / Détails - Style Soft UI */
.details-wrapper.card-body {
  border-radius: 0 0 10px 10px !important; /* ✅ Coins arrondis en bas uniquement */
  overflow: hidden;
  padding: 16px !important;
  background-color: #f8fafc !important; /* ✅ Fond gris très clair */
  border: 1.5px solid #E2E8F0 !important;
  border-top: none !important; /* ✅ Supprime la bordure du haut (déjà présente sur le header) */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02), 0 4px 12px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* ✅ Hover sur le corps de la carte */
.details-wrapper.card-body:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(26, 38, 68, 0.08) !important;
}