/* Creative Engineering — Migration 2D-3O
   Objectif : remplacer le bleu de la sidebar par un gris doux,
   puis distinguer chaque groupe par une bordure fine et discrète.
   Aucune modification de la base, des routes, du dashboard ou du graphique. */

:root{
    --ce-sidebar:#f4f5f7;
    --ce-sidebar-2:#eceff2;
    --ce-text:#263445;
    --ce-muted:#687384;

    --ce-top:#c8d0d9;
    --ce-newsletter:#cbb8e8;
    --ce-content:#b9d9c1;
    --ce-configuration:#b8d3eb;
    --ce-catalogue:#e9c9a9;
    --ce-commercial:#e9b7bd;
    --ce-security:#cbb8ea;

    --ce-active:#f28a2e;
}

/* Fond général de la barre latérale */
.fi-sidebar{
    background:linear-gradient(180deg,var(--ce-sidebar) 0%,var(--ce-sidebar-2) 100%) !important;
    border-right:1px solid #d8dde3 !important;
    box-shadow:10px 0 28px rgba(35,48,63,.08) !important;
}

/* Zone du logo : conserver le logo déjà installé */
.fi-sidebar-header{
    background:#ffffff !important;
    border-bottom:1px solid #dfe4e8 !important;
}

/* Textes et icônes de navigation */
.fi-sidebar-item-button{
    color:var(--ce-text) !important;
    border-radius:10px !important;
    margin:2px 8px !important;
}
.fi-sidebar-item-button svg{
    color:#667484 !important;
}
.fi-sidebar-item-button:hover{
    background:rgba(255,255,255,.85) !important;
    color:#1e2b3a !important;
}
.fi-sidebar-item.fi-active > .fi-sidebar-item-button,
.fi-sidebar-item-button[aria-current="page"]{
    background:#ffffff !important;
    color:#24324a !important;
    box-shadow:inset 4px 0 0 var(--ce-active), 0 1px 5px rgba(0,0,0,.04) !important;
}
.fi-sidebar-item.fi-active > .fi-sidebar-item-button svg,
.fi-sidebar-item-button[aria-current="page"] svg{
    color:var(--ce-active) !important;
}

/* Titres de groupes */
.fi-sidebar-group{
    border:1px solid transparent;
    border-left-width:3px !important;
    border-radius:12px;
    margin:9px 5px !important;
    padding:5px 0 7px !important;
    background:rgba(255,255,255,.42);
}
.fi-sidebar-group-label{
    color:#596675 !important;
    font-weight:800 !important;
    letter-spacing:.045em !important;
    font-size:.68rem !important;
    text-transform:uppercase !important;
}

/* Groupe 1 : bloc supérieur / configuration de base */
.fi-sidebar-nav > ul > li:nth-of-type(1){
    border-left-color:var(--ce-top) !important;
}

/* Newsletter */
.fi-sidebar-nav > ul > li:nth-of-type(2){
    border-left-color:var(--ce-newsletter) !important;
    background:rgba(203,184,232,.08) !important;
}

/* Contenu */
.fi-sidebar-nav > ul > li:nth-of-type(3){
    border-left-color:var(--ce-content) !important;
    background:rgba(185,217,193,.08) !important;
}

/* Configuration */
.fi-sidebar-nav > ul > li:nth-of-type(4){
    border-left-color:var(--ce-configuration) !important;
    background:rgba(184,211,235,.09) !important;
}

/* Catalogue */
.fi-sidebar-nav > ul > li:nth-of-type(5){
    border-left-color:var(--ce-catalogue) !important;
    background:rgba(233,201,169,.10) !important;
}

/* Commercial */
.fi-sidebar-nav > ul > li:nth-of-type(6){
    border-left-color:var(--ce-commercial) !important;
    background:rgba(233,183,189,.09) !important;
}

/* Sécurité */
.fi-sidebar-nav > ul > li:nth-of-type(7){
    border-left-color:var(--ce-security) !important;
    background:rgba(203,184,234,.08) !important;
}

/* Mobile : même logique, sans bleu */
@media (max-width:1024px){
    .fi-sidebar{
        background:linear-gradient(180deg,#f5f6f8 0%,#eceff2 100%) !important;
    }
}

/* Ne rien toucher au contenu principal, cartes, graphiques, widgets */
.fi-main,
.fi-page,
.fi-wi-widget,
canvas{
    filter:none !important;
}