/* AdminLTE Mobile Navigation Bar Fixes */

@media (max-width: 991.98px) {
    .main-header {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    
    .main-header::-webkit-scrollbar {
        height: 3px;
    }
    
    .main-header::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,0.2);
        border-radius: 3px;
    }
    
    .main-header .navbar {
        padding: 0.25rem 0.5rem;
    }
    
    .main-header .navbar-nav {
        flex-direction: row;
        flex-wrap: nowrap;
        white-space: nowrap;
    }
    
    .main-header .navbar-nav .nav-item {
        flex-shrink: 0;
    }
    
    .main-header .navbar-nav .nav-link {
        white-space: nowrap;
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
        display: inline-flex;
        align-items: center;
    }
    
    .main-header .navbar-nav .nav-link i {
        margin-right: 0.25rem;
    }
    
    .main-header .container-fluid,
    .main-header .container {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        overflow: visible;
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .main-header .navbar-nav .nav-link {
        padding: 0.5rem 0.5rem;
        font-size: 0.8rem;
    }
    
    .main-header .navbar-nav .nav-link i {
        margin-right: 0.25rem;
        font-size: 0.9em;
    }
}

@media (max-width: 575.98px) {
    .main-header .navbar {
        padding: 0.25rem 0.25rem;
    }
    
    .main-header .navbar-nav .nav-link {
        padding: 0.5rem 0.4rem;
        font-size: 0.75rem;
    }
    
    .main-header .navbar-nav .nav-link i {
        margin-right: 0.15rem;
        font-size: 0.85em;
    }
    
    .main-header .navbar-nav .nav-item .form-inline,
    .main-header .navbar-nav .nav-item .dropdown {
        flex-shrink: 0;
    }
}