/* SIDEBAR BASE */
.sidebar {
    width: 240px;
    min-height: 100vh;
    transition: all 0.25s ease;
    position: relative;
}

/* COLLAPSED */
.sidebar.collapsed {
    width: 70px;
}

.sidebar .nav-link {
    color: #ddd;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.2s;
}

.sidebar .nav-link:hover {
    background: rgba(255,255,255,0.1);
    color: #fff;
}

/* ICON ALWAYS VISIBLE */
.sidebar .icon {
    font-size: 1.2rem;
    width: 24px;
}

/* WHEN COLLAPSED → Hide text */
.sidebar.collapsed .nav-link span:not(.icon) {
    display: none;
}

.sidebar.collapsed .nav-link {
    justify-content: center;
}