/* Source: resources/views/layouts/app.blade.php (block 1) */
@media (max-width: 400px) {
    .session-div {
        font-size: 12px;
    }
}

.session-div {
    height: 30px;
    border: none;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Source: resources/views/layouts/app.blade.php (block 2) */
body.sidebar-pinned .offcanvas-start {
    transform: none !important;
    visibility: visible !important;
}

body.sidebar-pinned {
    overflow: auto !important;
    padding-right: 0px !important;
}

body.sidebar-pinned .flex-grow-1.app-lay {
    margin-left: 300px;
    transition: margin-left 0.3s ease;
}

.flex-grow-1.app-lay {
    margin-left: 0;
    transition: margin-left 0.3s ease;
}

body.sidebar-pinned .offcanvas-backdrop {
    display: none !important;
}

@media (max-width: 768px) {
    /* Adjust breakpoint as needed */
    #pinSidebarBtn {
        display: none !important;
        /* Hide the pin button */
    }

    /* Ensure main content takes full width if sidebar was pinned on larger screen */
    body.sidebar-pinned .flex-grow-1.app-lay {
        margin-left: 0 !important;
    }

    /* Ensure sidebar doesn't stay transformed open if it was pinned on larger screen */
    body.sidebar-pinned .offcanvas-start.show,
    body.sidebar-pinned .offcanvas-start.showing {
        transform: translateX(-100%) !important;
        /* Default hide transform */
    }

    body.sidebar-pinned .offcanvas-start {
        /* Ensure it's not stuck open by our previous transform:none */
        transform: translateX(-100%) !important;
    }
}

/* ═══ Golden Path Sidebar V2 Layout — 2026-03-25 fix ═══ */
/* Desktop: sidebar always visible, fixed left */
@media (min-width: 992px) {
    .ns-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        height: 100vh;
        z-index: 1040;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .ns-sidebar__panel {
        width: 280px;
    }

    /* Push main content to the right of sidebar */
    #app.app-lay > .flex-grow-1.app-lay {
        margin-left: 280px;
    }
}

/* Mobile: sidebar hidden, overlay when toggled */
@media (max-width: 991.98px) {
    .ns-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        height: 100vh;
        z-index: 1050;
        overflow-y: auto;
        transform: translateX(-100%);
        transition: transform 0.25s ease;
    }

    .ns-sidebar.is-open {
        transform: translateX(0);
        box-shadow: 0 0 60px rgba(0, 0, 0, 0.5);
    }
}