/* Harmonisation dashboard vendeur avec l'identité Lahidou */



html body .x_panel.bg-c-blue {

    background: linear-gradient(135deg, #E91E63, #C2185B) !important;

}



html body .x_panel.bg-c-green {

    background: linear-gradient(135deg, #16A34A, #15803D) !important;

}



html body .x_panel.bg-c-yellow {

    background: linear-gradient(135deg, #F59E0B, #D97706) !important;

}



html body .x_panel.bg-c-red {

    background: linear-gradient(135deg, #7C3AED, #6D28D9) !important;

}



html body .x_panel.order-card {

    border-radius: 16px !important;

    overflow: hidden;

}



/* Menu latéral vendeur */

html body .ced-vendor-sidebar-nav .side-menu {

    background: #1A1A2E !important;

}



html body nav.navbar-default.navbar-static-top,

html body .page-wrapper .panel-default .panel-heading,

html body .ced-vendor-sidebar-nav .side-menu a.active,

html body .nav > li > a:focus {

    background-color: #E91E63 !important;

}



html body .nav > li > a:hover {

    background-color: #C2185B !important;

}



html body .slide .side-menu li .nav-second-level li a,

html body .ced-vendor-sidebar-nav .side-menu li .nav-second-level li a.active,

html body .nav-second-level > li > a,

html body .nav-third-level > li > a {

    background: #16213E !important;

    color: #fff !important;

}



html body .nav.nav-second-level > li > a:hover,

html body .nav.nav-third-level > li > a:hover,

html body .ced-vendor-sidebar-nav .side-menu li .nav-second-level li a.active:hover {

    background: #C2185B !important;

    color: #fff !important;

}



/* Boutons primaires */

html body .page-wrapper .page-main .btn-primary,

html body .btn-info,

html body .btn-warning,

html body .btn-success,

html body .btn-danger {

    background-color: #E91E63 !important;

    border-color: #E91E63 !important;

    color: #ffffff !important;

}



html body .page-wrapper .page-main .btn-primary:hover,

html body .btn-success:hover,

html body .btn-warning:hover,

html body .btn-info:hover,

html body .btn-danger:hover {

    background-color: #C2185B !important;

    border-color: #C2185B !important;

}



/* --- Grille d'icônes menu vendeur --- */

#side-menu.side-menu {

    display: grid !important;

    grid-template-columns: repeat(4, 1fr) !important;

    gap: 12px !important;

    list-style: none !important;

    padding: 12px !important;

    margin: 0 !important;

}



#side-menu.side-menu > li.nav {

    width: auto !important;

    float: none !important;

}



#side-menu.side-menu > li.nav > a {

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: center !important;

    text-align: center !important;

    padding: 16px 8px !important;

    border-radius: 12px !important;

    height: 90px !important;

}



#side-menu.side-menu > li.nav > a i {

    font-size: 24px !important;

    margin-bottom: 6px !important;

    margin-right: 0 !important;

}



#side-menu.side-menu > li.nav > a span {

    margin-left: 0 !important;

    font-size: 12px !important;

}



#side-menu.side-menu .fa.arrow,

#side-menu.side-menu .largeview-submenu,

#side-menu.side-menu > li.nav > ul {

    display: none !important;

}




/* --- Grille d'accès rapide dans le contenu principal (style Wave) --- */

.quick-access-grid {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 16px;

    background: #fff;

    border-radius: 16px;

    padding: 24px 16px;

    margin: 0 0 24px;

    box-shadow: 0 2px 8px rgba(0,0,0,0.06);

}



.qa-tile {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    width: 84px;

    text-decoration: none !important;

    color: #303030 !important;

}



.qa-ic {

    width: 52px;

    height: 52px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #FCE4EC;

    margin-bottom: 8px;

}



.qa-ic i {

    font-size: 20px;

    color: #E91E63;

}



.qa-lbl {

    font-size: 12px;

    font-weight: 600;

    line-height: 1.25;

}



.qa-tile:hover .qa-ic {

    background: #E91E63;

}

.qa-tile:hover .qa-ic i {

    color: #fff;

}