.app-sidebar .slide {
    padding: 0rem;
    display: grid;
}
.app-sidebar .side-menu__item {
    border-radius: 0px;
}
[data-nav-layout=vertical] .app-sidebar .main-menu .side-menu__label {
    font-size: 0.80rem;
    white-space: normal;
}
[data-toggled="icon-hover-closed"] .side-menu__item {
    border-radius: 0.4rem;
}
[data-toggled="icon-hover-closed"] .slide-menu.child1 {
    border-radius: 4px !important;
}
[data-nav-layout=vertical] .slide.has-sub.active > .side-menu__item {
    margin-block: 0;
}
html:not([data-toggled="icon-hover-closed"]) li.has-sub ul.child1 {
    background: var(--gray-4);
    border-radius: 0px !important;
}
html:not([data-toggled="icon-hover-closed"]) li.has-sub .slide-menu.child1 .slide a:hover {
    background: none !important;
    border-radius: 0px !important;
}
html:not([data-toggled="icon-hover-closed"]) li.has-sub .slide-menu.child1 .slide:hover {
    background: rgba(var(--light-rgb), 0.5) !important;
}
html:not([data-toggled="icon-hover-closed"]) li.has-sub .slide-menu.child1 {
    padding:0px !important;
}
html:not([data-toggled="icon-hover-closed"]) li.has-sub .slide-menu.child1 .slide .side-menu__item {
    padding: 0.60rem 1.6rem;
}
@keyframes swing {
    0%, 30%, 50%, 70%, 100% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-15deg);
    }

    60% {
        transform: rotate(10deg);
    }

    80% {
        transform: rotate(-10deg);
    }
}
html:not([data-toggled="icon-hover-closed"]) .main-menu .slide:hover .side-menu__icon {
    animation: none;
}
html:not([data-toggled="icon-hover-closed"]) .slide.has-sub.active > .side-menu__item {
     margin-block: 0rem;
}
html[data-toggled="icon-hover-closed"] .main-sidebar li.has-sub.active .side-menu__item.active:first-child {
    background: none !important;
}

html[data-toggled="icon-hover-closed"] .main-sidebar li.has-sub .side-menu__item:first-child .side-menu__icon {
    opacity: 0.70;
    font-size: 1.25rem;
    position: relative;
}

html[data-toggled="icon-hover-closed"] .main-sidebar li.has-sub.active > .side-menu__item.active:first-child .side-menu__icon {
    opacity: 1;
}

html[data-toggled="icon-hover-closed"] .main-sidebar .slide.has-sub .side-menu__item:hover {
    background: none;
}

html[data-toggled="icon-hover-closed"] .main-sidebar .slide.has-sub .side-menu__item:hover .side-menu__icon {
    opacity: 1;
}

html[data-toggled="icon-hover-closed"] .main-sidebar .slide.has-sub .side-menu__item:hover .side-menu__icon {
    animation: none;
}

html[data-toggled="icon-hover-closed"] .main-sidebar li.has-sub .side-menu__item:hover:first-child::after {
    opacity: 1;
}
html[data-toggled="icon-hover-closed"] .main-sidebar .main-menu li.slide.has-sub > ul.slide-menu li.slide {
    font-size: 15px;
    letter-spacing: 0.3px;
    font-weight: 300;
}

@media (min-width: 992px) {
    html[data-toggled="icon-hover-closed"] .main-sidebar .main-menu li.slide.has-sub > ul.slide-menu.child1,
    html[data-toggled="icon-hover-closed"] .main-sidebar .main-menu li.slide.has-sub > ul.slide-menu.child2,
    html[data-toggled="icon-hover-closed"] .main-sidebar .main-menu li.slide.has-sub > ul.slide-menu.child3 {
        min-width: 15rem;
    }
}

