/* --- ESTRUCTURA PRINCIPAL DEL SIDEBAR --- */
.sidebar {
    background-color: #07202A; /* mismo que login left-panel */
    width: 250px;
    min-height: 100vh;
    color: #FFFFFF;
}

/* Footer */
.sidebar-footer {
    border-top: 1px solid rgba(255,255,255,0.12);
    background-color: #07202A;
}

/* --- SCROLLBAR --- */
.sidebar-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.25);
}
.sidebar-scroll::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255,255,255,0.4);
}

/* --- LINKS --- */
.sidebar .nav-link {
    color: rgba(255,255,255,0.85);
}

.sidebar .nav-link i {
    color: rgba(255,255,255,0.75);
}

/* Hover */
.sidebar .nav-link:hover {
    background-color: rgba(18,97,138,0.35); /* #12618A */
    border-radius: 12px;
}

/* Active */
.sidebar .nav-link.active {
    background-color: #12618A;
    border-radius: 12px;
    font-weight: 600;
    color: #FFFFFF;
}

/* --- ALERT VERSION --- */
.sidebar-footer .alert {
    background-color: rgba(224,244,250,0.15); /* #E0F4FA */
    color: #E0F4FA;
    border: none;
}

/* --- USER BOX --- */
.sidebar-footer .border {
    border-color: rgba(255,255,255,0.2) !important;
}

.sidebar-footer small {
    color: rgba(255,255,255,0.65);
}

/* --- LOGOUT BUTTON --- */
.sidebar-footer .btn-outline-light {
    border-color: #12618A;
    color: #E0F4FA;
}

.sidebar-footer .btn-outline-light:hover {
    background-color: #12618A;
    border-color: #12618A;
    color: #FFFFFF;
}
