/* =====================================================================
   AksaErp — Professional Sidebar Menu
   Scope: every rule is keyed under the admin layout root and sidebar ID,
          so it never leaks into CustomerPortalLayout or the navbar menu.
   Notes: RTL-safe (logical properties) + theme-safe (--bs-* variables).
          Works alongside Metronic; only refines the visuals.
   ===================================================================== */

[data-aksa-layout="admin"] #kt_app_sidebar {
    --aksa-nav-radius: .7rem;
    --aksa-nav-link-py: .6rem;
    --aksa-nav-link-px: .85rem;
    --aksa-nav-gap: .18rem;
    --aksa-nav-icon: 1.15rem;
    --aksa-nav-accent: var(--bs-primary);
    --aksa-nav-accent-rgb: var(--bs-primary-rgb, 0, 158, 247);
    --aksa-nav-muted: var(--bs-gray-700);
    --aksa-nav-strong: var(--bs-gray-900);
    --aksa-nav-icon-color: var(--bs-gray-600);
    --aksa-nav-hover-bg: rgba(var(--bs-gray-500-rgb, 161, 165, 183), .10);
    --aksa-nav-active-bg: rgba(var(--aksa-nav-accent-rgb), .10);
    /* a soft hairline that separates the sidebar from the content */
    border-inline-end: 1px solid rgba(var(--bs-gray-500-rgb, 161, 165, 183), .14);
}

/* ---------- Scroll area + thin custom scrollbar ---------- */
[data-aksa-layout="admin"] #kt_app_sidebar_menu_scroll {
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--bs-gray-500-rgb, 161, 165, 183), .45) transparent;
}

[data-aksa-layout="admin"] #kt_app_sidebar_menu_scroll::-webkit-scrollbar {
    width: 6px;
}

[data-aksa-layout="admin"] #kt_app_sidebar_menu_scroll::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(var(--bs-gray-500-rgb, 161, 165, 183), .4);
}

[data-aksa-layout="admin"] #kt_app_sidebar_menu_scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--bs-gray-500-rgb, 161, 165, 183), .65);
}

[data-aksa-layout="admin"] #kt_app_sidebar_menu_scroll::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Rhythm between top-level items ---------- */
[data-aksa-layout="admin"] #kt_app_sidebar .menu > .menu-item {
    margin-bottom: var(--aksa-nav-gap);
}

/* ---------- The link (row) ---------- */
[data-aksa-layout="admin"] #kt_app_sidebar .menu-link {
    position: relative;
    gap: .7rem;
    padding: var(--aksa-nav-link-py) var(--aksa-nav-link-px);
    border-radius: var(--aksa-nav-radius);
    color: var(--aksa-nav-muted);
    font-weight: 500;
    transition: background-color .15s ease, color .15s ease;
}

/* ---------- Icons ---------- */
[data-aksa-layout="admin"] #kt_app_sidebar .menu-link .menu-icon,
[data-aksa-layout="admin"] #kt_app_sidebar .menu-link .menu-icon i,
[data-aksa-layout="admin"] #kt_app_sidebar .menu-link .menu-icon .rz-icon {
    color: var(--aksa-nav-icon-color);
    font-size: var(--aksa-nav-icon);
    transition: color .15s ease, transform .15s ease;
}

[data-aksa-layout="admin"] #kt_app_sidebar .menu-title {
    letter-spacing: .1px;
}

/* ---------- Hover ---------- */
[data-aksa-layout="admin"] #kt_app_sidebar .menu-link:hover {
    background-color: var(--aksa-nav-hover-bg);
    color: var(--aksa-nav-strong);
}

[data-aksa-layout="admin"] #kt_app_sidebar .menu-link:hover .menu-icon,
[data-aksa-layout="admin"] #kt_app_sidebar .menu-link:hover .menu-icon i,
[data-aksa-layout="admin"] #kt_app_sidebar .menu-link:hover .menu-icon .rz-icon {
    color: var(--aksa-nav-accent);
}

/* ---------- Open parent (accordion expanded) ---------- */
[data-aksa-layout="admin"] #kt_app_sidebar .menu-item.show > .menu-link {
    background-color: var(--aksa-nav-hover-bg);
    color: var(--aksa-nav-strong);
}

/* ---------- Active leaf + active branch ---------- */
[data-aksa-layout="admin"] #kt_app_sidebar .menu-link.active,
[data-aksa-layout="admin"] #kt_app_sidebar .menu-item.here > .menu-link {
    background-color: var(--aksa-nav-active-bg);
    color: var(--aksa-nav-accent);
    font-weight: 600;
}

