.app-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    padding: 10px 16px;
    border-bottom: 1px solid hsl(var(--border));
    background: hsl(var(--background));
}

.app-menu a {
    padding: 6px 10px;
    border-radius: var(--radius);
    font-size: 0.875rem;
    color: hsl(var(--muted-foreground));
    text-decoration: none;
}

.app-menu a:hover {
    background: hsl(var(--accent));
    color: hsl(var(--foreground));
}

.app-menu a.active {
    background: hsl(var(--primary));
    color: hsl(var(--primary-foreground));
}

.app-menu .app-menu-home {
    font-weight: 600;
    color: hsl(var(--foreground));
    margin-right: 8px;
}