/* ========================================
   DROPDOWN MENU - Sélecteur ULTRA SPÉCIFIQUE
   ======================================== */
   .dropdown.menu-dropdown {
    width: 320px;
    padding: 12px 0;
  }
  
  /* 🔥 Sélecteur TRÈS SPÉCIFIQUE pour battre le reset CSS */
  .dropdown.menu-dropdown .menu-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    margin: 4px 8px !important;
    cursor: pointer !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    user-select: none !important;
    background: transparent !important;
  }
  
  .dropdown.menu-dropdown .menu-item:hover {
    background: #F7FAFC !important;
  }
  
  .dropdown.menu-dropdown .menu-icon {
    font-size: 20px !important;
    width: 24px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
    color: #1A202C !important;
  }
  
  .dropdown.menu-dropdown .menu-label {
    flex: 1 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #1A202C !important;
  }
  
  /* Items actifs */
  .dropdown.menu-dropdown .menu-item.active {
    background: #EDF2F7 !important;
  }
  
  .dropdown.menu-dropdown .menu-item.active .menu-label {
    font-weight: 700 !important;
    color: #2D3748 !important;
  }
  
  /* Checkmark cyan À DROITE */
  .dropdown.menu-dropdown .menu-checkmark {
    color: #00D4FF !important;
    font-size: 18px !important;
    font-weight: bold !important;
    display: none !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
  }
  
  .dropdown.menu-dropdown .menu-item.active .menu-checkmark {
    display: block !important;
  }
  
  /* Status */
  .dropdown.menu-dropdown .menu-status {
    font-size: 13px !important;
    color: #718096 !important;
    margin-left: auto !important;
    margin-right: 8px !important;
    font-weight: 500 !important;
  }
  
  .dropdown.menu-dropdown .menu-item.active .menu-status {
    font-weight: 600 !important;
    color: #2D3748 !important;
  }
  
  /* Flèche pour sous-menus */
  .dropdown.menu-dropdown .menu-arrow {
    color: #A0AEC0 !important;
    font-size: 10px !important;
    transition: transform 0.2s ease !important;
    flex-shrink: 0 !important;
  }
  
  .dropdown.menu-dropdown .menu-item.has-submenu.open .menu-arrow {
    transform: rotate(90deg) !important;
  }
  
  /* Sous-menus */
  .dropdown.menu-dropdown .menu-submenu {
    background: #F7FAFC !important;
    padding: 4px 0 !important;
    margin: 0 8px 4px 8px !important;
    border-radius: 6px !important;
  }
  
  .dropdown.menu-dropdown .submenu-item {
    padding: 10px 16px 10px 52px !important;
    font-size: 14px !important;
    color: #4A5568 !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    border-radius: 4px !important;
    margin: 2px 4px !important;
  }
  
  .dropdown.menu-dropdown .submenu-item:hover {
    background: #EDF2F7 !important;
  }
  
  .dropdown.menu-dropdown .submenu-item.active {
    color: #00D4FF !important;
    font-weight: 600 !important;
    background: #E6FFFA !important;
    position: relative !important;
  }
  
  .dropdown.menu-dropdown .submenu-item.active::after {
    content: '✓' !important;
    position: absolute !important;
    right: 16px !important;
    color: #00D4FF !important;
    font-size: 14px !important;
    font-weight: bold !important;
  }