/* =========================================================
   SIDEBAR OVERRIDE — Force #95211d
   ========================================================= */
html body aside#layout-menu,
html body aside#layout-menu.bg-menu-theme,
html body .layout-menu.menu-vertical,
.bg-menu-theme {
    background-color: #95211d !important;
    background-image: none !important;
}

html body aside#layout-menu .app-brand {
    background-color: #95211d !important;
}

/* النصوص بيضا */
html body aside#layout-menu .menu-link,
html body aside#layout-menu .menu-link div,
html body aside#layout-menu .app-brand-text,
html body aside#layout-menu .menu-toggle::after {
    color: rgba(255, 255, 255, 0.92) !important;
}

html body aside#layout-menu .menu-header,
html body aside#layout-menu .menu-header-text {
    color: rgba(255, 255, 255, 0.55) !important;
}

/* أيقونات Font (mdi/ri) */
html body aside#layout-menu .menu-icon,
html body aside#layout-menu .menu-link i {
    color: rgba(255, 255, 255, 0.92) !important;
}

/* أيقونات SVG (img) — تتحول أبيض */
html body aside#layout-menu img.menu-icon {
    filter: brightness(0) invert(1) !important;
    opacity: 0.92;
}

/* Hover */
html body aside#layout-menu .menu-item:not(.active) > .menu-link:hover {
    background-color: rgba(255, 255, 255, 0.10) !important;
    color: #fff !important;
}

/* Active */
html body aside#layout-menu .menu-item.active > .menu-link {
    background: rgba(255, 255, 255, 0.20) !important;
    color: #fff !important;
    box-shadow: none !important;
}
html body aside#layout-menu .menu-item.active > .menu-link .menu-icon {
    color: #fff !important;
}

/* Sub-menu */
html body aside#layout-menu .menu-sub > .menu-item > .menu-link {
    color: rgba(255, 255, 255, 0.78) !important;
}
html body aside#layout-menu .menu-sub > .menu-item.active > .menu-link {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.14) !important;
}
html body aside#layout-menu .menu-sub > .menu-item > .menu-link::before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}
html body aside#layout-menu .menu-sub > .menu-item.active > .menu-link::before {
    background-color: #fff !important;
}

/* Scroll shadow */
html body aside#layout-menu .menu-inner-shadow {
    background: linear-gradient(#95211d 5%, rgba(149,33,29,0.85) 50%, rgba(149,33,29,0)) !important;
}

/* Dividers */
html body aside#layout-menu .menu-divider,
html body aside#layout-menu hr {
    border-color: rgba(255, 255, 255, 0.15) !important;
}