/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

/* Styles personnalisés pour les badges d'opportunités */

/* Badge de statut */
.status-badge {
    font-weight: 600;
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
    border-radius: 0.375rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Badge de probabilité */
.badge {
    font-weight: 600;
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
    border-radius: 0.375rem;
    letter-spacing: 0.025em;
}

/* Couleurs personnalisées pour les probabilités */
.bg-orange {
    background-color: #fd7e14 !important;
    color: white !important;
}

.bg-orange:hover {
    background-color: #e8690b !important;
}

/* Amélioration des couleurs existantes */
.bg-success {
    background-color: #10b981 !important;
    color: white !important;
}

.bg-warning {
    background-color: #f59e0b !important;
    color: white !important;
}

.bg-danger {
    background-color: #ef4444 !important;
    color: white !important;
}

.bg-info {
    background-color: #3b82f6 !important;
    color: white !important;
}

.bg-secondary {
    background-color: #6b7280 !important;
    color: white !important;
}

/* Animation subtile au survol */
.badge:hover {
    transform: translateY(-1px);
    transition: transform 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Style pour les badges dans les tableaux */
.table .badge {
    min-width: 60px;
    text-align: center;
}

/* Style pour les badges dans les modals */
.modal .badge {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
}