/*# sourceMappingURL=custom.min.css.map */
.pointer-events-none {
    pointer-events: none;
}


/* FULL hide sidebar */
html.sidebar-hidden #app-sidebar {
    transform: translateX(-100%) !important;
}

/* Main content full width */
html.sidebar-hidden .main-content {
    margin-left: 0 !important;
}

/* Topbar alignment fix */
html.sidebar-hidden #page-topbar {
    left: 0 !important;
}

/* ===============================
   DESKTOP (>786px) – FULL HIDE
   =============================== */
/* ===============================
   MOBILE SIDEBAR FORCE SHOW (≤786px)
   =============================== */
@media (max-width: 786px) {

    html.sidebar-enable #app-sidebar,
    body.sidebar-enable #app-sidebar {
        margin-left: 0 !important;
        transform: translateX(0) !important;
        visibility: visible !important;
    }

    /* Overlay visible */
    html.sidebar-enable .vertical-overlay,
    body.sidebar-enable .vertical-overlay {
        display: block !important;
        opacity: 1;
    }

    /* Sidebar on top */
    #app-sidebar {
        z-index: 1055 !important;
        position: fixed;
    }

    /* Overlay below sidebar */
    .vertical-overlay {
        z-index: 1040 !important;
    }

    /* Overlay should NOT block sidebar clicks */
    html.sidebar-enable #app-sidebar {
        pointer-events: auto !important;
    }

    html.sidebar-enable .vertical-overlay {
        pointer-events: auto;
    }
}


/* ===============================
   MOBILE (≤786px)
   Velzon handles via sidebar-enable
   =============================== */