[data-aksa-layout="admin"] #kt_app_sidebar .menu-link.active .menu-icon,
[data-aksa-layout="admin"] #kt_app_sidebar .menu-link.active .menu-icon i,
[data-aksa-layout="admin"] #kt_app_sidebar .menu-link.active .menu-icon .rz-icon,
[data-aksa-layout="admin"] #kt_app_sidebar .menu-item.here > .menu-link .menu-icon,
[data-aksa-layout="admin"] #kt_app_sidebar .menu-item.here > .menu-link .menu-icon i,
[data-aksa-layout="admin"] #kt_app_sidebar .menu-item.here > .menu-link .menu-icon .rz-icon {
    color: var(--aksa-nav-accent);
}

/* Accent bar on the leading edge (right in RTL, left in LTR) */
[data-aksa-layout="admin"] #kt_app_sidebar .menu-link.active::after {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 50%;
    height: 1.05rem;
    width: 3px;
    border-radius: 999px;
    background: var(--aksa-nav-accent);
    transform: translateY(-50%);
}

/* ---------- Dropdown / accordion arrow ---------- */
[data-aksa-layout="admin"] #kt_app_sidebar .menu-arrow {
    opacity: .65;
    transition: transform .2s ease, opacity .15s ease;
}

[data-aksa-layout="admin"] #kt_app_sidebar .menu-link:hover .menu-arrow,
[data-aksa-layout="admin"] #kt_app_sidebar .menu-item.show > .menu-link .menu-arrow {
    opacity: 1;
}

/* ---------- Accordion sub-menu: indentation rail + tighter children ---------- */
[data-aksa-layout="admin"] #kt_app_sidebar .menu-sub-accordion {
    position: relative;
    margin-inline-start: 1.15rem;
    padding-inline-start: .35rem;
    border-inline-start: 1px solid rgba(var(--bs-gray-500-rgb, 161, 165, 183), .22);
}

[data-aksa-layout="admin"] #kt_app_sidebar .menu-sub-accordion .menu-link {
    padding-block: .48rem;
    font-size: .92rem;
}

/* Bullet for child items without an icon */
[data-aksa-layout="admin"] #kt_app_sidebar .aksa-app-menu-bullet {
    transition: background-color .15s ease, opacity .15s ease;
}

[data-aksa-layout="admin"] #kt_app_sidebar .menu-link:hover .aksa-app-menu-bullet,
[data-aksa-layout="admin"] #kt_app_sidebar .menu-link.active .aksa-app-menu-bullet {
    background: var(--aksa-nav-accent);
    opacity: 1;
}

/* ---------- Flyout sub-menus (folder hover popups) ---------- */
[data-aksa-layout="admin"] #kt_app_sidebar .menu-sub-dropdown {
    padding: .5rem;
    border: 1px solid rgba(var(--bs-gray-500-rgb, 161, 165, 183), .18);
    border-radius: .85rem;
    background: var(--bs-body-bg);
    box-shadow: 0 .75rem 2rem rgba(0, 0, 0, .12);
}

/* ---------- Logo area ---------- */
[data-aksa-layout="admin"] #kt_app_sidebar_logo {
    border-bottom: 1px solid rgba(var(--bs-gray-500-rgb, 161, 165, 183), .12);
    padding-bottom: .75rem;
}

/* Minimize toggle: smoother hover */
[data-aksa-layout="admin"] #kt_app_sidebar_toggle {
    transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}

/* ---------- Search box polish ---------- */
[data-aksa-layout="admin"] #kt_app_sidebar .aksa-app-menu-search-input {
    border-radius: .7rem;
}

/* =====================================================================
   Collapsed / minimized sidebar (icon-only rail)
   Metronic sets body[data-kt-app-sidebar-minimize="on"].
   ===================================================================== */
body[data-kt-app-sidebar-minimize="on"] [data-aksa-layout="admin"] #kt_app_sidebar .menu > .menu-item > .menu-link {
    justify-content: center;
    padding-inline: 0;
}

/* Hide the side accent bar when collapsed (looks cramped on the icon rail) */
body[data-kt-app-sidebar-minimize="on"] [data-aksa-layout="admin"] #kt_app_sidebar .menu-link.active::after {
    display: none;
}

/* Active becomes a clean filled icon tile when collapsed */
body[data-kt-app-sidebar-minimize="on"] [data-aksa-layout="admin"] #kt_app_sidebar .menu > .menu-item > .menu-link.active,
body[data-kt-app-sidebar-minimize="on"] [data-aksa-layout="admin"] #kt_app_sidebar .menu > .menu-item.here > .menu-link {
    background-color: var(--aksa-nav-active-bg);
}

