.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header {
    white-space: normal;
}

/* UI polish: sidebar emphasis, spacing, focus, and micro-animations */
.main-sidebar .sidebar-menu > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

    .main-sidebar .sidebar-menu > li.header {
        border-bottom: none;
        padding: 12px 15px 8px;
        color: rgba(255, 255, 255, 0.7);
        letter-spacing: 0.2px;
    }

    .main-sidebar .sidebar-menu > li > a,
    .main-sidebar .sidebar-menu .treeview-menu > li > a {
        position: relative;
        min-height: 42px;
        padding: 11px 16px;
        line-height: 20px;
        color: #e3edf2;
        transition: all 0.15s ease;
    }

.main-sidebar .sidebar-menu .treeview-menu > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.02);
}

    .main-sidebar .sidebar-menu > li > a::before,
    .main-sidebar .sidebar-menu .treeview-menu > li > a::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 3px;
        height: 100%;
        background: transparent;
        opacity: 0;
        transition: all 0.15s ease;
    }

    .main-sidebar .sidebar-menu > li > a:hover,
    .main-sidebar .sidebar-menu > li > a:focus,
    .main-sidebar .sidebar-menu > li.active > a,
    .main-sidebar .sidebar-menu .treeview-menu > li > a:hover,
    .main-sidebar .sidebar-menu .treeview-menu > li > a:focus,
    .main-sidebar .sidebar-menu .treeview-menu > li.active > a {
        background-color: rgba(255, 255, 255, 0.05);
        color: #ffffff;
    }

        .main-sidebar .sidebar-menu > li > a:hover::before,
        .main-sidebar .sidebar-menu > li > a:focus::before,
        .main-sidebar .sidebar-menu > li.active > a::before,
        .main-sidebar .sidebar-menu .treeview-menu > li > a:hover::before,
        .main-sidebar .sidebar-menu .treeview-menu > li > a:focus::before,
        .main-sidebar .sidebar-menu .treeview-menu > li.active > a::before {
            background: #3c8dbc;
            opacity: 1;
        }

    .main-sidebar .sidebar-menu > li > a i:first-child,
    .main-sidebar .sidebar-menu .treeview-menu > li > a i:first-child {
        opacity: 0.8;
        transition: transform 0.15s ease, opacity 0.15s ease;
    }

    .main-sidebar .sidebar-menu > li > a:hover i:first-child,
    .main-sidebar .sidebar-menu > li > a:focus i:first-child,
    .main-sidebar .sidebar-menu .treeview-menu > li > a:hover i:first-child,
    .main-sidebar .sidebar-menu .treeview-menu > li > a:focus i:first-child {
        transform: rotate(-10deg);
        opacity: 1;
    }

.main-sidebar .sidebar-menu .treeview > a .fa-angle-right {
    transition: transform 0.15s ease, opacity 0.15s ease;
    opacity: 0.7;
}

.main-sidebar .sidebar-menu .treeview > a:hover .fa-angle-right,
.main-sidebar .sidebar-menu .treeview > a:focus .fa-angle-right {
    transform: translateX(2px);
    opacity: 1;
}

.main-sidebar .sidebar-menu a:focus {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 0 0 0 2px rgba(60, 141, 188, 0.35);
    outline: none;
    background-color: rgba(255, 255, 255, 0.05);
    color: #ffffff;
}

/* Header micro-interacciones sin mover layout */
.main-header .navbar .navbar-nav > li > a {
    transition: color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

    .main-header .navbar .navbar-nav > li > a:hover,
    .main-header .navbar .navbar-nav > li > a:focus {
        background-color: rgba(255, 255, 255, 0.05);
        transform: translateY(-1px);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
        color: #ffffff;
        outline: none;
    }

    .main-header .navbar .navbar-nav > li > a .label {
        transition: box-shadow 0.15s ease, filter 0.15s ease;
    }

    .main-header .navbar .navbar-nav > li > a:hover .label,
    .main-header .navbar .navbar-nav > li > a:focus .label {
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        filter: brightness(0.96);
    }

#SessionModal {
    z-index: 99999 !important;
}

#SessionModal + .modal-backdrop,
.modal-backdrop.session-modal-backdrop {
    z-index: 99998 !important;
}