/* ─── Sidebar Navigation Items ────────────────────────────────────────── */
.nav-section { margin-bottom: var(--space-2); }

.nav-section-label {
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--c-text-f);
    padding: var(--space-3) var(--space-3) var(--space-1);
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.nav-divider {
    height: 1px;
    background: var(--c-sidebar-border);
    margin: var(--space-3) 0;
}

.nav-item {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: 9px var(--space-3);
    border-radius: var(--radius-md);
    color: var(--c-text-m);
    font-size: 0.875rem;
    font-weight: 500;
    transition: all var(--transition);
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 2px;
}

.nav-item:hover {
    background: var(--c-bg-s);
    color: var(--c-text);
    transform: translateX(2px);
}

.nav-item.active {
    background: var(--c-primary-muted);
    color: var(--c-primary-l);
    font-weight: 600;
    border-left: 2px solid var(--c-primary);
    padding-left: calc(var(--space-3) - 2px);
}

.nav-item svg {
    flex-shrink: 0;
    opacity: 0.65;
    transition: opacity var(--transition);
}

.nav-item:hover svg,
.nav-item.active svg { opacity: 1; }

.nav-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

/* Collapsed sidebar icon-only mode */
.sidebar.collapsed .nav-item {
    justify-content: center;
    padding: 9px;
}

.sidebar.collapsed .nav-section-label { display: none; }