/* ===================================================================
   STYLES POUR UNE INTERFACE COMPACTE - Réduction des espaces verticaux
   =================================================================== */

/* Réduction des marges globales */
body {
    font-size: 0.95rem;
}

.section_profile {
    font-size: 0.95rem;
}


#main {
    margin-top: 55px; /* Réduit de 60px à 50px */
    padding: 15px 5px; /* Réduit de 20px à 10px */
}

/* Compacter les en-têtes de page */
.pagetitle {
    margin-bottom: -2px;
}

.pagetitle h1 {
    font-size: 17px; /* Réduit de 18.5px */
    margin-bottom: 5px;
    padding: 5px;
}

/* Réduction de la hauteur de l'en-tête principal */
/*.header {
    height: 50px;*/ /* Réduit de 60px à 50px */
/*}*/

/* Ajustement de la barre latérale avec le nouvel en-tête */
/*.sidebar {
    top: 50px;*/ /* Aligner avec la nouvelle hauteur d'en-tête */
/*}*/

/* ===== MODERN PAGE TITLE COMPACTE ===== */
/*.modern-pagetitle {
    margin-bottom: 10px;*/ /* Réduit de 20px à 10px */
    /*border-radius: 8px;*/ /* Réduit de 12px à 8px */
/*}

.modern-title {
    font-size: 18px !important;*/ /* Réduit de 24px */
    /*padding: 12px 20px 10px 20px;*/ /* Réduit des valeurs de padding */
/*}*/

.modern-pagetitle .breadcrumb {
    padding: 3px 0px 3px 56px; 
}

/* ===== RÉDUCTION DE LA HAUTEUR DES ONGLETS ===== */
.nav-tabs-bordered {
    padding: 5px 5px 0 5px;  /*Réduit de 8px à 4px */
    border-radius: 10px 10px 0 0;  /*Réduit de 12px à 8px */
}

    .nav-tabs-bordered .nav-link {
        padding: 10px 20px;/*  Réduit de 14px/20px à 8px/16px*/ 
        min-height: 40px;  /*Réduit de 54px à 38px */
        font-size: 13px;  /*Réduit de 14px */
    }

.tab-content {
    border-radius: 0 0 0px 0px;  /*Réduit de 12px à 8px */
    min-height: 100px;  /*Réduit de 400px à 300px */
}

.tab-pane {
    padding: 5px;  /*Réduit de 30px à 15px */
}

/* Correction pour le responsive */
@media (max-width: 767.98px) {
    /* Réductions supplémentaires pour mobile*/ 
    .modern-title {
        font-size: 16px !important;
        padding: 10px 15px 8px 15px;
    }

    .modern-pagetitle .breadcrumb {
        padding: 6px 15px 10px 15px;
        font-size: 11px;
    }

    .nav-tabs-bordered .nav-link {
        padding: 6px 10px;
        min-height: 32px;
        font-size: 12px;
    }

    .tab-pane {
        padding: 12px 10px;
    }
}

/* Réduction pour très petits écrans */
@media (max-width: 575.98px) {

    .nav-tabs-bordered .nav-link {
        padding: 5px 8px;
        min-height: 30px;
        font-size: 11px;
    }

    .modern-title {
        font-size: 15px !important;
    }
}