Top Navbar
        .navbar-djema {
            background-color: var(--primary);
            border-bottom: 3px solid var(--warning);
            padding: 12px 16px;
        }
        .brand-logo-mini { max-height: 35px; }
/* =======================================================++====== */
        /* Style des Onglets (Tabs) */
        .nav-tabs-djema {
            border-bottom: 2px solid #e3e6ed;
            background-color: var(--white);
            border-radius: 10px;
            padding: 4px;
        }
        
        .nav-tabs-djema .nav-link {
            border: none;
            color: #748194;
            font-weight: 600;
            font-size: 0.9rem;
            padding: 10px 20px;
            border-radius: 8px;
            transition: all 0.2s;
        }

        .nav-tabs-djema .nav-link.active {
            background-color: var(--primary) !important;
            color: var(--white) !important;
        }

        /* Style des cartes produits */
        .product-card {
            border: none;
            border-radius: 12px;
            background-color: var(--white);
            box-shadow: 0 4px 15px rgba(11, 29, 58, 0.03);
            overflow: hidden;
            display: flex;
            align-items: center;
            padding: 12px;
        }

        .product-img {
            width: 70px;
            height: 70px;
            object-fit: cover;
            border-radius: 8px;
            background-color: var(--secondary);
        }

        .product-details {
            flex: 1;
            padding-left: 14px;
        }

        /* Badges de statut */
        .badge-active { background-color: rgba(22, 196, 127, 0.15); color: var(--success); }
        .badge-inactive { background-color: rgba(229, 57, 53, 0.15); color: var(--danger); }

        /* Bouton d'action flottant ou principal */
        .btn-add-product {
            background-color: var(--warning);
            color: var(--white);
            font-weight: 600;
            border: none;
            border-radius: 10px;
            padding: 8px 16px;
            font-size: 0.85rem;
        }
        .btn-add-product:hover { background-color: #E07A00; color: var(--white); }

        /* Bottom Mobile Navigation Bar */
        .bottom-nav {
            position: fixed; bottom: 0; left: 0; right: 0;
            background-color: var(--white);
            box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.05);
            display: flex; justify-content: space-around; padding: 10px 0;
            z-index: 1000; border-top: 1px solid #e3e6ed;
        }
        .bottom-nav-item { text-align: center; color: #748194; text-decoration: none; font-size: 0.75rem; font-weight: 600; display: flex; flex-direction: column; align-items: center; }
        .bottom-nav-item.active { color: var(--warning); }
        .bottom-nav-icon { font-size: 1.25rem; margin-bottom: 2px; }

        

    /* Style des Onglets (Tabs) */
    .nav-tabs-djemazone {
        border-bottom: 2px solid #e3e6ed;
        background-color: var(--white);
        border-radius: 12px;
        padding: 4px;
        display: flex;
        list-style: none;
        margin-bottom: 1.5rem;
    }
    
    .nav-tabs-djemazone .nav-item {
        flex: 1;
        text-align: center;
    }
    
    .nav-tabs-djemazone .nav-link-custom {
        display: block;
        width: 100%;
        border: none;
        background: transparent;
        color: #748194;
        font-weight: 600;
        font-size: 0.9rem;
        padding: 10px;
        border-radius: 8px;
        transition: all 0.2s ease;
        text-decoration: none;
    }

    .nav-tabs-djemazone .nav-link-custom.active {
        background-color: var(--primary) !important;
        color: var(--white) !important;
    }

    /* Liste de produits en mode liste compacte mobile */
    .product-list-wrapper {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .product-list-item {
        border: none;
        border-radius: 12px;
        background-color: var(--white);
        box-shadow: 0 4px 15px rgba(11, 29, 58, 0.03);
        overflow: hidden;
        display: flex;
        align-items: center;
        padding: 12px;
        position: relative;
    }

    .product-img {
        width: 65px;
        height: 65px;
        object-fit: cover;
        border-radius: 8px;
        background-color: var(--secondary);
    }

    .product-info {
        flex: 1;
        padding-left: 14px;
    }

    .product-title {
        font-size: 0.95rem;
        font-weight: 700;
        color: var(--dark);
        margin-bottom: 2px;
    }

    .product-stock {
        font-size: 0.75rem;
        color: #748194;
        margin-bottom: 4px;
    }

    .product-price {
        font-weight: 700;
        color: var(--primary);
        font-size: 1rem;
    }

    /* Badges de statut épurés */
    .badge-pill-custom {
        font-size: 0.7rem;
        font-weight: 600;
        padding: 4px 10px;
        border-radius: 30px;
        position: absolute;
        top: 12px;
        right: 12px;
    }
    .badge-pill-custom.active { background-color: rgba(22, 196, 127, 0.15); color: var(--success); }
    .badge-pill-custom.inactive { background-color: rgba(229, 57, 53, 0.15); color: var(--danger); }

    /* Bouton d'action principal de la page */
    .btn-add-product {
        background-color: var(--warning);
        color: var(--white);
        font-weight: 600;
        border: none;
        border-radius: 10px;
        padding: 8px 16px;
        font-size: 0.85rem;
        box-shadow: 0 4px 10px rgba(255, 138, 0, 0.15);
    }
    .btn-add-product:active { transform: scale(0.98); }

    /* Conteneurs d'onglets alternables */
    .tab-pane-custom {
        display: none;
    }
    .tab-pane-custom.active {
        display: block;
    }

/* Boutons à l'intérieur du menu */
.dropdown-item-btn {
    display: block;
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    padding: 10px 14px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--dark);
    cursor: pointer;
}

.dropdown-item-btn:hover {
    background-color: var(--secondary);
}

.dropdown-item-btn.text-danger {
    color: var(--danger) !important;
}
/* Structure de la Grille de Données (Data Grid Table) */
    .djemazone-grid-wrapper {
        background-color: var(--white);
        border-radius: 12px;
        box-shadow: 0 4px 15px rgba(11, 29, 58, 0.03);
        overflow-x: auto; /* Permet le défilement horizontal sur mobile */
        -webkit-overflow-scrolling: touch;
    }

    .djemazone-data-grid {
        width: 100%;
        border-collapse: collapse;
        min-width: 600px; /* Force une largeur minimale pour garder l'alignement en colonnes */
    }

    /* En-tête du Data Grid */
    .djemazone-data-grid thead th {
        background-color: #f8f9fa;
        color: var(--primary);
        font-weight: 700;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        padding: 14px 16px;
        border-bottom: 2px solid #e3e6ed;
        text-align: left;
    }

    /* Corps du Data Grid */
    .djemazone-data-grid tbody tr {
        border-bottom: 1px solid #edf2f9;
        transition: background-color 0.15s ease;
    }
    .djemazone-data-grid tbody tr:hover {
        background-color: rgba(242, 244, 247, 0.5);
    }

    .djemazone-data-grid tbody td {
        padding: 12px 16px;
        font-size: 0.9rem;
        color: var(--dark);
        vertical-align: middle;
    }

    /* Cellule Produit (Visuel) */
    .grid-product-cell {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .grid-product-img {
        width: 45px;
        height: 45px;
        object-fit: cover;
        border-radius: 6px;
        background-color: var(--secondary);
    }
    .grid-product-name {
        font-weight: 600;
        color: var(--dark);
    }

    /* Badges de statut */
    .grid-badge {
        font-size: 0.75rem;
        font-weight: 600;
        padding: 4px 10px;
        border-radius: 30px;
        display: inline-block;
    }
    .grid-badge.active { background-color: rgba(22, 196, 127, 0.15); color: var(--success); }
    .grid-badge.inactive { background-color: rgba(229, 57, 53, 0.15); color: var(--danger); }

    /* Boutons et Dropdown d'actions du Data Grid */
    .grid-actions-menu {
        position: relative;
        display: inline-block;
    }
    .btn-grid-action {
        background: transparent; border: none; color: #9da9bb;
        font-size: 1.2rem; cursor: pointer; padding: 4px 8px; line-height: 1;
    }
    .grid-dropdown {
        display: none; position: absolute; right: 0; top: 100%;
        background-color: var(--white); border: 1px solid #e3e6ed;
        border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        z-index: 100; min-width: 120px; overflow: hidden;
    }
    .grid-dropdown-item {
        display: block; width: 100%; text-align: left; background: transparent;
        border: none; padding: 10px 14px; font-size: 0.8rem; font-weight: 600;
        color: var(--dark); cursor: pointer;
    }
    .grid-dropdown-item:hover { background-color: var(--secondary); }
    .grid-dropdown-item.text-danger { color: var(--danger) !important; }


    /* Customisation Falcon-DataTable pour la recherche globale cachée nativement au profit de ton input personnalisé */
    .dataTables_filter { display: none !important; }
    
    /* Harmonisation des cartes de statistiques */
    .stat-card {
        border-radius: var(--border-radius-custom) !important;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .stat-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(11, 29, 58, 0.08) !important;
    }
    
    /* Wrapper principal de la table */
    .table-container {
        border-radius: var(--border-radius-custom) !important;
        overflow: hidden;
    }

    /* Style des entêtes de colonne Falcon */
    #deliveriesTable thead th {
        background-color: var(--primary) !important;
        color: var(--white) !important;
        font-weight: 600;
        font-size: 0.8rem;
        letter-spacing: 0.5px;
    }