/* Creative Engineering — Migration 2D-3N
   Branding admin : logo officiel + sidebar colorée.
   Aucune modification du dashboard métier ni de la base de données. */

:root{
    --ce-navy:#082c63;
    --ce-navy-2:#0d4a9a;
    --ce-blue:#1265d8;
    --ce-sky:#35bde9;
    --ce-orange:#ff7a12;
    --ce-green:#17a566;
    --ce-red:#e5484d;
    --ce-yellow:#ffd978;
    --ce-white:#ffffff;
}

/* Sidebar desktop */
.fi-sidebar{
    background:
        linear-gradient(180deg, #0b4ca0 0%, #073d85 48%, #062d66 100%) !important;
    border-right: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 12px 0 34px rgba(4,35,78,.16) !important;
}

/* Header/brand zone */
.fi-sidebar-header{
    min-height: 92px !important;
    padding: 13px 14px !important;
    background: rgba(255,255,255,.05) !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
.ce3n-brand{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.ce3n-brand-card{
    width:100%;
    max-width:188px;
    min-height:58px;
    background:#fff;
    border-radius:13px;
    padding:7px 10px;
    box-shadow:0 7px 20px rgba(0,0,0,.18);
    display:flex;
    align-items:center;
    justify-content:center;
}
.ce3n-brand-card img{
    display:block;
    width:100%;
    max-height:48px;
    object-fit:contain;
}

/* Navigation */
.fi-sidebar-nav{
    padding-top:12px !important;
}
.fi-sidebar-group-label{
    color:#8dd9ff !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    letter-spacing:.06em !important;
    font-size:.69rem !important;
}
.fi-sidebar-item-button{
    color:rgba(255,255,255,.92) !important;
    border-radius:11px !important;
    margin:2px 8px !important;
    transition:background .16s ease, color .16s ease, transform .16s ease !important;
}
.fi-sidebar-item-button svg{
    color:#cbe8ff !important;
}
.fi-sidebar-item-button:hover{
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
    transform:translateX(2px);
}
.fi-sidebar-item.fi-active > .fi-sidebar-item-button,
.fi-sidebar-item-button[aria-current="page"]{
    background:linear-gradient(90deg, rgba(255,122,18,.22), rgba(255,255,255,.10)) !important;
    color:#fff !important;
    box-shadow:inset 4px 0 0 var(--ce-orange) !important;
}
.fi-sidebar-item.fi-active > .fi-sidebar-item-button svg,
.fi-sidebar-item-button[aria-current="page"] svg{
    color:#ffba7a !important;
}

/* Small visual accents on group dividers */
.fi-sidebar-group{
    position:relative;
}
.fi-sidebar-group + .fi-sidebar-group{
    margin-top:8px !important;
}

/* User section at bottom */
.fi-sidebar-footer{
    background:rgba(0,0,0,.08) !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
}

/* Top bar stays clean */
.fi-topbar{
    border-bottom:1px solid #e8edf3 !important;
    box-shadow:0 2px 10px rgba(18,46,84,.04) !important;
}

/* Mobile drawer: keep the same branded left panel */
@media (max-width: 1024px){
    .fi-sidebar{
        background:linear-gradient(180deg, #0b4ca0 0%, #073d85 52%, #062d66 100%) !important;
    }
    .fi-sidebar-header{
        min-height:84px !important;
    }
    .ce3n-brand-card{
        max-width:170px;
        min-height:54px;
    }
}

/* Preserve dashboard cards/charts already installed in 2D-3M */
.fi-main,
.fi-page,
.fi-wi-widget,
canvas{
    position:relative;
}