/* Generic sidebar chrome: position by viewport edge, not legacy primary/secondary names.
   Body state uses data-pro-sidebar-start-minimize / data-pro-sidebar-end-minimize only.
   Do not set data-kt-aside-primary-minimize or data-kt-aside-secondary-minimize (removed). */
/* Desktop only: LHS (start) panel stacks above RHS (end) */
@media (min-width: 900px) {
    #aside_primary_root {
        position: relative;
        z-index: 102;
    }

    #aside_primary_root:has(.aside[data-pro-sidebar-edge="start"].aside-hoverable:hover),
    #aside_primary_root:has(.aside.aside-primary.aside-hoverable:hover) {
        z-index: 103;
    }

    #aside_secondary_root {
        position: relative;
        z-index: 102;
    }
}

/* Mobile: whichever sidebar is expanded covers the viewport and stacks on top */
@media (max-width: 900px) {
    #aside_primary_root,
    #aside_secondary_root {
        position: relative;
        z-index: 100;
    }

    body[data-pro-sidebar-start-minimize="off"] #aside_primary_root {
        z-index: 104;
    }

    body[data-pro-sidebar-end-minimize="off"] #aside_secondary_root {
        z-index: 104;
    }
}

.aside[data-pro-sidebar-edge="start"] .aside-toggle,
.aside[data-pro-sidebar-edge="start"] .aside-visible,
.aside.aside-primary .aside-toggle,
.aside.aside-primary .aside-visible {
    left: 27px;
    top: 15px;
}

.aside[data-pro-sidebar-edge="end"] .aside-toggle,
.aside[data-pro-sidebar-edge="end"] .aside-visible,
.aside.aside-secondary .aside-toggle,
.aside.aside-secondary .aside-visible {
    right: 27px;
    top: 20px;
}

[data-pro-sidebar-start-minimize="on"] .aside[data-pro-sidebar-edge="start"],
[data-pro-sidebar-start-minimize="on"] .aside.aside-primary {
    width: 75px;
    transition: width .3s ease;
}

[data-pro-sidebar-end-minimize="on"] .aside[data-pro-sidebar-edge="end"],
[data-pro-sidebar-end-minimize="on"] .aside.aside-secondary {
    width: 75px;
}

.aside-enabled.aside-fixed[data-pro-sidebar-start-minimize="on"] .wrapper,
.aside-enabled.aside-fixed[data-pro-sidebar-end-minimize="on"] .wrapper {
    padding-left: 75px;
}

@media (max-width: 900px) {
    body:not(.pro-sidebar-start--mobile-expanded).aside-enabled.aside-fixed[data-pro-sidebar-start-minimize="on"] .aside[data-pro-sidebar-edge="start"] + .wrapper,
    body:not(.pro-sidebar-start--mobile-expanded).aside-enabled.aside-fixed[data-pro-sidebar-start-minimize="on"] #kt_aside_primary + .wrapper {
        padding-left: 0;
    }

    body:not(.pro-sidebar-end--mobile-expanded).aside-enabled.aside-fixed[data-pro-sidebar-end-minimize="on"] .aside[data-pro-sidebar-edge="end"] + .wrapper,
    body:not(.pro-sidebar-end--mobile-expanded).aside-enabled.aside-fixed[data-pro-sidebar-end-minimize="on"] #kt_aside_secondary + .wrapper {
        padding-left: 0;
    }
}

/* Process Copilot — dedicated end-edge panel, independent of map/actions secondary aside */
.pro-sidebar-copilot__toggle {
    display: none;
}

#aside_copilot_root.copilot-installed {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 102;
    display: none;
    pointer-events: none;
}

body.pro-sidebar-copilot--expanded #aside_copilot_root.copilot-installed {
    display: flex;
    pointer-events: auto;
}

body.pro-sidebar-copilot--expanded #kt_aside_copilot {
    width: min(510px, calc(100vw - 75px));
    max-width: 100%;
    height: 100%;
    box-shadow: -4px 0 16px rgba(0, 0, 0, 0.12);
}

.aside[data-pro-sidebar-role="copilot"] .aside-visible {
    right: 27px;
    top: 20px;
}

.aside[data-pro-sidebar-role="copilot"] .aside-expand {
    margin-left: -15px;
    margin-right: 0;
    z-index: 107;
}

.aside[data-pro-sidebar-role="copilot"] .aside-expand svg.flip-icon {
    transform: scale(1);
}

.aside[data-pro-sidebar-role="copilot"].aside-expanded .aside-expand svg.flip-icon {
    transform: scale(-1);
}

@media (min-width: 900px) {
    body.pro-sidebar-copilot--expanded #kt_aside_copilot.aside-expanded {
        width: calc(100vw - 75px);
        left: 75px;
        right: auto;
    }
}

@media (max-width: 900px) {
    body.pro-sidebar-copilot--expanded #kt_aside_copilot {
        width: 100vw;
    }

    body.pro-sidebar-copilot--expanded #kt_aside_copilot.aside-expanded {
        left: 0;
        right: auto;
    }

    body.pro-sidebar-copilot--expanded #aside_copilot_root.copilot-installed {
        z-index: 106;
    }
}