:root {
            --primary-color: #af0909; /* Rouge Vif */
            --secondary-color: #000000; /* Noir */
            --sidebar-bg: #000000; /* Couleur sombre pour la sidebar (noir/gris foncé) */
        }

        /* Styles personnalisés pour la sidebar */
        .sidebar {
            width: 250px;
            background-color: var(--sidebar-bg);
            color: white;
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            padding-top: 1rem;
            transition: transform 0.3s ease;
        }
        .sidebar .nav-link {
            color: #adb5bd;
            padding: 0.75rem 1rem;
        }
        .sidebar .nav-link.active, .sidebar .nav-link:hover {
            color: #fff;
            background-color: var(--primary-color);
        }
        .sidebar-heading {
            padding: 0.5rem 1rem;
            font-size: 1.2rem;
            color: var(--primary-color);
        }

        /* Ajustement du contenu principal pour laisser de la place à la sidebar */
        .main-content {
            margin-left: 250px;
            padding: 20px;
        }

        /* Responsive : masquer la sidebar sur les petits écrans et ajouter un bouton toggle (fonctionnalité offcanvas de Bootstrap 5) */
        @media (max-width: 992px) {
            .sidebar {
                transform: translateX(-100%);
            }
            .main-content {
                margin-left: 0;
            }
        }
        
        .card-custom {
            border-left: 5px solid var(--primary-color);
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }

        .text-starlink-red {
            color: var(--primary-color);
        }



.asteriskField {
    display: none;
}

    /* CSS Somaf Dashboard  */
    body { background-color: #f8fafc; font-family: 'Inter', sans-serif; }
    .fw-black { font-weight: 900; }
    
    .kpi-card { transition: transform 0.3s ease; }
    .kpi-card:hover { transform: translateY(-10px); }

    .icon-shape {
        width: 56px;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btn-white-glass {
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.3);
        color: white;
    }

    .bg-danger-subtle { background-color: #ffe5e5 !important; }
    .bg-success-subtle { background-color: #e5f9e5 !important; }
    .bg-primary-subtle { background-color: #e5f0ff !important; }
    .bg-info-subtle { background-color: #e5f7f9 !important; }

    .shadow-danger { box-shadow: 0 8px 20px rgba(220, 53, 69, 0.3); }

    @keyframes pulse {
        0% { opacity: 1; }
        50% { opacity: 0.5; }
        100% { opacity: 1; }
    }
    .animate-pulse { animation: pulse 2s infinite; }

    .table thead th { font-weight: 700; letter-spacing: 0.5px; border: none; }