/* On blinde le CSS pour éviter les conflits avec le thème Divi/Elementor/Autre */
#itf-app.itf-trading-wrapper {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    padding: 30px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
    font-family: Arial, sans-serif !important;
    margin: 40px 0 !important;
    text-align: left !important;
}

#itf-app .itf-header h2 {
    color: #2c3e50 !important;
    font-size: 24px !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
}

#itf-app .itf-trading-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 20px !important;
    margin-top: 25px !important;
}

#itf-app .itf-card {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    padding: 20px !important;
    border-radius: 8px !important;
}

#itf-app .itf-card h3 {
    color: #34495e !important;
    font-size: 18px !important;
    border-bottom: 2px solid #3498db !important;
    padding-bottom: 8px !important;
    margin-top: 0 !important;
}

#itf-app .itf-form-group { margin-bottom: 15px !important; }
#itf-app label { font-weight: bold !important; color: #2c3e50 !important; display:block !important; margin-bottom:5px !important;}
#itf-app input[type="number"] { width: 100% !important; padding: 10px !important; border: 1px solid #ccc !important; border-radius: 4px !important; color: #000 !important; background: #fff !important; }

#itf-app .itf-results { list-style: none !important; padding: 0 !important; margin: 0 !important; }
#itf-app .itf-results li { padding: 10px 0 !important; border-bottom: 1px solid #ddd !important; display: flex !important; justify-content: space-between !important; }
#itf-app .highlight { font-weight: bold !important; font-size: 1.1em !important; }

#itf-app .badge { padding: 4px 8px !important; border-radius: 4px !important; color: #fff !important; font-weight: bold !important; }
#itf-app .badge-red { background-color: #e74c3c !important; }
#itf-app .badge-blue { background-color: #3498db !important; }

/* Boutons d'action */
#itf-app .itf-btn-group { display: flex !important; flex-direction: column !important; gap: 15px !important; margin-top:20px !important;}
#itf-app .itf-btn { 
    padding: 12px 20px !important; 
    border: none !important; 
    border-radius: 6px !important; 
    font-weight: bold !important; 
    font-size: 16px !important; 
    cursor: pointer !important; 
    transition: 0.3s !important; 
    width: 100% !important;
}
#itf-app .itf-btn-primary { background-color: #27ae60 !important; color: white !important; }
#itf-app .itf-btn-primary:hover { background-color: #2ecc71 !important; }
#itf-app .itf-btn-secondary { background-color: #2c3e50 !important; color: white !important; }
#itf-app .itf-btn-secondary:hover { background-color: #34495e !important; }

/* Style Dashboard */
.itf-filters-bar { display: flex; gap: 15px; margin-bottom: 20px; background: #f1f4f7; padding: 15px; border-radius: 8px; }
.itf-filters-bar input { flex: 2; padding: 10px; border-radius: 4px; border: 1px solid #ccc; }
.itf-filters-bar select { flex: 1; padding: 10px; border-radius: 4px; border: 1px solid #ccc; }

.itf-table { width: 100%; border-collapse: collapse; margin-top: 10px; }
.itf-table th { text-align: left; background: #2c3e50; color: white; padding: 12px; }
.itf-table td { padding: 12px; border-bottom: 1px solid #eee; color: #333; }

.badge-strategy { padding: 4px 8px; border-radius: 12px; font-size: 11px; font-weight: bold; color: white; }
.badge-strategy.prudente { background: #27ae60; }
.badge-strategy.équilibrée { background: #f1c40f; color: #000; }
.badge-strategy.risquée { background: #e74c3c; }

.btn-icon { background: none; border: none; cursor: pointer; font-size: 18px; transition: 0.2s; padding: 5px; }
.btn-icon:hover { transform: scale(1.2); }