/**
 * Desktop sidebar collapse styles.
 * Toggle visibility controlled by JS via `sidebar-collapse-available` class.
 */
@media (min-width: 992px) {
    /* Transitions */
    .wrapper .sidebar,
    .wrapper .main-panel {
        transition: all 0.3s ease;
    }

    html.sidebar-no-transition .wrapper .sidebar,
    html.sidebar-no-transition .wrapper .main-panel {
        transition: none !important;
    }

    /* Toggle button - hidden by default, shown when collapse is available */
    .sidenav-toggler-desktop {
        display: none !important;
    }

    .sidenav-toggler-desktop,
    .sidenav-toggler-desktop:hover,
    .sidenav-toggler-desktop:focus,
    .sidenav-toggler-desktop:active {
        text-decoration: none !important;
    }

    html.sidebar-collapse-available .sidenav-toggler-desktop {
        display: flex !important;
    }

    html.sidebar-collapse-available .sidenav-toggler-desktop:hover,
    html.sidebar-collapse-available .sidenav-toggler-desktop:focus,
    html.sidebar-collapse-available.sidebar_collapsed .sidenav-toggler-desktop {
        color: white !important;
    }

    /* Toggle icon states */
    .sidebar-icon-expand { display: none; }
    html.sidebar_collapsed .sidebar-icon-collapse { display: none; }
    html.sidebar_collapsed .sidebar-icon-expand { display: inline-block; }

    /* Hide overflow only during transition to prevent scrollbar flash */
    html.sidebar-transitioning,
    html.sidebar-transitioning body {
        overflow: hidden !important;
    }

    /* Collapsed state */
    html.sidebar-collapse-available.sidebar_collapsed .wrapper .sidebar {
        transform: translate3d(-270px, 0, 0) !important;
    }

    html.sidebar-collapse-available.sidebar_collapsed .wrapper .main-panel {
        width: 100% !important;
        margin-left: 0 !important;
    }

    html.sidebar-collapse-available.sidebar_collapsed .logo-header {
        background: #171920 !important;
        border: none !important;
        box-shadow: none !important;
    }

    html.sidebar-collapse-available .main-header,
    html.sidebar-collapse-available .navbar-header {
        border: none !important;
        box-shadow: none !important;
    }

    html.sidebar-collapse-available .logo-header {
        position: relative;
    }

    html.sidebar-collapse-available .logo-header::after {
        content: '';
        position: absolute;
        right: -1px;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #30333e;
        transition: background 0.3s ease;
    }

    html.sidebar-collapse-available.sidebar_collapsed .logo-header::after {
        background: rgba(255, 255, 255, 0.1);
    }
}

/* Large screens: maintain consistent bottom border styling */
@media (min-width: 1921px) {
    .main-header,
    .navbar-header {
        border-bottom: none !important;
        box-shadow: none !important;
    }
}