/* =====================================================================
   Stable sidebar interaction
   Native flex scrolling avoids KTScroll height/state conflicts after
   Blazor rerenders the filtered AppMenu tree.
   ===================================================================== */
[data-aksa-layout="admin"] #kt_app_sidebar .aksa-sidebar-menu-host,
[data-aksa-layout="admin"] #kt_app_sidebar .aksa-sidebar-menu-wrapper {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
}

[data-aksa-layout="admin"] #kt_app_sidebar .aksa-sidebar-menu-scroll {
    min-height: 0;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

[data-aksa-layout="admin"] #kt_app_sidebar_logo {
    overflow: visible;
    z-index: 2;
}

[data-aksa-layout="admin"] #kt_app_sidebar_toggle {
    z-index: 4;
    pointer-events: auto !important;
}

/* The fixed sidebar must stay above the header while idle so the toggle
   remains clickable. Raise the header only while a navbar flyout is open. */
@media (min-width: 992px) {
    .aksa-admin-header {
        z-index: 100 !important;
        overflow: visible !important;
    }

    .aksa-admin-header:has(.menu-sub-dropdown.show),
    .aksa-admin-header:has(.menu-sub-lg-dropdown.show),
    .aksa-admin-header:has(.aksa-navbar-dropdown.show) {
        z-index: 110 !important;
    }
}

/* =====================================================================
   Sidebar logo and minimized rail hardening
   Own only the visual state that Metronic does not cover for the custom
   AppMenu search and IsSubMenu icon rendering.
   ===================================================================== */
[data-aksa-layout="admin"] #kt_app_sidebar_logo {
    height: calc(var(--bs-app-header-height, 70px) + 1px);
    min-height: calc(var(--bs-app-header-height, 70px) + 1px);
    margin: 0 !important;
    padding-block: .55rem;
}

[data-aksa-layout="admin"] #kt_app_sidebar_logo .aksa-sidebar-brand {
    display: flex;
    width: 100%;
    min-width: 0;
    max-width: calc(100% - 1.5rem);
    align-items: center;
    justify-content: center;
    gap: 0;
    overflow: hidden;
}

[data-aksa-layout="admin"] #kt_app_sidebar_logo .aksa-sidebar-logo-image {
    width: auto;
    max-width: 100%;
    max-height: 2.75rem;
    margin: 0;
    object-fit: contain;
    object-position: center;
}

/* Keep the first paint deterministic even before the theme attribute is
   available: light is the fallback and the dark image is hidden. Do not apply
   display to all default images; the minimized-state rules below must still be
   able to hide the selected full logo. */
[data-aksa-layout="admin"] #kt_app_sidebar_logo .aksa-sidebar-logo-image--theme-light {
    flex: 0 1 auto;
}

[data-aksa-layout="admin"] #kt_app_sidebar_logo .aksa-sidebar-logo-image--theme-dark {
    display: none;
    flex: 0 1 auto;
}

html[data-bs-theme="dark"] [data-aksa-layout="admin"] #kt_app_sidebar_logo .aksa-sidebar-logo-image--theme-light {
    display: none;
}

html[data-bs-theme="dark"] [data-aksa-layout="admin"] #kt_app_sidebar_logo .aksa-sidebar-logo-image--theme-dark {
    display: block;
}

[data-aksa-layout="admin"] #kt_app_sidebar_logo .aksa-sidebar-logo-image--minimized {
    width: 2.25rem;
    height: 2.25rem;
    max-width: 2.25rem;
    max-height: 2.25rem;
    flex: 0 0 2.25rem;
    object-fit: contain;
}

