/* 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;
    }
}