/* ============================================================================
   GAIA — Menu sidebar admin : accordéons verts modernes.
   Sections en bandeau vert sauge avec effets de hover et flèche minimale.
   ============================================================================ */

#nav-sidebar #app-list h2,
#nav-sidebar #app-list h3 {
  cursor: pointer;
  user-select: none;
  background: linear-gradient(135deg, #3f6e57 0%, #2d5442 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 11px 14px !important;
  margin: 6px 4px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: 0.2px;
  text-transform: none !important;
  box-shadow: 0 2px 6px rgba(63, 110, 87, 0.25);
  transition: background 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
}

#nav-sidebar #app-list h2:hover,
#nav-sidebar #app-list h3:hover {
  background: linear-gradient(135deg, #4a7d65 0%, #356148 100%) !important;
  box-shadow: 0 4px 12px rgba(63, 110, 87, 0.35);
  transform: translateY(-1px);
}

/* Section dépliée : variante légèrement plus claire */
#nav-sidebar #app-list h2:not(.gaia-collapsed),
#nav-sidebar #app-list h3:not(.gaia-collapsed) {
  background: linear-gradient(135deg, #4a7d65 0%, #3f6e57 100%) !important;
  box-shadow: 0 3px 10px rgba(63, 110, 87, 0.30);
}

/* Flèche ▸ / ▾ minimale, alignée à droite */
#nav-sidebar #app-list .gaia-collapse-btn {
  margin-left: 10px;
  border: 0;
  background: rgba(255, 255, 255, 0.18);
  cursor: pointer;
  font-size: 11px;
  line-height: 1;
  opacity: 0.95;
  padding: 4px 8px;
  color: #fff;
  border-radius: 6px;
  transition: background 0.15s ease;
}

#nav-sidebar #app-list h2:hover .gaia-collapse-btn,
#nav-sidebar #app-list h3:hover .gaia-collapse-btn {
  background: rgba(255, 255, 255, 0.28);
}

/* Liens DANS une section dépliée : fond blanc subtil, hover vert */
#nav-sidebar #app-list .module {
  margin: 2px 4px 8px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

#nav-sidebar #app-list .module a,
#nav-sidebar #app-list table a {
  display: block;
  padding: 8px 16px !important;
  border-radius: 8px;
  color: #2d5442 !important;
  font-weight: 600;
  font-size: 13px;
  margin: 1px 4px;
  text-decoration: none;
  transition: background 0.12s ease, padding 0.12s ease, color 0.12s ease;
}

#nav-sidebar #app-list .module a:hover,
#nav-sidebar #app-list table a:hover {
  background: rgba(63, 110, 87, 0.10) !important;
  padding-left: 20px !important;
  color: #20492e !important;
}

/* Item actif (page courante) */
#nav-sidebar #app-list .current-app .section,
#nav-sidebar #app-list .current-model,
#nav-sidebar #app-list a.current {
  background: rgba(63, 110, 87, 0.16) !important;
  color: #20492e !important;
  box-shadow: inset 3px 0 0 #3f6e57;
}

/* Champ filtre */
#nav-sidebar #nav-filter {
  margin: 4px 8px 10px !important;
  border-radius: 10px !important;
  border: 1px solid #d8e6dd !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  width: calc(100% - 16px) !important;
  background: #fff;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#nav-sidebar #nav-filter:focus {
  border-color: #3f6e57 !important;
  box-shadow: 0 0 0 3px rgba(63, 110, 87, 0.15);
  outline: none;
}