.table-responsive {
    display: table; /* Style normal du tableau */
    width: 100%;
}

.swal2-popup.swal2-toast .swal2-title {
    font-size: 0.85rem !important;
}

/* Style du tableau en mode mobile (transformé en cartes avec chaque champ sur une ligne séparée) */
@media (max-width: 768px) {
    .table-responsive {
        display: block;
        width: 100% !important;
    }

    .table-responsive thead {
        display: none; /* Cache l'en-tête */
    }

    .table-responsive tbody tr {
        display: grid;
        grid-template-columns: 1fr; /* Une seule colonne pour chaque ligne */
        margin-bottom: 1rem;
        border-radius: 0.5rem;
        border: 1px solid #cccccc;
        padding: 1rem;
    }

    .table-responsive tbody td {
        display: flex;
        justify-content: space-between;
        padding: 0.5rem 0;
        border: none; /* Supprime les bordures */
    }

    /* Style pour les labels de chaque champ en mode carte */
    .table-responsive tbody td::before {
        content: attr(data-label);
        font-weight: bold;
        color: #333;
        margin-right: 10px;
    }
}

#chart-container-doughnut, #chart-container-pie {
    width: 80% !important;
    height: 70% !important;
}

.disabled-link {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.4; /* Facultatif, pour montrer un état désactivé */
}

.table-opacity {
    --bs-table-bg: rgb(252, 239, 241) !important;
}

#theme-switch i:first-child {
    display: none;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #019034 !important;
}

.btn-success {
    color: #fff;
    background-color: #019034 !important;
    border-color: transparent;
}

.btn-success:active, .btn-success:focus, .btn-success:hover {
    color: #fff;
    background-color: #00812e !important;
    border-color: transparent !important;
}

.user-profile-img .overlay-content {
    background: rgba(1, 144, 52, .8);
}

#sidebar-menu ul li.mm-active > a {
    background-color: var(--bs-sidebar-menu-item-active-bg-color);
    color: #019034 !important;
}

#user_edit_categories, #user_edit_roles, #user_categories, #user_roles {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}