.nav-section--project-context {
    margin: .15rem 0;
    padding: .55rem;
    border: 1px solid color-mix(in srgb, var(--brand) 18%, var(--border));
    border-radius: .75rem;
    background: color-mix(in srgb, var(--brand-soft) 48%, var(--surface));
}

.nav-section--project-context .nav-section__title {
    padding-left: .25rem;
    color: var(--brand-strong);
}

.nav-project-context {
    display: grid;
    gap: .12rem;
    margin: 0 .15rem .35rem;
    padding: .58rem .65rem;
    border-radius: .55rem;
    background: var(--surface);
    border: 1px solid var(--border);
    min-width: 0;
}

.nav-project-context strong,
.nav-project-context span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-project-context strong {
    color: var(--text);
    font-size: .88rem;
}

.nav-project-context span {
    color: var(--muted);
    font-size: .72rem;
}

.nav-section--project-context .nav-item {
    min-height: 2.45rem;
}