/* Collapsed rail: search and labels must not consume the 75px width. */
@media (min-width: 992px) {
    body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hoverable="true"])
        [data-aksa-layout="admin"] #kt_app_sidebar .aksa-app-menu-search,
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"]
        [data-aksa-layout="admin"] #kt_app_sidebar:not(:hover) .aksa-app-menu-search {
        display: none !important;
    }

    body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hoverable="true"])
        [data-aksa-layout="admin"] #kt_app_sidebar_logo,
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"]
        [data-aksa-layout="admin"] #kt_app_sidebar:not(:hover) #kt_app_sidebar_logo {
        justify-content: center;
        padding-inline: .65rem !important;
    }

    body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hoverable="true"])
        [data-aksa-layout="admin"] #kt_app_sidebar_logo .aksa-sidebar-brand,
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"]
        [data-aksa-layout="admin"] #kt_app_sidebar:not(:hover) #kt_app_sidebar_logo .aksa-sidebar-brand {
        width: 100%;
        max-width: 100%;
        justify-content: center;
    }

    body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hoverable="true"])
        [data-aksa-layout="admin"] #kt_app_sidebar_logo .app-sidebar-logo-default,
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"]
        [data-aksa-layout="admin"] #kt_app_sidebar:not(:hover) #kt_app_sidebar_logo .app-sidebar-logo-default {
        display: none !important;
    }

    body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hoverable="true"])
        [data-aksa-layout="admin"] #kt_app_sidebar_logo .app-sidebar-logo-minimize,
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"]
        [data-aksa-layout="admin"] #kt_app_sidebar:not(:hover) #kt_app_sidebar_logo .app-sidebar-logo-minimize {
        display: block !important;
    }

    body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hoverable="true"])
        [data-aksa-layout="admin"] #kt_app_sidebar .menu > .menu-item > .menu-link,
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"]
        [data-aksa-layout="admin"] #kt_app_sidebar:not(:hover) .menu > .menu-item > .menu-link {
        min-height: 2.75rem;
        justify-content: center;
        gap: 0;
        padding-inline: 0 !important;
    }

    body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hoverable="true"])
        [data-aksa-layout="admin"] #kt_app_sidebar .menu > .menu-item > .menu-link > .menu-icon,
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"]
        [data-aksa-layout="admin"] #kt_app_sidebar:not(:hover) .menu > .menu-item > .menu-link > .menu-icon {
        display: inline-flex !important;
        width: 2.5rem;
        min-width: 2.5rem;
        height: 2.5rem;
        flex: 0 0 2.5rem;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hoverable="true"])
        [data-aksa-layout="admin"] #kt_app_sidebar .menu > .menu-item > .menu-link > .menu-title,
    body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hoverable="true"])
        [data-aksa-layout="admin"] #kt_app_sidebar .menu > .menu-item > .menu-link > .menu-arrow,
    body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hoverable="true"])
        [data-aksa-layout="admin"] #kt_app_sidebar .menu > .menu-item > .menu-link > .aksa-app-menu-external,
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"]
        [data-aksa-layout="admin"] #kt_app_sidebar:not(:hover) .menu > .menu-item > .menu-link > .menu-title,
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"]
        [data-aksa-layout="admin"] #kt_app_sidebar:not(:hover) .menu > .menu-item > .menu-link > .menu-arrow,
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"]
        [data-aksa-layout="admin"] #kt_app_sidebar:not(:hover) .menu > .menu-item > .menu-link > .aksa-app-menu-external {
        display: none !important;
    }

    body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hoverable="true"])
        [data-aksa-layout="admin"] #kt_app_sidebar .menu > .menu-item > .menu-sub:not(.menu-sub-dropdown),
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"]
        [data-aksa-layout="admin"] #kt_app_sidebar:not(:hover) .menu > .menu-item > .menu-sub:not(.menu-sub-dropdown) {
        display: none !important;
    }
}

/* =====================================================================
   Minimized sidebar — native Metronic flyouts
   KTMenu uses Popper with fixed positioning because overflow=false. The
   submenu stays under its Blazor-owned parent and is never appended to body.
   ===================================================================== */
