/* Fix pour utiliser toute la largeur avec le menu horizontal */
/* Cette feuille de style force le contenu à utiliser 100% de la largeur */

body.horizontal-menu-active {
    overflow-x: hidden !important;
}

body.horizontal-menu-active .main-wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
}

body.horizontal-menu-active .page-wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.horizontal-menu-active .page-wrapper .content {
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 24px 40px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Forcer tous les conteneurs à utiliser toute la largeur */
body.horizontal-menu-active .container,
body.horizontal-menu-active .container-fluid,
body.horizontal-menu-active .row,
body.horizontal-menu-active .col,
body.horizontal-menu-active .col-md-3,
body.horizontal-menu-active .col-md-6,
body.horizontal-menu-active .col-md-12 {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Ajustement spécifique pour les cartes */
body.horizontal-menu-active .card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px 0 !important;
}

body.horizontal-menu-active .card-body {
    width: 100% !important;
    padding: 24px 40px !important;
    box-sizing: border-box !important;
}

/* Forcer le tableau à utiliser toute la largeur */
body.horizontal-menu-active .table-responsive {
    width: 100% !important;
    max-width: none !important;
    overflow-x: auto !important;
    margin: 0 !important;
}

body.horizontal-menu-active .table {
    width: 100% !important;
    max-width: none !important;
    table-layout: auto !important;
    margin: 0 !important;
}

/* Ajustement des colonnes du tableau */
body.horizontal-menu-active .table th,
body.horizontal-menu-active .table td {
    padding: 12px 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Ajustement des filtres */
body.horizontal-menu-active .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    width: 100% !important;
}

body.horizontal-menu-active .col-md-3 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
}

/* Ajustement des boutons et actions */
body.horizontal-menu-active .d-md-flex {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 24px !important;
}

/* Ajustement de la pagination */
body.horizontal-menu-active .pagination {
    width: 100% !important;
    justify-content: center !important;
    margin: 24px 0 0 0 !important;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    body.horizontal-menu-active .page-wrapper .content {
        padding: 15px !important;
    }

    body.horizontal-menu-active .card-body {
        padding: 15px !important;
    }

    body.horizontal-menu-active .col-md-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 15px !important;
    }
}

@media (max-width: 768px) {
    body.horizontal-menu-active .page-wrapper .content {
        padding: 10px !important;
    }

    body.horizontal-menu-active .card-body {
        padding: 10px !important;
    }

    body.horizontal-menu-active .table th,
    body.horizontal-menu-active .table td {
        padding: 8px 12px !important;
        font-size: 0.875rem !important;
    }
}