/* ========== SIDEBAR VERT BOUTON ========== */
aside.fi-sidebar, .fi-sidebar, .fi-sidebar > div, .fi-sidebar nav, .fi-sidebar-nav,
aside[x-data], nav.fi-sidebar-nav {
    background-color: #14b8a6 !important;
    background: #14b8a6 !important;
    border-right: none !important;
}
.fi-sidebar-header, .fi-sidebar-header > * {
    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

/* CACHER SCROLLBAR */
aside.fi-sidebar, .fi-sidebar, .fi-sidebar nav, .fi-sidebar-nav, .fi-sidebar > div {
    scrollbar-width: none !important; -ms-overflow-style: none !important;
}
aside.fi-sidebar::-webkit-scrollbar, .fi-sidebar::-webkit-scrollbar,
.fi-sidebar nav::-webkit-scrollbar, .fi-sidebar-nav::-webkit-scrollbar,
.fi-sidebar > div::-webkit-scrollbar {
    display: none !important; width: 0 !important; height: 0 !important;
}

/* TEXTE BLANC */
.fi-sidebar a, .fi-sidebar button, .fi-sidebar span,
.fi-sidebar-item-label, .fi-sidebar-item-button span, .fi-sidebar-item-button,
.fi-sidebar-group-label, .fi-sidebar-group-button, .fi-sidebar-group-button span,
.fi-sidebar-header a, .fi-sidebar-header span {
    color: #ffffff !important;
}
.fi-sidebar svg, .fi-sidebar-item-icon, .fi-sidebar-group-button svg {
    color: rgba(255,255,255,0.9) !important;
}
.fi-sidebar-group-label, .fi-sidebar-group-button span {
    opacity: 0.8; font-weight: 800 !important; font-size: 11px !important;
    letter-spacing: 0.5px; text-transform: uppercase;
}

/* ===== ITEM ACTIF = MARRON CLAIR ===== */
.fi-sidebar-item-active .fi-sidebar-item-button,
.fi-sidebar-item-active > button,
.fi-sidebar-item-active > a,
li.fi-sidebar-item.fi-active .fi-sidebar-item-button,
li.fi-sidebar-item.fi-active > button,
li.fi-sidebar-item.fi-active > a {
    background: rgba(30, 20, 10, 0.5) !important;
    border-left: 3px solid #3d2b1a !important;
    border-radius: 8px !important;
}

/* ===== HOVER = MARRON CLAIR (PAS BLANC) ===== */
.fi-sidebar-item-button:hover,
.fi-sidebar li:hover > .fi-sidebar-item-button,
.fi-sidebar li:hover > a,
.fi-sidebar li:hover > button,
.fi-sidebar-item:hover .fi-sidebar-item-button,
.fi-sidebar-group-button:hover,
.fi-sidebar a:hover,
.fi-sidebar button:hover {
    background: rgba(30, 20, 10, 0.4) !important;
    background-color: rgba(30, 20, 10, 0.4) !important;
    border-radius: 8px !important;
}

/* Force : écraser TOUT fond blanc au hover Filament */
.fi-sidebar .fi-sidebar-item-button:hover,
.fi-sidebar [class*="hover"]:hover,
.fi-sidebar .hover\:bg-gray-50:hover,
.fi-sidebar .hover\:bg-gray-100:hover,
.fi-sidebar .dark\:hover\:bg-white\/5:hover,
.fi-sidebar [class*="hover\\:bg-"]:hover {
    background: rgba(30, 20, 10, 0.4) !important;
    background-color: rgba(30, 20, 10, 0.4) !important;
}

/* Hover text reste blanc */
.fi-sidebar-item-button:hover *, .fi-sidebar a:hover *, .fi-sidebar button:hover * {
    color: #fff !important;
}
.fi-sidebar-item-button:hover svg, .fi-sidebar a:hover svg {
    color: #fff !important;
}

/* Badges, dividers, boutons */
.fi-sidebar .fi-badge { background: rgba(255,255,255,0.9) !important; color: #14b8a6 !important; }
.fi-sidebar hr { border-color: rgba(255,255,255,0.15) !important; }
.fi-sidebar-close-button, .fi-sidebar-collapse-button { color: rgba(255,255,255,0.8) !important; }