@media (min-width: 992px) {
    body[data-kt-app-sidebar-minimize="on"]
        [data-aksa-layout="admin"] #kt_app_sidebar
        [data-aksa-sidebar-branch="true"] > .aksa-sidebar-branch-submenu {
        min-width: 15.625rem;
        max-width: min(20rem, calc(100vw - 6rem));
        max-height: min(70vh, 42rem);
        padding: .5rem;
        overflow-x: hidden;
        overflow-y: auto;
        border: 1px solid rgba(var(--bs-gray-500-rgb, 161, 165, 183), .18);
        scrollbar-width: thin;
    }

    body[data-kt-app-sidebar-minimize="on"]
        [data-aksa-layout="admin"] #kt_app_sidebar
        [data-aksa-sidebar-branch="true"] > .menu-sub-dropdown.show[data-popper-placement] {
        display: flex !important;
        flex-direction: column;
    }

    body[data-kt-app-sidebar-minimize="on"]
        [data-aksa-layout="admin"] #kt_app_sidebar
        .menu-sub-dropdown > .menu-item {
        width: 100%;
        margin: 0;
    }

    body[data-kt-app-sidebar-minimize="on"]
        [data-aksa-layout="admin"] #kt_app_sidebar
        .menu-sub-dropdown .menu-link,
    body[data-kt-app-sidebar-minimize="on"]
        [data-aksa-layout="admin"] #kt_app_sidebar
        .menu-sub-dropdown button.menu-link {
        width: 100%;
        min-height: 2.5rem;
        gap: .625rem;
        padding: .5rem .7rem !important;
        border: 0 !important;
        border-radius: .475rem;
        background: transparent;
        box-shadow: none !important;
        color: var(--bs-gray-700);
        text-align: start;
    }

    body[data-kt-app-sidebar-minimize="on"]
        [data-aksa-layout="admin"] #kt_app_sidebar
        .menu-sub-dropdown .menu-link:hover,
    body[data-kt-app-sidebar-minimize="on"]
        [data-aksa-layout="admin"] #kt_app_sidebar
        .menu-sub-dropdown .menu-item.show > .menu-link {
        color: var(--bs-gray-900);
        background: rgba(var(--bs-gray-500-rgb, 161, 165, 183), .1);
    }

    body[data-kt-app-sidebar-minimize="on"]
        [data-aksa-layout="admin"] #kt_app_sidebar
        .menu-sub-dropdown .menu-link.active,
    body[data-kt-app-sidebar-minimize="on"]
        [data-aksa-layout="admin"] #kt_app_sidebar
        .menu-sub-dropdown .menu-item.here > .menu-link {
        color: var(--bs-primary);
        background: rgba(var(--bs-primary-rgb, 0, 158, 247), .1);
        font-weight: 600;
    }

    body[data-kt-app-sidebar-minimize="on"]
        [data-aksa-layout="admin"] #kt_app_sidebar
        .menu-sub-dropdown .menu-icon {
        display: inline-flex !important;
        width: 1.5rem !important;
        min-width: 1.5rem !important;
        flex: 0 0 1.5rem !important;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body[data-kt-app-sidebar-minimize="on"]
        [data-aksa-layout="admin"] #kt_app_sidebar
        .menu-sub-dropdown .menu-title {
        display: block !important;
        min-width: 0;
        flex: 1 1 auto;
        white-space: normal;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body[data-kt-app-sidebar-minimize="on"]
        [data-aksa-layout="admin"] #kt_app_sidebar
        .menu-sub-dropdown .menu-arrow {
        display: inline-flex !important;
        flex: 0 0 auto;
        margin-inline-start: auto;
        opacity: .65 !important;
        visibility: visible !important;
    }
}

/* =====================================================================
   Minimized sidebar flyout visibility
   Metronic's stock minimized-sidebar rule collapses every
   .menu-item.show > .menu-sub to height: 0. A KTMenu dropdown also uses the
   show class, so the flyout is positioned by Popper but its content remains
   collapsed. Override only real, positioned dropdowns; expanded accordions
   and the normal sidebar remain untouched.
   ===================================================================== */
@media (min-width: 992px) {
    body[data-kt-app-sidebar-minimize="on"][data-aksa-app-sidebar-enabled="true"]
        [data-aksa-layout="admin"] #kt_app_sidebar
        .menu-item.menu-dropdown.show[data-aksa-sidebar-branch="true"]
        > .menu-sub-dropdown.show[data-popper-placement] {
        height: auto !important;
        min-height: 0 !important;
        max-height: min(70vh, 42rem) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transition: none !important;
    }
}

/* Nested branches inside the minimized rail flyout remain native click
   accordions. Metronic's generic minimized rule also collapses those shown
   descendants to height: 0, so restore only accordions contained by a real,
   positioned top-level flyout. This does not affect the expanded sidebar. */
@media (min-width: 992px) {
    body[data-kt-app-sidebar-minimize="on"][data-aksa-app-sidebar-enabled="true"]
        [data-aksa-layout="admin"] #kt_app_sidebar
        .menu-item.menu-dropdown.show[data-aksa-sidebar-branch="true"][data-menu-depth="0"]
        > .menu-sub-dropdown.show[data-popper-placement]
        .menu-item.show[data-aksa-sidebar-branch="true"]
        > .menu-sub-accordion.show {
        display: flex !important;
        height: auto !important;
        flex-direction: column;
        min-height: 0 !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
        transition: none !important;
    }

    body[data-kt-app-sidebar-minimize="on"][data-aksa-app-sidebar-enabled="true"]
        [data-aksa-layout="admin"] #kt_app_sidebar
        .menu-item.menu-dropdown.show[data-menu-depth="0"]
        > .menu-sub-dropdown.show[data-popper-placement]
        .menu-sub-accordion {
        margin-inline-start: .75rem;
        padding-inline-start: .35rem;
    }
}

/* Desktop minimization and mobile drawer are different interactions. The
   desktop KTToggle must never appear inside the responsive drawer. */
@media (max-width: 991.98px) {
    [data-aksa-layout="admin"] #kt_app_sidebar_toggle {
        display: none !important;
    }
}