html[data-toggled="icon-hover-closed"] .main-sidebar .main-menu li.slide.has-sub > ul.slide-menu.child1,
html[data-toggled="icon-hover-closed"] .main-sidebar .main-menu li.slide.has-sub > ul.slide-menu.child2,
html[data-toggled="icon-hover-closed"] .main-sidebar .main-menu li.slide.has-sub > ul.slide-menu.child3 {
    padding: 0px;
}

html[data-toggled="icon-hover-closed"] .main-sidebar .main-menu li.slide.has-sub > ul.slide-menu.child1::before,
html[data-toggled="icon-hover-closed"] .main-sidebar .main-menu li.slide.has-sub > ul.slide-menu.child2::before,
html[data-toggled="icon-hover-closed"] .main-sidebar .main-menu li.slide.has-sub > ul.slide-menu.child3::before {
    content: '';
    position: absolute;
    top: 1.4rem;
    border-width: 8px 8px 8px 0;
    border-color: transparent var(--pcl-nav-bg, #1e293b) transparent transparent;
    height: 0;
    border-style: solid;
    left: -8px;
}

html[data-toggled="icon-hover-closed"] .main-sidebar .main-menu li.slide.has-sub > ul.slide-menu.child1::after,
html[data-toggled="icon-hover-closed"] .main-sidebar .main-menu li.slide.has-sub > ul.slide-menu.child2::after,
html[data-toggled="icon-hover-closed"] .main-sidebar .main-menu li.slide.has-sub > ul.slide-menu.child3::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 5px;
    top: 0;
    margin: auto;
    left: -5px;
}

/* Sidebar behavior in collapsed/icon-only modes */
html[data-toggled="close"] .app-sidebar {
    width: 4rem;
}

html[data-toggled="icon-hover-closed"] .app-sidebar {
    width: 4rem;
}

html[data-toggled="close"] .app-sidebar .main-sidebar-header,
html[data-toggled="icon-hover-closed"] .app-sidebar .main-sidebar-header {
    display: flex;
    align-items: center;
    justify-content: center;
}

html[data-toggled="close"] .app-sidebar .main-sidebar-header img,
html[data-toggled="icon-hover-closed"] .app-sidebar .main-sidebar-header img {
    width: 4rem;
    height: 2.25rem;
    object-fit: contain;
}

/* Lock left menu: keep sidebar fixed while content scrolls */
html[data-nav-layout="vertical"] .app-sidebar,
html[data-menu-position="scrollable"][data-nav-layout="vertical"] .app-sidebar {
    position: fixed !important;
}
.side-menu__item .side-menu__icon, .side-menu__item .side-menu__label {
    line-height: 1.1rem;
}
.slide.has-sub:not(.open) .slide-menu.child1.active .slide .side-menu__item {
    color: white;
}
.slide.has-sub:not(.open) .slide-menu.child1.active .slide .side-menu__item::before {
    border-color: white;
}
.main-sidebar .main-menu > .slide .side-menu__item > .side-menu__label {
    line-height: normal;
}
html[data-toggled="icon-hover-closed"] .app-sidebar .side-menu__item {
    justify-content: center;
    display: inline-flex;
    line-height: normal;
    padding: 0.4rem 0.75rem;
}
html[data-toggled="icon-hover-closed"] .main-sidebar li.has-sub .side-menu__item:first-child .side-menu__icon {
    line-height: normal;
    margin: 0px;
}
.app-sidebar .side-menu__icon {
    margin-inline-end: 0.2rem;
    width: max-content;
    height: max-content;
    font-size: 1.15rem;
    text-align: center;
    color: black;
    fill: black;
    border-radius: 0.4rem;
    line-height: normal;
}
.app-sidebar .side-menu__item {
    padding: 0.5rem 0.75rem;
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 0.78rem;
    color: black;
    font-weight: 400;
    border-radius: 0.4rem;
    gap: 0.25rem;
}
html[data-toggled="icon-hover-closed"] .main-sidebar .slide.has-sub .slide-menu.active .slide .side-menu__item {
    justify-content: flex-start;
}